/* Guidaloe Reader — editorial game worlds, progressively enhanced interactions. */
.reader-v2 { --page:#10171b; --surface:#182227; --surface-high:#213035; --ink:#f4f2e9; --muted:#acbbb9; --accent:#edc77c; --accent-ink:#252118; --line:#d1e4da24; --radius:16px; --reader-width:1280px; font-family:'Manrope Variable',Manrope,system-ui,sans-serif!important; }
.reader-v2.theme-coast { --page:#f7f3ed; --surface:#fffcf8; --surface-high:#eee7e4; --ink:#282c41; --muted:#646174; --accent:#72516f; --accent-ink:#fff7f1; --line:#72516f26; }
.reader-v2 [hidden] { display:none!important; }
.reader-v2 button,.reader-v2 input,.reader-v2 select { font-family:inherit; }
.reader-icon { width:20px; height:20px; display:inline-block; vertical-align:middle; flex:none; }
.reader-v2 a,.reader-v2 button { -webkit-tap-highlight-color:transparent; }
.reader-v2 :focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.reader-v2 button:disabled { opacity:.35; cursor:not-allowed; }
.reader-v2 .reader-header { gap:32px; min-height:88px; padding-block:17px; background:var(--page); border-bottom:1px solid var(--line); box-shadow:none; }
@supports(backdrop-filter:blur(18px)) { .reader-v2 .reader-header { background:color-mix(in srgb,var(--page) 92%,transparent); backdrop-filter:blur(18px); } }
.reader-v2 .reader-header .brand { font-size:17px; letter-spacing:-.7px; gap:11px; }
.reader-v2 .reader-header .brand span { font-size:8px; letter-spacing:1.45px; margin-top:7px; font-weight:650; }
.reader-v2 .reader-header nav { margin-left:auto; gap:18px; }
.reader-v2 .quick-search--header { max-width:380px; }
.reader-v2 .quick-search--header .quick-search-submit { font-size:11px; padding:9px 12px; }
.reader-v2 .quick-search--header input { font-size:12px; }
.reader-v2 .quick-search--header .quick-search-bar { background:color-mix(in srgb,var(--surface) 75%,transparent); border-radius:9px; padding:4px 5px 4px 13px; }
.reader-v2 .reader-saved-trigger { display:flex; align-items:center; gap:8px; padding:8px 0; color:var(--ink); background:none; border:0; font-size:11px; font-weight:650; }
.reader-saved-trigger [data-saved-count] { display:grid; place-items:center; min-width:20px; height:20px; border:1px solid var(--line); border-radius:5px; font-size:9px; }
.reader-v2 .reader-languages { padding-left:16px; gap:10px; }
.reader-v2 .reader-languages a { font-size:10px; }
.reader-v2 .reader-main { padding-bottom:60px; }
.reader-v2 .eyebrow { font-size:9px; font-weight:800; letter-spacing:1.9px; }
.publication-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--accent); margin-right:9px; box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent); }
.reader-primary-link { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; border-radius:8px; background:var(--accent); color:var(--accent-ink)!important; padding:14px 20px; font-size:12px; font-weight:800; text-decoration:none; transition:filter .2s; }
.reader-primary-link:hover { filter:brightness(1.1); }
.reader-v2 .search-dock { position:relative; z-index:5; padding:23px 30px 18px; border:1px solid var(--line); border-radius:13px; background:var(--surface); box-shadow:0 18px 50px #00000008; }
.search-dock-heading { display:flex; align-items:center; justify-content:space-between; font-size:11px; font-weight:650; margin-bottom:13px; color:var(--muted); }
.search-dock-heading>span { display:flex; align-items:center; gap:8px; }
.search-dock-heading .reader-icon { width:15px; height:15px; }
.search-dock-heading kbd { font:9px inherit; border:1px solid var(--line); padding:3px 7px; border-radius:4px; }
.reader-v2 .search-dock .quick-search--hero { width:100%; max-width:none; margin:0; }
.reader-v2 .search-dock .quick-search-bar { background:var(--page); border-color:color-mix(in srgb,var(--line) 60%,var(--accent) 20%); border-radius:9px; padding:7px 8px 7px 19px; }
.reader-v2 .search-dock input { font-size:16px; padding:13px 0; }
.reader-v2 .search-dock .quick-search-submit { padding:16px 25px; border-radius:6px; }
.discovery-topics { margin:15px 0 0; display:flex; justify-content:flex-start; flex-wrap:wrap; gap:9px 19px; align-items:center; }
.discovery-topics>span { font-size:8px; color:var(--muted); letter-spacing:1.8px; }
.discovery-topics>a { display:inline-flex; align-items:center; gap:5px; font-size:10px; color:var(--muted); text-decoration:none; }
.discovery-topics>a:hover { color:var(--accent); }
.discovery-topics .reader-icon { width:11px; height:11px; }
.publication-feed { padding:38px 0 0; }
.reader-v2 .section-heading { margin:22px 0; align-items:center; }
.reader-v2 .section-heading h2 { font-size:30px; font-weight:750; letter-spacing:-1.2px; text-wrap:balance; }
.reader-v2 .section-heading .eyebrow { margin-bottom:10px; }
.reader-v2 .section-heading>a { display:flex; gap:7px; align-items:center; font-size:11px; }
.feed-toolbar { display:flex; justify-content:space-between; gap:20px; align-items:center; border-bottom:1px solid var(--line); margin:0 0 23px; }
.feed-tabs { display:flex; gap:23px; }
.reader-v2 .feed-tabs button { padding:12px 0; border:0; border-bottom:2px solid transparent; border-radius:0; background:none; color:var(--muted); font-size:11px; }
.reader-v2 .feed-tabs button[aria-pressed=true] { color:var(--ink); border-bottom-color:var(--accent); }
.feed-caption { color:var(--muted); font-size:9px; }
.reader-v2 .guide-grid { gap:22px; }
.reader-v2 .guide-card { position:relative; border-radius:13px; box-shadow:none; container-type:inline-size; background:var(--surface); }
.reader-v2 .guide-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--accent) 65%,var(--line)); }
.reader-v2 .guide-card-cover { aspect-ratio:1.95; background:#20343a; }
.reader-v2 .cover-art { position:relative; overflow:hidden; padding:21px; background:radial-gradient(ellipse at 100% 20%,#52786755,transparent 65%),linear-gradient(125deg,#22353b,#182a31); color:#e7d7ac; }
.reader-v2 .cover-art::before,.reader-v2 .cover-art::after { content:''; position:absolute; width:180px; height:180px; border:1px solid #e1d2a72e; transform:rotate(35deg); right:-28px; top:-45px; border-radius:28px; pointer-events:none; }
.reader-v2 .cover-art::after { right:5px; top:-12px; border-color:#e1d2a718; }
.reader-v2 .cover-art>span:first-child { font-size:8px; letter-spacing:1.6px; color:#c1d4d0; }
.reader-v2 .cover-art>b { position:relative; margin-top:auto; font-size:32px; letter-spacing:-1.4px; line-height:1.1; font-weight:650; color:#e7d7ac; }
.reader-v2 .cover-art>.reader-icon { position:absolute; width:74px; height:74px; right:35px; top:55px; stroke-width:.8; opacity:.75; transform:rotate(-9deg); }
.reader-v2 .cover-art-label { font-size:7px; letter-spacing:2.1px; color:#99b1b0; margin-top:10px; }
.reader-v2 .cover-art[data-art-kind=news] { background:radial-gradient(ellipse at 70% 10%,#a56c3f33,transparent 60%),linear-gradient(120deg,#443d2e,#263134); }
.theme-coast .cover-art { background:linear-gradient(120deg,#51425f,#846780); }
.theme-coast .cover-art[data-art-kind=news] { background:linear-gradient(125deg,#7b5d72,#b08087); }
.theme-coast .cover-art>b { color:#ffe0bd; }
.theme-coast .cover-art>span:first-child,.theme-coast .cover-art-label { color:#e4cedb; }
.reader-v2 .guide-card-body { padding:22px; }
.reader-v2 .guide-card-meta { font-size:8px; letter-spacing:.6px; align-items:center; }
.reader-v2 .guide-card-meta>a { max-width:60%; text-align:right; }
.reader-v2 .guide-card h2 { font-size:19px; line-height:1.45; letter-spacing:-.6px; margin:13px 0 12px; text-wrap:pretty; }
.reader-v2 .guide-card p { font-size:11px; line-height:1.85; }
.reader-v2 .guide-card-footer { font-size:9px; margin-top:19px; padding-top:15px; }
.guide-card-footer>span { display:flex; align-items:center; gap:8px; }
.guide-card-footer .reader-icon { width:14px; height:14px; color:var(--accent); }
.reader-v2 .card-bookmark { position:absolute; top:12px; right:12px; display:grid; place-items:center; width:32px; height:32px; padding:0; border-radius:7px; background:#15242ddd; border:1px solid #d4dac033; color:#f6e6c1; }
.card-bookmark .reader-icon { width:15px; height:15px; }
.reader-v2 [data-bookmark][aria-pressed=true] .reader-icon { fill:currentColor; stroke-width:1.3; }
.feed-empty { padding:32px; text-align:center; color:var(--muted); border:1px dashed var(--line); border-radius:10px; font-size:13px; }
.reader-v2 .reader-footer { padding-block:35px; }
.reader-v2 .reader-footer strong { font-size:13px; }
.reader-v2 .reader-footer p { font-size:10px; }
.reader-v2 .reader-empty { padding:35px; }
.reader-empty>.reader-icon { color:var(--accent); width:45px; height:45px; }
/* Native dialogs, local reading list and article utilities. */
.saved-dialog { max-height:80dvh; width:min(600px,calc(100% - 32px)); padding:28px; border:1px solid var(--line); border-radius:18px; background:var(--surface); color:var(--ink); box-shadow:0 30px 120px #0008; }
.saved-dialog::backdrop,.reader-lightbox::backdrop { background:#060e17bb; backdrop-filter:blur(8px); }
.saved-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.saved-dialog-heading h2 { font-size:26px; margin:5px 0; letter-spacing:-1px; }
.saved-dialog-heading .eyebrow { font-size:8px; margin:0; color:var(--accent); }
.reader-icon-button,.reader-v2 .reader-icon-button { background:none; color:var(--ink); padding:7px; display:inline-grid; place-items:center; border:1px solid var(--line); border-radius:7px; width:34px; height:34px; }
.saved-description { color:var(--muted); font-size:12px; line-height:1.8; }
.saved-empty { display:flex; align-items:center; gap:15px; padding:25px 0; font-size:13px; color:var(--muted); }
.saved-row { display:flex; align-items:center; gap:18px; justify-content:space-between; border-top:1px solid var(--line); padding:20px 0; }
.saved-row a { font-size:14px; line-height:1.6; text-decoration:none; }
.saved-row button { border:1px solid var(--line); border-radius:5px; font-size:10px; padding:6px 9px; background:transparent; color:var(--muted); }
.reader-toast { position:fixed; bottom:24px; left:50%; transform:translate(-50%,12px); opacity:0; pointer-events:none; z-index:150; padding:13px 21px; border:1px solid var(--line); background:var(--surface-high); color:var(--ink); font-size:12px; border-radius:10px; box-shadow:0 8px 35px #0004; max-width:calc(100% - 32px); transition:opacity .2s,transform .2s; }
.reader-toast.is-visible { opacity:1; transform:translate(-50%,0); }
.reader-v2 .reader-to-top { position:fixed; bottom:24px; right:24px; z-index:35; padding:10px; width:42px; height:42px; border-radius:50%; background:var(--accent); color:var(--accent-ink); border:0; box-shadow:0 5px 20px #0003; }
.reading-progress { position:fixed; left:0; top:0; width:100%; height:3px; z-index:100; pointer-events:none; }
.reading-progress span { display:block; height:100%; background:var(--accent); transform:scaleX(0); transform-origin:left; }
.reader-v2.is-article .reader-main { max-width:1080px; }
.reader-v2.is-article .reader-main>h1 { font-size:clamp(32px,4.3vw,55px); max-width:960px; text-wrap:balance; line-height:1.15; font-weight:800; margin-bottom:25px; }
.reader-v2.is-article .reader-main>p.muted { font-size:11px; line-height:1.9; color:var(--muted); }
.reader-v2 .article-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; padding:17px 0; margin:25px 0; border-block:1px solid var(--line); }
.article-reading-time { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:10px; }
.article-actions { display:flex; gap:8px; align-items:center; }
.article-actions>span { font-size:13px; padding-inline:3px; }
.reader-v2 .reader-tool-button { display:inline-flex; align-items:center; gap:7px; font-size:10px; font-weight:650; background:transparent; color:var(--ink); border:1px solid var(--line); padding:8px 11px; }
.reader-tool-button .reader-icon { width:15px; height:15px; }
.reader-v2.is-article .reader-main>.article-summary { font-size:19px; line-height:1.8; color:var(--ink); padding:22px 27px; max-width:none; border-left:3px solid var(--accent); border-radius:0 10px 10px 0; background:color-mix(in srgb,var(--accent) 6%,transparent); }
.reader-v2 .reader-main>article[data-article] { max-width:none; background:transparent; border:0; padding:15px 0 35px; font-size:var(--reading-size,18px); line-height:1.95; }
.reader-v2 [data-article] .article-html,.reader-v2 [data-article]>p,.reader-v2 [data-article]>h2,.reader-v2 [data-article]>h3,.reader-v2 [data-article]>ul,.reader-v2 [data-article]>ol { max-width:800px; margin-inline:auto; }
.reader-v2 [data-article] h2 { font-size:1.6em; line-height:1.3; font-weight:750; letter-spacing:-1px; margin-top:2em; }
.reader-v2 [data-article] h3 { font-size:1.2em; line-height:1.4; margin-top:1.8em; }
.reader-v2 [data-article] p { text-wrap:pretty; }
.reader-v2 [data-article] .article-toc { background:var(--surface); padding:24px 28px; border:1px solid var(--line); border-radius:12px; max-width:800px; margin:0 auto 32px; font-size:12px; }
.reader-v2 .article-toc>strong { display:block; font-size:11px; color:var(--accent); text-transform:uppercase; letter-spacing:1.5px; }
.reader-v2 .article-toc ol { display:grid; grid-template-columns:1fr 1fr; gap:7px 25px; margin-bottom:0; }
.reader-v2 .article-toc a { text-decoration:none; display:inline-block; color:var(--muted); font-size:12px; padding:3px 0; }
.reader-v2 .article-toc a[aria-current=location] { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.reader-v2 .article-sources { border-top:2px solid var(--accent); }
.reader-v2 .article-sources h2 { font-size:20px; }
.reader-v2 .article-sources a { overflow-wrap:anywhere; font-size:12px; }
.reader-v2 [data-article] img,.reader-v2 .article-cover img { cursor:zoom-in; }
.reader-lightbox { background:#10171b; color:#f5eee5; border:1px solid #ffffff30; border-radius:12px; padding:16px; max-width:calc(100vw - 28px); width:1200px; max-height:94dvh; }
.lightbox-toolbar { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:12px; }
.lightbox-toolbar button { background:#26343b; color:#fff; border:1px solid #fff2; padding:7px 12px; border-radius:7px; font-size:12px; }
.lightbox-canvas { max-height:70dvh; overflow:auto; text-align:center; }
.lightbox-canvas img { display:block; max-width:100%; max-height:70dvh; width:auto; height:auto; margin:auto; }
.reader-lightbox.is-zoomed .lightbox-canvas img { max-width:none; max-height:none; }
.lightbox-caption { font-size:12px; line-height:1.7; margin:12px 0 0; color:#c0cbc8; }
.image-zoom-trigger { display:block; border:0; background:none; padding:0; cursor:zoom-in; max-width:100%; }
.reader-v2 .image-zoom-trigger { background:none; padding:0; border:0; border-radius:10px; max-width:100%; }
@container (max-width:300px) { .guide-card h2 { font-size:17px; } .guide-card-body { padding:17px; } }
@media(max-width:650px) {
 .reader-v2 .reader-header { display:grid; grid-template-columns:1fr auto; padding:13px 16px; gap:13px 10px; min-height:0; }.reader-v2 .reader-header .brand { font-size:14px; gap:8px; }.reader-v2 .brand img { width:34px; height:34px; }.reader-v2 .reader-header .brand span { font-size:6px; letter-spacing:1.05px; }.reader-v2 .reader-header nav { gap:10px; flex-wrap:nowrap; }.reader-v2 .reader-languages { padding-left:9px; gap:8px; }.reader-v2 .quick-search--header { grid-column:1/-1; grid-row:2; width:100%; max-width:none; }.reader-v2 .reader-saved-trigger { gap:3px; }.reader-v2 .reader-saved-trigger .reader-icon { width:17px; height:17px; }.reader-saved-trigger [data-saved-count] { min-width:16px; height:17px; font-size:8px; }.reader-v2 .quick-search--header .quick-search-bar { padding-block:1px; }
 .reader-v2 .search-dock { padding:17px 14px 14px; }.search-dock-heading { font-size:10px; }.search-dock-heading kbd { display:none; }.reader-v2 .search-dock input { font-size:12px; padding:10px 0; }.reader-v2 .search-dock .quick-search-bar { padding:5px 6px 5px 11px; gap:7px; }.reader-v2 .search-dock .quick-search-submit { padding:12px 13px; font-size:11px; }.discovery-topics { gap:10px 15px; }.discovery-topics>a { font-size:9px; }.discovery-topics>span { display:none; }
 .publication-feed { padding-top:25px; }.reader-v2 .section-heading h2 { font-size:24px; letter-spacing:-1px; }.reader-v2 .section-heading .eyebrow { font-size:7px; letter-spacing:1.5px; }.reader-v2 .section-heading>a { font-size:9px; }.section-heading>a .reader-icon { width:14px; height:14px; }.feed-tabs { gap:21px; }.reader-v2 .feed-tabs button { font-size:10px; }.feed-caption { display:none; }.reader-v2 .guide-grid { grid-template-columns:1fr; gap:20px; }.reader-v2 .guide-card-cover { aspect-ratio:2; }.reader-v2 .guide-card h2 { font-size:20px; }.reader-v2 .guide-card-body { padding:22px; }.reader-v2 .guide-card p { font-size:12px; }
 .reader-v2 .article-tools { gap:12px; }.article-actions { flex-wrap:wrap; gap:6px; }.reader-v2 .reader-tool-button { font-size:9px; padding:8px; }.reader-v2.is-article .reader-main>h1 { font-size:32px; }.reader-v2.is-article .reader-main>.article-summary { font-size:16px; padding:18px; }.reader-v2 [data-article] .article-toc { padding:20px; }.reader-v2 .article-toc ol { grid-template-columns:1fr; }.reader-v2 .reader-main>article[data-article] { font-size:var(--reading-size,18px); }.reader-v2 .reader-to-top { right:15px; bottom:15px; }.saved-dialog { padding:22px; }
}
@media(prefers-reduced-motion:no-preference) { @view-transition { navigation:auto; } ::view-transition-old(root),::view-transition-new(root) { animation-duration:.18s; } }
@media(prefers-reduced-motion:reduce) { .reader-v2 *, .reader-v2 *::before,.reader-v2 *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

.preview-banner{padding:16px 24px;border-bottom:1px solid var(--line);color:var(--muted);text-align:center;font-size:12px}.editor-reader-preview .reader-main{padding-top:28px}



/* Article utilities: compact triggers with progressively enhanced native dialogs. */
.reader-v2 .article-response{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin:28px 0;border-block:1px solid var(--line);padding:14px 0}
.helpful-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.helpful-copy strong{font-size:12px;font-weight:650}.helpful-actions{display:flex;gap:5px}.reader-v2 .helpful-actions button{display:flex;align-items:center;gap:5px;min-height:40px;padding:8px 10px;background:transparent;color:var(--ink);border:1px solid var(--line);font-size:11px}.helpful-actions .reader-icon{width:15px;height:15px}.reader-v2 .helpful-actions button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);opacity:1}.helpful-strip [data-feedback]{flex-basis:100%;max-width:420px;font-size:12px;margin:0;color:var(--muted)}.helpful-strip [data-feedback]:empty{display:none}
.response-grid{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.response-card{min-width:0}.response-card>summary,.reader-v2 .response-trigger{list-style:none;display:flex;align-items:center;gap:7px;padding:9px 11px;min-height:40px;border:1px solid transparent;border-radius:9px;cursor:pointer;background:transparent;color:var(--muted);font-size:11px;font-weight:650}.response-card>summary:hover,.reader-v2 .response-trigger:hover{background:var(--surface);border-color:var(--line);color:var(--ink)}.response-card>summary::-webkit-details-marker,.comment-compose>summary::-webkit-details-marker{display:none}.response-label{display:flex;gap:6px;align-items:center}.response-label strong{font:inherit;color:inherit}.response-label small{font-size:10px;padding:1px 5px;border-radius:4px;background:var(--surface)}.response-symbol{display:flex;color:var(--accent)}.response-symbol .reader-icon{width:16px;height:16px}.response-expand{display:none}.response-card[open]{flex-basis:100%}.response-card[open]>summary{color:var(--accent)}
.reader-v2 .response-dialog{width:min(620px,calc(100vw - 32px));max-height:85dvh;padding:0;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 90px #0008;overflow:auto;overscroll-behavior:contain}.response-dialog::backdrop{background:#030a10b8;backdrop-filter:blur(5px)}.response-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}.reader-v2 .response-dialog-heading h2{font-size:18px;margin:0}.reader-v2 .response-close{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:10px;font-size:23px}.response-content{padding:22px 24px}.response-content>h2{display:none}.response-content>.muted,.claim-notes>.muted{font-size:12px;line-height:1.8;margin-top:0}.response-content .community-form{max-width:none;grid-template-columns:1fr;gap:16px}.response-content .community-form label{font-size:12px;align-content:start;gap:8px}.response-content .community-form .muted{font-size:11px}.response-content .community-form textarea{min-height:120px}.source-links{list-style:none;counter-reset:source;padding:0;margin:0}.source-links li{counter-increment:source;border-bottom:1px solid var(--line)}.source-links li:last-child{border:0}.source-links a{display:grid;grid-template-columns:1fr auto;gap:5px 20px;padding:13px 0;text-decoration:none;min-width:0}.source-links a>span{font-size:13px;font-weight:750}.source-links a>span:before{content:counter(source,decimal-leading-zero) ' / ';font-size:10px;color:var(--muted);margin-right:6px}.source-links a>small{grid-column:1;font-size:10px;overflow-wrap:anywhere;color:var(--muted)}.source-links a>.reader-icon{grid-column:2;grid-row:1/3;align-self:center}.claim-notes .entry{padding:15px 0;border-bottom:1px solid var(--line)}.claim-notes .entry:last-child{border:0}.claim-notes .entry summary{font-size:13px;line-height:1.7}.claim-notes .entry p,.claim-notes .entry li{font-size:12px;line-height:1.85}.evidence-attention{color:var(--accent);font-weight:800}.reader-v2 #comments{border:0;border-radius:0;padding:10px 0;background:transparent;box-shadow:none}.reader-v2 #comments>h2{font-size:21px;margin-top:0}.comment-compose{margin-top:15px}.comment-compose>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:12px 0;color:var(--accent);font-size:13px;font-weight:750}.comment-compose .response-content{padding:0}html:has(.response-dialog[open]){overflow:hidden}
@media(max-width:650px){.reader-v2 .article-response{gap:8px;padding:12px 0}.response-grid{width:100%;border-top:1px solid var(--line);padding-top:6px;justify-content:space-between}.reader-v2 .response-trigger,.response-card>summary{padding:7px 5px;font-size:10px;gap:5px}.response-label{gap:4px}.helpful-strip{justify-content:space-between;width:100%}.response-content{padding:18px}.reader-v2 .response-dialog{width:100%;max-width:none;margin:auto 0 0;max-height:88dvh;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}.response-dialog-heading{padding:14px 18px}.reader-v2 .response-dialog-heading h2{font-size:17px}.reader-v2 .response-content .community-form button{white-space:normal}}
@media(prefers-reduced-motion:no-preference){.response-dialog[open]{animation:response-enter .18s ease-out}@keyframes response-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}

/* Publication portal: a navigation-led game directory and an editorial GTA edition. */
.reader-v2{--reader-width:1320px;--page:#11171c;--surface:#192128;--surface-high:#222d34;--line:#b8c7cf24;--muted:#a9b6bf}
.reader-v2.theme-coast{--page:#faf6f0;--surface:#fffdf9;--surface-high:#efe6e7;--ink:#272332;--muted:#6c6170;--accent:#803955;--accent-ink:#fff;--line:#6c506c2b}
.reader-v2 .reader-header{min-height:76px;padding-block:13px}
.portal{display:grid;grid-template-columns:208px minmax(0,1fr);gap:44px;padding-top:30px}
.portal-directory{border-right:1px solid var(--line);padding:12px 24px 0 0;align-self:start;position:sticky;top:105px}
.directory-identity{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1.2px;font-weight:800;color:var(--accent);margin-bottom:24px}.directory-identity .reader-icon{width:18px}
.portal-directory nav{display:grid;gap:4px}.portal-directory nav a{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;text-decoration:none;padding:10px 8px;border-radius:6px;color:var(--muted)}.portal-directory nav a:hover{background:var(--surface);color:var(--ink)}.portal-directory nav a>span{margin-left:auto;font-size:10px;color:var(--muted)}.portal-directory nav .reader-icon{width:16px;height:16px}
.directory-topics{margin-top:26px;border-top:1px solid var(--line);padding-top:22px}.directory-topics summary{font-size:9px;letter-spacing:1px;color:var(--muted);cursor:pointer;padding-bottom:12px}.directory-note{display:flex;gap:10px;margin:32px 6px 0;font-size:10px;line-height:1.9;color:var(--muted)}.directory-note .reader-icon{width:16px;height:16px;margin-top:3px}
.portal-main{min-width:0}.portal-heading{padding:9px 0 25px;position:relative}.portal-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin:0 0 17px}.reader-v2 .portal-heading h1{font-size:clamp(30px,3.2vw,45px);line-height:1.13;letter-spacing:-1.9px;margin:0 0 16px;font-weight:800;text-wrap:balance;max-width:770px}.portal-heading>p:last-child{font-size:13px;line-height:1.85;color:var(--muted);max-width:730px;margin:0}
.reader-v2 .portal-search{padding:21px 0 25px;border:0;border-block:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}.portal-search .search-dock-heading{font-size:12px;color:var(--ink)}.reader-v2 .portal-search .quick-search-bar{background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:9px;box-shadow:0 8px 28px #0000000c}.reader-v2 .portal-search input{font-size:16px;min-height:48px}.reader-v2 .portal-search .quick-search-submit{padding:14px 23px}
.portal-publications{padding-top:10px}.reader-v2 .portal-publications .section-heading{margin:22px 0}.reader-v2 .portal-publications .section-heading h2{font-size:18px;letter-spacing:-.5px}.portal-publications .section-heading>span{font-size:10px;color:var(--muted)}
.publication-mosaic{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:30px;align-items:start}
.publication-entry{min-width:0;border-bottom:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:1fr;gap:16px}.publication-entry:not(.publication-lead){grid-column:2}.publication-lead{grid-column:1;grid-row:1/span 2;padding:0 28px 0 0;border-bottom:0;border-right:1px solid var(--line)}.publication-entry:nth-child(2){padding-top:0}
.publication-image{display:block;overflow:hidden;border-radius:7px;aspect-ratio:1.8}.publication-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.publication-image:hover img{transform:scale(1.025)}.publication-entry:not(.publication-lead) .publication-image{aspect-ratio:2.6;max-height:120px}
.publication-meta{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:750;color:var(--accent);line-height:1.5}.publication-meta>span{text-transform:uppercase;letter-spacing:.8px}.publication-meta>a{color:var(--muted);text-decoration:none}
.reader-v2 .publication-entry h3{font-size:19px;line-height:1.4;letter-spacing:-.6px;margin:10px 0;font-weight:800;text-wrap:pretty}.publication-entry h3 a{text-decoration:none}.publication-entry h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.reader-v2 .publication-lead h3{font-size:29px;line-height:1.24;letter-spacing:-1.05px}.publication-entry-copy>p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.publication-entry-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px;font-size:10px;color:var(--muted);margin-top:15px}.publication-entry-bottom button{margin-left:auto;display:grid;place-items:center;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:6px;width:38px;height:38px;padding:8px}.publication-entry-bottom .reader-icon{width:16px;height:16px}
.publication-mosaic:has(>.publication-entry:only-child){grid-template-columns:1fr}.publication-mosaic:has(>.publication-entry:only-child) .publication-lead{border-right:0;max-width:760px}
/* The coastal edition has a horizontal directory and a larger editorial lead. */
.portal-coast{display:flex;flex-direction:column;gap:0;padding-top:0}.portal-coast .portal-directory{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;border-right:0;border-bottom:1px solid var(--line);padding:12px 0;width:100%}.portal-coast .directory-identity{margin:0}.portal-coast .portal-directory>nav{display:flex;flex-wrap:wrap;gap:8px}.portal-coast .portal-directory>nav a{padding:7px;font-size:11px}.portal-coast .directory-note,.portal-coast .directory-topics{display:none}.portal-coast .portal-heading{padding:33px 0 26px;background:radial-gradient(ellipse at 90% 100%,#f0c8c33d,transparent 60%)}.reader-v2 .portal-coast .portal-heading h1{font-size:clamp(38px,5.1vw,66px);max-width:930px;letter-spacing:-2.7px}.portal-coast .portal-heading>p:last-child{max-width:840px}.reader-v2 .portal-coast .portal-search{display:grid;grid-template-columns:210px minmax(0,1fr);gap:8px 28px;align-items:center;padding-block:22px}.portal-coast .search-dock-heading{display:grid;gap:8px;margin:0}.portal-coast .search-dock-heading kbd{justify-self:start}.portal-coast .discovery-topics{grid-column:2;margin:3px 0 0}.portal-coast .publication-mosaic{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0 40px}.portal-coast .publication-lead{padding:24px 30px 25px;border:1px solid var(--line);border-radius:3px 22px 3px 3px;background:linear-gradient(130deg,#eee3e2,var(--surface) 70%)}.reader-v2 .portal-coast .publication-lead h3{font-size:clamp(25px,2.7vw,38px);letter-spacing:-1.3px}.portal-coast .publication-lead .publication-entry-copy>p{font-size:14px}
/* Reading layout: continuous text column, contextual contents rail. */
.reader-v2.is-article .reader-main{max-width:1120px}.reader-v2.is-article .reader-main>h1{max-width:940px;font-size:clamp(30px,3.8vw,48px);letter-spacing:-1.8px;margin-top:14px;margin-bottom:18px}.reader-v2.is-article .reader-main>.eyebrow{margin-top:27px}.reader-v2 .reader-breadcrumb{padding-top:25px;font-size:11px}.reader-v2.is-article .reader-main>.article-summary{max-width:800px;background:none;border:0;padding:0;color:var(--muted);font-size:18px;line-height:1.8;margin:20px 0 28px}.reader-v2 .article-tools{margin:20px 0;padding:12px 0}
.reader-v2 .reader-main>article.article-blocks{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:45px;align-items:start;padding:10px 0 25px}.article-body{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}.reader-v2 .article-body>*{max-width:100%;margin-inline:0}.reader-v2 .article-body>.article-html{max-width:100%}.reader-v2 [data-article] .article-toc{grid-column:2;grid-row:1;position:sticky;top:102px;align-self:start;width:100%;max-width:none;max-height:calc(100dvh - 125px);overflow:auto;background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;padding:4px 0 4px 20px;margin:0;line-height:1.7}.reader-v2 .article-toc ol{display:block;list-style:none;padding:0;margin:15px 0 0}.reader-v2 .article-toc li{margin:5px 0}.reader-v2 .article-toc a{font-size:11px;line-height:1.75;padding:4px 0}.reader-v2 .article-toc .toc-subsection{padding-left:12px}.toc-disclosure>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:11px;font-weight:800}.toc-disclosure>summary::-webkit-details-marker{display:none}.toc-disclosure>summary .reader-icon{width:16px;height:16px;color:var(--accent)}.toc-disclosure>summary span{margin-left:auto;font-size:10px;color:var(--muted)}.reader-v2 .reader-main>article.article-blocks:not(:has(.article-toc)){display:block;max-width:780px}.reader-v2 .article-body>h2:first-child,.reader-v2 .article-body>.article-html>h2:first-child{margin-top:0}.reader-v2 .article-body h2{font-size:1.5em}.reader-v2 .article-body figure{margin-block:28px}.reader-v2 .article-body .article-table{max-width:100%;overflow:auto}.reader-v2 .article-body p{line-height:1.9}.reader-v2 .article-response,.reader-v2 #comments{max-width:845px}.reader-v2 .reader-related .guide-card-cover{display:none}.reader-v2 .reader-related .guide-card{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.reader-v2 .reader-related .guide-card-body{padding:20px 0}.reader-v2 .reader-related .card-bookmark{top:auto;bottom:10px;right:0}.reader-v2 .reader-related .guide-card-footer{padding-right:40px}
@media(max-width:1000px){.portal{grid-template-columns:175px minmax(0,1fr);gap:25px}.portal-directory{padding-right:16px}.publication-mosaic,.portal-coast .publication-mosaic{column-gap:22px}.publication-lead{padding-right:20px}.reader-v2 .publication-lead h3{font-size:25px}.reader-v2 .reader-main>article.article-blocks{gap:28px;grid-template-columns:minmax(0,1fr) 190px}.reader-v2 .portal-coast .portal-search{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:760px){.portal{display:flex;flex-direction:column;gap:0;padding-top:0}.portal-directory{position:static;border:0;border-bottom:1px solid var(--line);width:100%;padding:8px 0}.directory-identity,.directory-note{display:none}.portal-directory>nav{display:flex;gap:3px;flex-wrap:wrap}.portal-directory>nav a{font-size:10px;gap:5px;padding:8px 6px}.portal-directory>nav .reader-icon{width:14px;height:14px}.directory-topics{padding:0;margin-top:6px;border:0}.directory-topics summary{font-size:9px;padding:8px 6px}.directory-topics nav{display:flex;flex-wrap:wrap;gap:4px}.directory-topics nav a{font-size:11px;padding:8px}.portal-heading,.portal-coast .portal-heading{padding:27px 0 20px}.reader-v2 .portal-heading h1{font-size:35px;letter-spacing:-1.5px}.reader-v2 .portal-coast .portal-heading h1{font-size:43px;letter-spacing:-2px}.portal-heading>p:last-child{font-size:12px}.portal-coast .portal-directory{padding:8px 0;gap:0}.portal-coast .portal-directory>nav a{font-size:10px}.reader-v2 .portal-coast .portal-search{display:block}.portal-coast .search-dock-heading{display:flex;margin-bottom:12px}.reader-v2 .portal-search{padding-block:19px}.reader-v2 .portal-search input{font-size:16px}.reader-v2 .portal-search .quick-search-submit{padding:13px 17px}.portal-coast .discovery-topics{margin-top:14px}.publication-mosaic,.portal-coast .publication-mosaic{grid-template-columns:1fr;gap:0}.publication-entry:not(.publication-lead),.publication-lead{grid-column:1;grid-row:auto}.publication-lead{padding:0 0 23px;border-right:0;border-bottom:1px solid var(--line)}.publication-entry:nth-child(2){padding-top:22px}.reader-v2 .publication-lead h3{font-size:27px}.publication-entry:not(.publication-lead):has(.publication-image){grid-template-columns:100px minmax(0,1fr)}.publication-entry:not(.publication-lead) .publication-image{aspect-ratio:1;max-height:none}.portal-coast .publication-lead{padding:23px;margin-bottom:2px}.reader-v2 .portal-coast .publication-lead h3{font-size:28px}.reader-v2 .reader-main>article.article-blocks{display:flex;flex-direction:column;gap:25px}.reader-v2 [data-article] .article-toc{position:static;max-height:none;border:1px solid var(--line);border-radius:8px;padding:14px 17px;order:0;background:var(--surface)}.article-body{order:1;width:100%}.reader-v2 .article-toc ol{max-height:42dvh;overflow:auto}.reader-v2 .article-toc a{font-size:12px;padding:7px 0}.reader-v2 .reader-main>article[data-article]{font-size:var(--reading-size,17px)}.reader-v2 .article-body h2{font-size:1.4em}.reader-v2 .article-body .article-html{width:100%}.reader-v2.is-article .reader-main>.article-summary{font-size:16px}.reader-v2.is-article .reader-main>h1{font-size:32px}.reader-v2 .reader-main>article.article-blocks:not(:has(.article-toc)){display:block}}

.publication-entry:nth-child(n+4){grid-column:auto;grid-row:auto}.reader-v2 .article-toc .toc-subsection{margin-left:0}
@media(max-width:760px){.publication-entry:nth-child(n+4){grid-column:1}}

.publication-mosaic:not(:has(.publication-lead))>.publication-entry{grid-column:auto}

.portal-heading{display:block;max-width:none;margin:0;border:0}.reader-v2 [data-article] .article-toc{display:block}.response-dialog input,.response-dialog select,.response-dialog textarea{background:var(--surface-high);color:var(--ink);border-color:var(--line)}.response-dialog .community-form>button{background:var(--accent);color:var(--accent-ink)}

.reader-v2 .reader-main>article.article-blocks{max-width:1030px}.response-content .community-form label{margin:0}.response-content .community-form{gap:14px}.response-content .community-form textarea{min-height:110px}
@media(max-width:1100px){.saved-trigger-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}
@media(max-width:760px){.portal-directory>nav a{min-height:40px}.reader-v2 .portal-heading .eyebrow{line-height:1.8}}

.reader-v2 .reader-languages a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:4px 7px;border-radius:7px}
.reader-v2 .article-byline{font-size:13px;color:var(--muted);margin:-6px 0 16px}.reader-v2 .article-byline a{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1px solid var(--line)}
