/* issue / archive pages */
.crumbs{font-size:.88rem;color:var(--muted);margin:1rem 0 0}.crumbs a{color:var(--muted)}
article.issue{max-width:760px;margin:0 auto;padding:1.5rem 1.25rem 3rem}
article.issue header.ah{margin-bottom:1.5rem}
article.issue h1{margin:.4rem 0 .9rem;max-width:none;font-size:clamp(1.9rem,4.6vw,2.8rem);line-height:1.12}
.meta{color:var(--muted);font-size:.95rem;margin:0 0 .35rem}
.byline{color:var(--muted);font-size:.92rem;margin:0}
article.issue figure{margin:1.25rem 0}
article.issue figure img,article.issue .verdictbox img{display:block;max-width:100%;height:auto;border-radius:12px;border:1px solid var(--border);background:#0e1013}
figcaption,.cap{color:var(--muted);font-size:.88rem;margin:.5rem 0 0}
.pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.25rem 0 0}
.pair figure{margin:0}
.art-sec{padding:2rem 0 0}
.art-sec h2{font-size:clamp(1.5rem,3.2vw,1.95rem);display:flex;align-items:center;gap:.7rem;margin:0 0 1rem}
.art-sec h2 img.ico{width:36px;height:36px;border:0;border-radius:0;background:none;flex:none}
article.issue h3{font-size:1.25rem;margin:1.6rem 0 .6rem}
.toolhead{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.4rem 0 .6rem}
.toolhead h3{margin:0}
.toolhead img{width:170px;height:auto;border:0;background:none}
.vtxt.use{color:var(--use)}.vtxt.watch{color:var(--watch)}.vtxt.skip{color:var(--skip)}
article.issue p{margin:0 0 1rem}
.intro{font-size:1.15rem}
article.issue ul{padding-left:1.25rem;margin:0 0 1.1rem}
article.issue li{margin:.45rem 0}
article.issue li blockquote{margin:.6rem 0 0}
ul.short{list-style:none;padding:1.1rem 1.3rem;background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0}
ul.short li strong:first-child{color:var(--accent)}
ul.good li::marker{color:var(--use)}ul.bad li::marker{color:var(--skip)}ul.hits li::marker{color:var(--accent)}
article.issue blockquote{margin:1rem 0;padding:.8rem 1.1rem;border-left:4px solid var(--accent);background:var(--surface-2);border-radius:0 12px 12px 0;color:var(--text)}
article.issue code{font-family:var(--mono);font-size:.9em;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.08em .35em;overflow-wrap:anywhere}
.verdictbox{margin:1.25rem 0;padding:1.1rem 1.2rem;border:1px solid var(--border);border-left:4px solid var(--use);border-radius:0 var(--radius) var(--radius) 0;background:color-mix(in srgb,var(--use) 8%,var(--surface))}
.verdictbox img{margin:0 0 1rem}.verdictbox p{margin:0}
.replybox{margin:1rem 0;padding:1.1rem 1.3rem;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
.replybox p:last-child{margin:0}
.note{color:var(--muted);font-size:.93rem}
hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0 1.25rem}
.disclosure{color:var(--muted);font-size:.93rem}
section.subscribe{padding:3.5rem 0;text-align:center;border-top:1px solid var(--border);background:var(--surface)}
section.subscribe h2{margin-bottom:.5rem}
section.subscribe .sub{margin:0 auto 1.5rem}
.issuelist{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.issuecard{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.5rem;color:var(--text);text-decoration:none}
.issuecard:hover{border-color:var(--accent)}
.issuecard .n{font-family:var(--mono);font-size:.82rem;color:var(--accent)}
.issuecard h2,.issuecard h3{font-size:1.35rem;margin:.3rem 0 .5rem}
.issuecard p{margin:0 0 .8rem;color:var(--muted)}
.archive-head{padding:2.5rem 0 1.5rem}
.archive-head h1{margin:0 0 .6rem;max-width:none;font-size:clamp(2rem,5vw,3rem)}
.top nav a[aria-current=page]{color:var(--text)}
.archive-head .crumbs{margin:0 0 1rem}
.archive-head .lede{margin:0;text-align:left;max-width:60ch}
.spacer{height:3.5rem}