/* MILLRIG MK I — LOGS v5: terminal dropdown + Profile Links rows */
.logs-page .lg-item { padding: 0; }
.lg-head {
  display: flex; align-items: baseline; gap: 6px; width: 100%;
  padding: 8px 0; background: none; border: 0; color: inherit;
  font: inherit; font-size: 13px; letter-spacing: 0.04em; text-align: left; cursor: pointer;
}
.lg-head:hover .lg-title, .lg-head:focus-visible .lg-title { text-shadow: 0 0 8px var(--pip); }
.lg-head:focus-visible { outline: 1px dashed var(--pip); outline-offset: 2px; }
.lg-caret { width: 1ch; display: inline-block; }
.lg-head[aria-expanded="true"] .lg-title::after { content: "_"; margin-left: 2px; animation: vtBlink 1s steps(1) infinite; }
.lg-body { padding: 0 0 10px 2.2ch; }
.lg-body[hidden] { display: none; }
.lg-body.lg-reveal { animation: lgSlide 0.28s steps(7, end) both; }
.lg-body.lg-reveal .lg-line { animation: lgType 0.22s steps(4, end) both; animation-delay: calc(0.12s + var(--i, 0) * 0.09s); }
@keyframes lgSlide { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes lgType { from { opacity: 0; clip-path: inset(0 100% 0 0); } to { opacity: 1; clip-path: inset(0 0 0 0); } }
.list-page .lg-sub li { border-bottom: 0; padding: 4px 0; font-size: 13px; }
.lg-sub li::before { content: "› "; opacity: 0.6; }
.lg-sub .lg-k { display: inline-block; min-width: 4.5ch; opacity: 0.65; }
.lg-sub a { color: var(--pip); text-decoration: none; border-bottom: 1px dotted rgba(20,253,12,0.5); }
.lg-sub a:hover, .lg-sub a:focus-visible { text-shadow: 0 0 8px var(--pip); border-bottom-style: solid; outline: none; }
.lg-sub .lg-note { font-size: 11.5px; }
@media (max-width: 600px) {
  .lg-body { padding-left: 1ch; }
}
@media (prefers-reduced-motion: reduce) {
  .lg-body.lg-reveal, .lg-body.lg-reveal .lg-line, .lg-head .lg-title::after { animation: none !important; }
}
/* Profile Links: full-width terminal rows (links1) */
.list-page .lg-sub li.lg-link { padding: 0; margin: 0 0 6px; }
.lg-sub li.lg-link::before { content: none; }
.lg-sub a.lg-row {
  display: grid; grid-template-columns: 5ch minmax(0, 1fr) auto auto; align-items: center; column-gap: 10px;
  width: 100%; max-width: 640px; box-sizing: border-box; min-height: 44px; padding: 8px 12px;
  border: 1px solid var(--pip-dim); border-bottom: 1px solid var(--pip-dim); background: rgba(1, 8, 1, 0.6);
  font-size: 14px; letter-spacing: 0.04em;
}
.lg-sub a.lg-row:hover, .lg-sub a.lg-row:focus-visible { border-color: var(--pip); background: rgba(20,253,12,0.08); box-shadow: 0 0 10px rgba(20,253,12,0.2); }
.lg-row .lg-k { min-width: 0; opacity: 0.6; font-size: 12px; }
.lg-row .lg-t { min-width: 0; overflow-wrap: anywhere; }
.lg-row .lg-n { font-size: 11.5px; white-space: nowrap; }
.lg-row .lg-go { opacity: 0.7; }
@media (max-width: 600px) {
  .lg-sub a.lg-row { max-width: none; grid-template-columns: 4ch minmax(0, 1fr) auto; padding: 10px; }
  .lg-row .lg-n { grid-column: 2; grid-row: 2; white-space: normal; }
  .lg-row .lg-go { grid-column: 3; grid-row: 1; }
}
/* logs2: rows never clip. The stepped clip-path reveal could freeze part-way (e.g. background tab),
   leaving some rows cut off without their arrow; link rows now fade in only. One fixed style for every row. */
.lg-body.lg-reveal .lg-line.lg-link { animation-name: lgFade; clip-path: none; }
@keyframes lgFade { from { opacity: 0; } to { opacity: 1; } }
.lg-sub, .lg-sub li.lg-link { width: 100%; max-width: 640px; box-sizing: border-box; overflow: visible; }
.lg-sub a.lg-row, .lg-sub a.lg-row:visited { max-width: none; width: 100%; height: 48px; min-height: 48px; overflow: hidden; color: var(--pip); font-weight: 400; text-shadow: none; }
.lg-sub a.lg-row:hover, .lg-sub a.lg-row:focus-visible { text-shadow: 0 0 6px var(--pip); }
.lg-row .lg-t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; }
.lg-row .lg-k, .lg-row .lg-n { opacity: 0.6; }
.lg-row .lg-go { opacity: 0.8; }
@media (max-width: 600px) {
  .lg-sub, .lg-sub li.lg-link { max-width: none; }
  .lg-sub a.lg-row { height: 56px; min-height: 56px; }
  .lg-row .lg-n { grid-row: 2; grid-column: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 360px) {
  .lg-sub a.lg-row { grid-template-columns: 3.5ch minmax(0, 1fr) auto; column-gap: 6px; padding: 8px; font-size: 12px; letter-spacing: 0.02em; }
  .lg-row .lg-k { font-size: 10.5px; }
  .lg-row .lg-n { font-size: 10.5px; }
}