.timeline-feature{grid-template-columns:200px minmax(0,1fr) 150px;align-items:center}
.timeline-feature>img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border:2px solid var(--gold);box-shadow:9px 9px 0 var(--red);transform:rotate(2deg)}
.article-open{display:inline-block;margin-top:7px;border:0;background:none;padding:0;cursor:pointer;font:inherit;text-align:left}
.article-reader{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#070707;color:#f3eee4;overflow:hidden}
.article-reader[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.article-reader::backdrop{background:#000}
.article-reader-header{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(16px,3vw,40px);border-bottom:1px solid #ffffff24;background:#111}
.article-reader-header span{color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.article-reader-header h2{margin:2px 0 0;font:900 clamp(1.45rem,3vw,2.5rem)/1 Impact,Arial Black,sans-serif;text-transform:uppercase}
.article-reader-tools{display:flex;gap:8px}
.article-reader-tools button,.article-arrow{border:1px solid #ffffff3a;background:#211e1f;color:white;cursor:pointer;font-weight:900}
.article-reader-tools button{padding:10px 14px;text-transform:uppercase;letter-spacing:.05em}
.article-reader-tools button:hover,.article-reader-tools button[aria-pressed="true"]{border-color:var(--gold);background:var(--gold);color:#111}
.article-reader-stage{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;min-height:0;background:radial-gradient(circle,#262223,#070707 70%)}
.article-page-scroll{display:flex;align-items:flex-start;justify-content:center;min-width:0;overflow:auto;padding:22px}
.article-page-scroll img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;object-fit:contain;box-shadow:0 18px 55px #000}
.article-reader.zoomed .article-page-scroll{justify-content:flex-start}
.article-reader.zoomed .article-page-scroll img{width:auto;max-width:none;height:auto;max-height:none;margin:0 auto}
.article-arrow{z-index:1;width:50px;height:70px;margin:auto;border-radius:2px;font-size:3rem;line-height:1}
.article-arrow:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}
.article-arrow:disabled{opacity:.2;cursor:default}
.article-reader-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:10px clamp(16px,3vw,40px);border-top:1px solid #ffffff24;background:#111}
.article-thumbnails{display:flex;gap:7px;overflow-x:auto;padding:2px}
.article-thumb{flex:0 0 auto;width:48px;height:58px;padding:0;border:2px solid transparent;background:#222;cursor:pointer;overflow:hidden}
.article-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.article-thumb.active{border-color:var(--gold)}
.article-reader-footer p{margin:0;text-align:right;font-weight:900;white-space:nowrap}
.article-reader-footer small{display:block;color:#918a83;font-size:.65rem;font-weight:normal}
@media(max-width:760px){.timeline-feature{grid-template-columns:100px 1fr}.timeline-feature>img{display:none}.article-reader-header{align-items:flex-start}.article-reader-tools button:first-child{display:none}.article-reader-stage{grid-template-columns:42px minmax(0,1fr) 42px}.article-arrow{width:36px;height:58px;font-size:2.4rem}.article-page-scroll{padding:10px}.article-reader-footer{grid-template-columns:1fr}.article-reader-footer p{text-align:center}.article-reader-footer small{display:none}}
@media(max-width:520px){.timeline-feature{grid-template-columns:1fr}.article-reader-header span{display:none}.article-reader-tools button{padding:8px 10px}.article-reader-stage{grid-template-columns:34px minmax(0,1fr) 34px}.article-arrow{width:30px;border:0;background:transparent}.article-thumb{width:40px;height:49px}}