.folio-grid,.explorer-grid{gap:1.4rem;margin:1.2rem 0;display:grid}.folio-card,.chart-card,.explorer-panel{background:var(--surface);border:1px solid var(--border);margin:0 0 1.3rem;padding:1.1rem}.explorer-panel{border-top:3px solid var(--accent);margin:0}.folio-pair{grid-template-columns:minmax(220px,1fr) minmax(280px,1.35fr);align-items:start;gap:1rem;display:grid}@media (width<=720px){.folio-pair{grid-template-columns:1fr}}.folio-card img,.chart-card img{border:1px solid var(--border);background:var(--bg);width:100%;height:auto;display:block}.folio-card figcaption,.chart-card figcaption{color:var(--text-secondary);margin-top:.8rem;font-size:.91rem;line-height:1.56}.explorer-tag{font-family:var(--font-mono);color:var(--accent);margin:0 0 .3rem;font-size:.8rem}.explorer-header h3{margin:0 0 .35rem;font-size:1.18rem}.explorer-sub{color:var(--text-secondary);margin:0 0 .9rem;font-size:.91rem}.step-buttons,.token-line{flex-wrap:wrap;gap:.45rem;margin-bottom:.95rem;display:flex}.token-line{margin-bottom:0}.step-btn{min-height:44px;color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border);cursor:pointer;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.88rem;font-weight:500;display:inline-flex}.step-btn.is-active{background:var(--button-fill);color:var(--button-ink);border-color:var(--button-fill)}.step-btn.is-active code{color:inherit;background:0 0}.step-num{width:1.25rem;height:1.25rem;font-family:var(--font-mono);border:1px solid;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.metric-strip{background:var(--surface-subtle);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin-bottom:.95rem;padding:.8rem .95rem;display:grid}.metric-cell{font-family:var(--font-mono);flex-direction:column;gap:.15rem;display:flex}.metric-label{color:var(--text-muted);font-size:.78rem}.metric-val{color:var(--text-primary);font-size:.93rem}.accent-val{color:var(--accent)}.bar-stage{gap:.7rem;margin-bottom:.95rem;display:grid}.bar-meta{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;gap:.45rem;margin-bottom:.25rem;font-size:.84rem;display:flex}.bar-track{background:var(--surface-subtle);border:1px solid var(--border);height:14px;display:flex;overflow:hidden}.dual-track{gap:2px}.bar-fill{height:100%;transition:width .2s}.fill-teal{background:var(--accent)}.fill-teal-mid{background:var(--teal-500,#338c74)}.fill-gold{background:var(--band-gold,#f1dfac)}.fill-muted{background:var(--border-focus)}.token-preview{background:var(--bg);border:1px solid var(--border);margin-bottom:.9rem;padding:.8rem .95rem}.token-preview-label{font-size:.8rem;font-family:var(--font-mono);color:var(--text-muted);margin:0 0 .45rem}.token-chip{background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);align-items:baseline;gap:.15rem;padding:.3rem .55rem;font-size:.86rem;display:inline-flex}.slot-p{background:var(--accent-subtle);color:var(--accent);padding:.05rem .25rem;font-weight:600}.slot-c{color:var(--text-primary);padding:.05rem .22rem;font-weight:600}.slot-s{background:var(--band-gold);color:var(--band-ink-on-gold);padding:.05rem .25rem}.slot-empty,.tok-len{color:var(--text-muted);margin-left:.35rem;font-size:.73rem}.explorer-note{color:var(--text-secondary);margin:0;font-size:.89rem;line-height:1.55}.table-wrap{border:1px solid var(--border);background:var(--surface);margin:1.2rem 0 1.6rem;overflow-x:auto}.results-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem;line-height:1.5}.results-table caption{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface-subtle);padding:.7rem .85rem .55rem;font-size:.88rem}.results-table th,.results-table td{border-bottom:1px solid var(--border);vertical-align:top;color:var(--text-secondary);padding:.65rem .8rem}.results-table thead th{color:var(--accent);background:var(--surface-subtle);font-weight:600}.results-table tbody th{color:var(--text-primary);font-weight:600}.prose-list{max-width:760px;margin:1rem 0 1.4rem;padding-left:1.25rem}.prose-list li{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.6}
