/* Article features extend the production identity in styles.css. Keep its logo, hero and palette. */
button,input,select{font:inherit}:where(.filters,.pagination,.section-heading,.article-actions) button,#retry{cursor:pointer;color:var(--paper);border:1px solid var(--line);background:transparent;padding:11px 18px;font-family:'DM Mono',monospace;font-size:11px}button:hover:enabled{border-color:var(--lime);color:var(--lime)}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}
.filters{display:flex;align-items:end;gap:16px;margin:24px 0}.filters label{display:block;font:11px 'DM Mono',monospace;color:var(--muted)}.filters label:first-child{flex:1;min-width:0}.filters input,.filters select{display:block;width:100%;margin-top:10px;padding:13px;border:1px solid var(--line);border-radius:0;background:var(--ink);color:var(--paper);min-width:0}.filters select{min-width:160px}.filters button{padding:14px 22px;color:var(--lime)}
#status{color:var(--muted);font-size:13px;line-height:1.8}.error-message{color:var(--orange)!important}.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.stories .story-card{padding:0;min-width:0;min-height:340px;--card-accent:var(--purple)}.stories .story-card:nth-child(3n){--card-accent:var(--blue)}.stories .story-card:nth-child(3n+2){--card-accent:var(--orange)}.stories .story-card>a{display:block;color:inherit;font-size:inherit;margin:0;height:100%}.stories img{width:100%;height:220px;object-fit:cover;display:block}.story-copy{padding:26px;overflow-wrap:anywhere}.stories .story-meta{font:10px 'DM Mono',monospace;color:var(--muted);line-height:1.8}.stories h3{margin:22px 0 12px}.stories .excerpt{font-size:14px;line-height:1.8;color:#919c96;white-space:pre-line}.read-more{display:block;color:var(--lime);font:11px 'DM Mono',monospace;margin-top:26px}.pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin:36px 0 0;font:11px 'DM Mono',monospace;color:var(--muted)}
/* The first real story takes the original lead-story position; empty feeds never show demo articles. */
.stories .story-card:first-child{grid-column:1/-1}.stories .story-card:first-child>a{display:grid;grid-template-columns:1.5fr 1fr}.stories .story-card:first-child img{height:100%;min-height:360px}.stories .story-card:first-child .story-copy{padding:46px}.stories .story-card:first-child h3{font-size:34px;line-height:1.16;letter-spacing:-.045em}.stories .story-card:first-child>a:not(:has(img)){grid-template-columns:1fr}
.article-wrap{max-width:860px;padding-top:48px;padding-bottom:90px}.back-link{display:inline-block;font:11px 'DM Mono',monospace;color:var(--lime);margin-bottom:32px}.article-wrap>.eyebrow{margin-top:30px}.article-wrap h1{font-size:clamp(32px,5vw,58px);line-height:1.12;letter-spacing:-.045em;overflow-wrap:anywhere;margin:24px 0}.article-wrap #article-meta{font:11px 'DM Mono',monospace;color:var(--muted);line-height:1.8}.article-actions{display:flex;gap:12px;margin:28px 0 40px;flex-wrap:wrap}.article-body{font-size:17px;line-height:1.9;color:#c2c9c3;overflow-wrap:anywhere}.article-body p{white-space:pre-wrap;margin:0 0 26px}figure{margin:32px 0}figure img{display:block;width:100%;height:auto}figcaption{font:11px 'DM Mono',monospace;color:var(--muted);line-height:1.8;margin-top:12px}.sources{border-top:1px solid var(--line);padding-top:24px;margin-top:40px}.sources h2{font-size:22px}.sources li{font-size:13px;line-height:1.9;overflow-wrap:anywhere;margin:12px 0}.sources a{color:var(--lime);text-decoration:underline}.image-error{padding:32px;color:var(--muted);background:#0c1c17;text-align:center}#retry{margin:16px 0}
@media(max-width:850px){.stories{grid-template-columns:repeat(2,minmax(0,1fr))}.stories .story-card:first-child>a{grid-template-columns:1fr}.stories .story-card:first-child img{min-height:0;height:300px}.stories .story-card:first-child .story-copy{padding:28px}}@media(max-width:520px){.filters{flex-wrap:wrap}.filters label:first-child{flex-basis:100%}.filters label:nth-child(2){flex:1;min-width:0}.filters select{min-width:0}.stories{grid-template-columns:1fr}.stories .story-card:first-child h3{font-size:27px}.stories .story-card:first-child img{height:240px}.article-body{font-size:16px}.article-wrap{padding-top:30px}.pagination{gap:14px}.section-heading h2{font-size:28px}}

nav a[aria-current=page]{color:var(--lime);text-decoration:underline;text-underline-offset:6px}
