/* August and September 2026 story pages (stories/2026-08-*.html, 2026-09-*.html).
   Loaded after tattler.css and october-stories.css, which supply the story template.
   These rules only style the issue's own markup inside the article: section labels,
   the original headline and deck, the four-up trophies, the reverse bar and boxes.
   Pages are generated by _tools/build_archive_stories.py; edit the issue, not the pages. */
.story-text h3.section,.story-text .kick,.story-text .k{font:11px/1.5 'IBM Plex Mono',monospace;color:#b3241c;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}
.story-text h4.head,.story-text h4.bh,.story-text .h{font:900 30px/1.08 Archivo,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 14px}
.story-text .deck{font:italic 20px/1.45 Georgia,serif;color:#6b645c;margin:0 0 24px}
.story-text h5.sub{font:900 15px/1.3 Archivo,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;margin:30px 0 14px}
.story-text .from{font-style:italic;color:#6b645c}
.story-text .photos4{margin:26px 0 10px}
.story-text .photos4 img{aspect-ratio:3/4;object-fit:contain;background:#efeadb}
.story-text .photos4 .who{font-size:14px;text-transform:uppercase}
.story-text .photos4 .what{font-size:11px;font-style:italic}
.story-text .reversebar{background:#14110f;color:#fdfcf3;text-align:center;font:900 15px/1.35 Archivo,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;padding:14px 16px}
.story-text .box{border:1.5px solid #14110f;padding:20px 22px;margin:26px 0}
.story-text .box h4.head{font-size:17px;color:#b3241c;text-transform:uppercase;letter-spacing:.02em;margin-bottom:10px}
.story-text .box p:last-child{margin-bottom:0}
.story-text .box a{color:#b3241c;font-weight:bold;overflow-wrap:anywhere}
@media(max-width:620px){.story-text h4.head,.story-text h4.bh,.story-text .h{font-size:25px}.story-text .deck{font-size:18px}.story-text .box{padding:18px}}