.knobset, .layout-pick { display: none; }
.traces { max-width: 760px; margin: 1.5rem auto 3rem; line-height: 1.65; }
.traces h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1.15; max-width: 22ch; margin: .3rem 0 1rem; }
.traces h2 { font-size: 1.6rem; line-height: 1.25; margin: .2rem 0 1rem; }
.traces section { border-top: 1px solid var(--box-line, #aaa); padding-top: 1.5rem; margin-top: 2rem; }
.trace-eyebrow { font-size: .78rem; font-weight: bold; letter-spacing: .06em; text-transform: uppercase; color: var(--hot, #a30); margin-bottom: .5rem; }
.trace-intro { font-size: 1.15rem; max-width: 55ch; }
.trace-links { padding: .7rem 0; }
.note-line { font-family: "Courier New", monospace; font-size: 1.15rem; padding: 1rem; background: var(--box-bg, #eee); border-left: 3px solid var(--hot, #a30); line-height: 1.8; }
.trace-scroll { overflow-x: auto; margin: 1rem 0; }
.traces table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; font-size: .88rem; }
.traces caption { text-align: left; font-size: .85rem; padding-bottom: .6rem; }
.traces th, .traces td { text-align: left; border-bottom: 1px solid var(--box-line, #bbb); padding: .4rem .6rem; white-space: nowrap; }
.traces thead { background: var(--box-bg, #eee); }
.traces .compacted { font-weight: bold; background: var(--box-bg, #eee); }
.trace-small { font-size: .86rem; }
.trace-boards { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.4rem 0; }
.trace-boards figure { margin: 0; flex: 1 1 280px; }
.trace-boards figcaption { font-size: .85rem; font-weight: bold; }
.trace-boards pre { font-size: clamp(.9rem, 3vw, 1.2rem); letter-spacing: .05em; line-height: 1.6; background: var(--box-bg, #eee); padding: 1rem; margin-top: .5rem; overflow-x: auto; }
.traces li { margin: .4rem 0; }
@media (max-width: 600px) { .traces { margin: 1rem .2rem 2rem; } .traces th, .traces td { padding: .35rem .4rem; } }