/* /logs — the DYOR history, one line per entry (2026-09-24). Tokens come from app.css. */
.lg-nav{display:flex;gap:8px}
.lg-nav a{color:var(--bone);text-decoration:none;border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 10px;font-size:13px}
.lg{max-width:1080px;margin:0 auto;padding:8px var(--gut) 48px}
.lg-title{margin:12px 0 4px;font-size:28px;color:var(--bone)}
.lg-lede{margin:0 0 20px;color:var(--bone);opacity:.8;font-size:14px;line-height:1.5}
.lg-key{display:inline-flex;gap:6px;margin-left:6px;vertical-align:middle}
.lg-day{margin:24px 0 8px;font-size:13px;letter-spacing:.12em;color:var(--mint)}
.lg-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lg-list li{display:grid;grid-template-columns:3.4em 1.7em minmax(0,1fr);gap:10px;align-items:baseline;
  padding:7px 2px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.45;color:var(--bone)}
.lg-list time{font-variant-numeric:tabular-nums;opacity:.65;font-size:13px}
.k{display:inline-block;text-align:center;border-radius:5px;padding:0 5px;font-size:11px;font-weight:700;letter-spacing:.06em}
.k-D{background:var(--marigold);color:var(--edge)}
.k-U{background:var(--teal);color:var(--bone)}
.lg-key .k{padding:1px 6px}
/* ⛔ ONE LINE PER ENTRY (Chef TG 12601): clipped with an ellipsis; tapping (focus) shows the whole line */
.lg-list li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lg-list li:focus{outline:none;background:var(--panel)}
.lg-list li:focus span,.lg-list li:hover span{white-space:normal}
/* app.css locks the page to the screen at ≥1080px (body overflow hidden) and scrolls panes instead —
   so the log itself must be the scrolling pane there, or the page cannot scroll at all (Chef 2026-09-24). */
@media (min-width:1080px){main.lg{flex:1;min-height:0;width:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}}