/* The air archive (archive.html): one reading column — search, filters, results you can play. */
.archive-shell{max-width:920px;margin:auto;padding:0 32px 64px}
.archive-shell .app-header{min-height:112px}
.archive-shell main{padding-top:40px}
.archive-page h1{font-family:var(--font-display);font-size:clamp(34px,6vw,56px);letter-spacing:-1.5px;line-height:1.02;margin:14px 0 12px}
.archive-lede{color:var(--color-muted);font-size:14px;line-height:1.6;max-width:62ch}
.archive-lede code{font-size:12px;background:var(--color-selected);padding:1px 5px;border-radius:4px}
.archive-gate-form{display:flex;gap:10px;margin-top:24px;max-width:520px}
.archive-error{color:var(--color-danger);font-size:13px;margin-top:10px;min-height:1.4em}

.archive-search{display:flex;gap:10px;margin-top:28px}
.archive-q{font-size:15px;padding:14px 16px}
.archive-search .primary-button{padding:12px 24px}
.archive-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.archive-segment{display:inline-flex;border:var(--rule);border-radius:var(--radius-pill);padding:3px;background:var(--color-surface)}
.archive-segment button{padding:7px 14px;border-radius:var(--radius-pill);font-size:12px;min-height:34px}
.archive-segment button[aria-checked="true"]{background:var(--color-ink);color:var(--color-paper)}
.archive-segment button:disabled{opacity:.45;cursor:not-allowed}
.archive-channel{width:auto;min-width:180px;padding:9px 12px;font-size:12px;border-radius:var(--radius-pill)}
.archive-note{margin-top:12px;font-size:12px;color:var(--color-muted)}
.archive-summary{margin:30px 0 12px;font-size:12px;color:var(--color-muted);letter-spacing:.2px}

.archive-results{list-style:none;margin:0;padding:0;border-top:var(--rule)}
.archive-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:var(--rule);animation:message-in var(--dur-short) var(--ease-out)}
.archive-play{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--color-accent);color:var(--color-accent-ink)}
.archive-play:hover{background:var(--color-accent);filter:brightness(.95)}
.archive-play[aria-pressed="true"]{background:var(--color-ink);color:var(--color-paper)}
.archive-play svg{width:16px;height:16px;fill:currentColor}
.archive-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:11px;color:var(--color-muted)}
.archive-kind{padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-selected);color:var(--color-ink);font-weight:600}
.archive-item[data-kind="call"] .archive-kind{background:var(--color-secondary)}
.archive-item h3{font-size:16px;font-weight:600;margin:8px 0 6px;line-height:1.35;overflow-wrap:anywhere}
.archive-score{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--color-muted);margin-bottom:6px}
.archive-score span{display:block;width:96px;height:4px;border-radius:2px;background:var(--color-line);overflow:hidden}
.archive-score span::before{content:"";display:block;height:100%;width:var(--score);background:var(--color-blue)}
.archive-excerpt{font-size:13px;line-height:1.6;color:var(--color-ink);overflow-wrap:anywhere}
.archive-excerpt mark{background:var(--color-accent);color:var(--color-accent-ink);border-radius:3px;padding:0 2px}
.archive-item details{margin-top:8px;font-size:12px}
.archive-item summary{cursor:pointer;color:var(--color-muted);width:max-content}
.archive-lines{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px;line-height:1.55;font-size:13px}
.archive-lines strong{font-weight:600;margin-right:6px}
.archive-stories{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.archive-stories a{font-size:11px;border:var(--rule);border-radius:var(--radius-pill);padding:4px 10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-stories a:hover{border-color:var(--color-ink)}
.archive-player{display:flex;align-items:center;gap:12px;margin-top:12px}
.archive-player audio{flex:1;min-width:0;height:36px}
.archive-player a{font-size:12px;text-decoration:underline}
.archive-player p{font-size:12px;color:var(--color-muted)}
.archive-player p[data-error="true"]{color:var(--color-danger)}
.archive-more{display:block;margin:24px auto 0}
.archive-empty{padding:40px 0;text-align:center;color:var(--color-muted);font-size:14px;line-height:1.6}

@media(max-width:720px){
  .archive-shell{padding:0 16px 48px}
  .archive-shell .app-header{min-height:84px;gap:16px}
  .archive-shell .header-caption{display:none}
  .archive-search,.archive-gate-form{flex-direction:column}
  .archive-item{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .archive-play{width:40px;height:40px}
  .archive-channel{flex:1}
}
.archive-page [hidden]{display:none!important}