/* September reader edition: build on the established black/red/silver identity. */
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 50px}.topic-tile{position:relative;border:1px solid var(--rule);border-radius:15px;padding:30px;background:var(--paper);text-decoration:none;transition:border-color .15s,transform .15s;min-width:0}.topic-tile:hover{border-color:var(--red);transform:translateY(-2px)}.topic-tile h2{font:500 30px/1.18 var(--sans);letter-spacing:-.045em;max-width:400px;margin:22px 0 15px}.topic-tile p{font-size:13px;line-height:1.8;color:var(--muted);max-width:480px}.topic-tile .text-link{display:inline-block;margin-top:24px;font-size:11px}.reader-entry .topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.reader-entry .topic-tile{padding:24px}.reader-entry .topic-tile h2{font-size:24px}.reader-entry .topic-tile .meta{font-size:8px}.reader-entry .topic-tile p{font-size:12px}.discovery-bar,.tool-jumps{display:flex;gap:15px 30px;flex-wrap:wrap;margin:10px 0 40px;border-block:1px solid var(--rule);padding:20px 0}.discovery-bar a,.tool-jumps a{font:11px/1.8 var(--mono);text-decoration:none}.topic-start{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--red);border-radius:12px;padding:30px;margin-bottom:35px}.topic-start h2{font-size:28px;line-height:1.25;margin:18px 0}.topic-start h2 a{text-decoration:none}.topic-start p{font-size:14px;color:var(--muted);line-height:1.8}.topic-actions{display:flex;flex-direction:column;gap:20px;justify-content:center;font-size:13px}.timeline-entry{grid-template-columns:155px minmax(0,1fr)}.timeline-content{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:28px;align-items:start}.timeline-content:not(:has(.timeline-image)){grid-template-columns:1fr}.timeline-image{border:1px solid var(--rule);background:var(--paper);border-radius:12px;overflow:hidden;display:block}.timeline-image img{width:100%;height:170px;object-fit:contain;display:block}.source-gallery{border-top:1px solid var(--rule);margin-top:40px}.source-gallery .article-image{margin:24px 0}.article-image figcaption{line-height:1.8}.work-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:60px;padding:45px 0 65px;border-bottom:1px solid var(--rule);scroll-margin-top:110px}.tool-intro h2{font:500 40px/1.1 var(--sans);letter-spacing:-.045em;margin:23px 0}.tool-intro p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted);max-width:390px;margin-bottom:25px}.tool-intro a{font-size:13px}.work-tool form{background:var(--paper);border:1px solid var(--rule);border-radius:15px;padding:28px;min-width:0}.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.work-tool label{display:flex;flex-direction:column;font-size:12px;line-height:1.5;gap:8px;margin-bottom:18px}.work-tool input,.work-tool textarea{width:100%;min-width:0;border:1px solid var(--rule);background:var(--bg);color:var(--ink);padding:12px;border-radius:7px;font:14px/1.6 var(--sans);box-sizing:border-box}.work-tool textarea{resize:vertical}.work-tool input:focus,.work-tool textarea:focus{outline:2px solid var(--red);outline-offset:3px}.tool-result{white-space:pre-line;font:13px/1.9 var(--mono);border-left:3px solid var(--red);background:var(--bg);padding:20px;overflow-wrap:anywhere}.tool-error{border-color:#d98742}.tool-limit{font-size:11px;line-height:1.85;color:var(--muted);margin:20px 0}.tool-actions{display:flex;flex-wrap:wrap;gap:12px}.beat-strip{display:flex;height:12px;border-radius:20px;overflow:hidden;margin:8px 0 22px;background:var(--bg)}.beat-strip span:nth-child(1){background:#c76f7d}.beat-strip span:nth-child(2){background:var(--red)}.beat-strip span:nth-child(3){background:#afbacb}.beat-strip span:nth-child(4){background:var(--rule)}.story-card .art-tile{overflow:hidden}.source-record:target,.credit-item:target{outline:2px solid var(--red);outline-offset:5px;scroll-margin-top:110px}
@media(max-width:1100px){.reader-entry .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-tool{gap:30px}.timeline-content{grid-template-columns:minmax(0,180px) minmax(0,1fr)}.timeline-entry{gap:28px}}
@media(max-width:780px){.topic-start,.work-tool{grid-template-columns:1fr;gap:25px}.tool-intro p:not(.eyebrow){max-width:none}.timeline-entry{grid-template-columns:110px minmax(0,1fr)}.timeline-content{grid-template-columns:1fr}.timeline-image{max-width:400px}.timeline-image img{height:auto;max-height:240px}.work-tool{padding:30px 0 45px}.tool-intro h2{font-size:34px}}
@media(max-width:480px){.topic-grid,.reader-entry .topic-grid{grid-template-columns:1fr;gap:13px}.topic-tile,.reader-entry .topic-tile{padding:24px}.topic-tile h2{font-size:27px}.topic-start{padding:23px}.topic-start h2{font-size:24px}.timeline-entry{grid-template-columns:1fr}.timeline-image img{max-height:210px}.work-tool form{padding:20px}.tool-fields{grid-template-columns:1fr;gap:0}.tool-result{padding:16px;font-size:12px}.tool-jumps{gap:13px}.source-gallery .article-image{margin-inline:0}}
@media(prefers-reduced-motion:reduce){.topic-tile{transition:none}.topic-tile:hover{transform:none}}
@media print{.work-tool{display:block;break-inside:avoid;color:#111}.work-tool form,.tool-result{background:#fff;color:#111}.tool-actions,.work-tool button,.tool-jumps,.masthead,.site-footer{display:none}.tool-intro{margin-bottom:20px}.work-tool input,.work-tool textarea{color:#111;background:#fff}}
[data-theme] .story-card .art-tile{background:transparent;color:var(--red);text-decoration:none}.archive-cover{display:block;background:var(--bg);border-radius:9px;overflow:hidden;margin-bottom:22px}.archive-cover img{width:100%;height:170px;object-fit:contain}.archive-card .meta{margin-top:18px}.prose table{display:block;max-width:100%;overflow:auto}.prose th,.prose td{padding:10px;border:1px solid var(--rule)}
.filter-bar-compact{display:grid;grid-template-columns:1fr;gap:15px;align-items:start}.filter-bar-compact .search-field{max-width:none;width:100%;box-sizing:border-box}.filter-options{border:1px solid var(--rule);border-radius:10px;padding:16px 20px;background:var(--paper);width:100%;box-sizing:border-box}.filter-options summary{font:12px/1.8 var(--mono);cursor:pointer}.filter-options .chips{margin-top:18px}.filter-options summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}