/* Per-issue web pages and archives. Loaded after styles.css; uses its tokens, so light/dark and city themes carry over. */
.issue-head { padding-block: var(--space-4) var(--space-6); }
.issue-mast { width: 100%; height: auto; aspect-ratio: 10 / 3; border: 2px solid var(--text); border-radius: var(--radius); margin-bottom: var(--space-6); background: var(--surface); }
.issue-head h1 { font-size: clamp(2.1rem, 8vw, 4rem); }
.issue-head .promise { max-width: 40rem; }
.cta-strip { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); margin: var(--space-4) 0 0; padding: var(--space-3) var(--space-4); background: var(--surface); border: 2px dashed var(--text); border-radius: var(--radius); max-width: 40rem; }
.cta-strip .btn { text-decoration: none; min-height: 44px; font-size: 1rem; }
.issue-body { padding-bottom: var(--space-6); }
.issue-body > * { max-width: 760px; }
.issue-sec { padding-block: var(--space-6) 0; }
.issue-sec h2 { font-size: clamp(1.5rem, 5vw, 2.1rem); padding-bottom: var(--space-3); border-bottom: 3px solid var(--accent); margin-bottom: var(--space-2); }
.pick { padding-block: var(--space-4); border-bottom: 1px solid var(--line); scroll-margin-top: var(--space-6); }
.pick:target { background: color-mix(in srgb, var(--accent) 14%, transparent); border-radius: var(--radius-sm); padding-inline: var(--space-3); }
.pick-meta { margin: 0 0 .25rem; font: 700 .8rem/1.4 var(--font-body); letter-spacing: .05em; text-transform: uppercase; color: var(--accent-text); }
.pick h3 { font-size: 1.3rem; margin-bottom: .35rem; }
.pick h3 a { color: var(--text); text-decoration-color: var(--sea); text-decoration-thickness: 2px; }
.pick h3 a:hover { color: var(--accent-text); }
.pick p:not(.pick-meta) { margin: 0; color: var(--muted); }
.signoff { margin: var(--space-6) 0 var(--space-3); font-size: var(--text-lg); }
.issue-links { font-size: var(--text-sm); color: var(--muted); }
.archive-list { list-style: none; margin: var(--space-4) 0 0; padding: 0; display: grid; gap: var(--space-3); max-width: 40rem; }
.archive-list li { display: grid; gap: .25rem; padding: var(--space-3) var(--space-4); background: var(--surface); border: 2px solid var(--text); border-radius: var(--radius-sm); }
.archive-list span { color: var(--muted); font-size: var(--text-sm); }
.crumbs { margin: 0 0 var(--space-3); font-size: var(--text-sm); color: var(--muted); }
.crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem .5rem; }
.crumbs li + li::before { content: "\203A"; margin-right: .5rem; }
.topic-link { margin: 0 0 var(--space-2); font-weight: 600; }
.featured-in { font-size: var(--text-sm); }
.invite { margin-top: var(--space-4); font-size: var(--text-sm); color: var(--muted); }