.gf-browser-article{--gf-paper:#14121b;--gf-text:#e8e4ef;--gf-muted:#afa9be;--gf-border:#302b3d;color:var(--gf-text);background:#0c0a10;padding:32px 24px 80px;font-family:Arial,sans-serif}
.gf-browser-article *{box-sizing:border-box}.gf-article-wrap{max-width:1180px;margin:auto}.gf-article-breadcrumb{display:flex;gap:12px;font-size:13px;color:var(--gf-muted);margin-bottom:28px}.gf-browser-article a{color:#ffb449;text-decoration:none}.gf-browser-article a:hover{text-decoration:underline}.gf-browser-article a:focus-visible,.gf-browser-article summary:focus-visible{outline:3px solid #ffb449;outline-offset:5px}
.gf-article-hero{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:34px;background:radial-gradient(ellipse at 95% 10%,#61360855,transparent 65%),var(--gf-paper);border:1px solid var(--gf-border);border-top:3px solid #ffa51d;border-radius:22px;padding:44px;margin-bottom:42px}.gf-article-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.1;letter-spacing:-1.5px;font-weight:800;margin:15px 0 20px;max-width:760px;color:var(--gf-text)}.gf-article-eyebrow{color:#ffb449;font-size:11px;font-weight:800;letter-spacing:1.8px;margin:0}.gf-article-deck{font-size:18px;line-height:1.65;color:var(--gf-muted);max-width:650px}.gf-article-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;color:var(--gf-muted);margin-top:24px}.gf-article-hero img{max-width:100%;height:auto}
.gf-article-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:48px;align-items:start}.gf-article-aside{position:sticky;top:85px;min-width:0}.gf-article-aside details{border:1px solid var(--gf-border);border-radius:14px;background:var(--gf-paper);padding:20px}.gf-article-aside summary{font-size:15px;font-weight:700;cursor:pointer}.gf-article-aside ol{padding:0 0 0 18px;margin:18px 0 0;max-height:55vh;overflow:auto;scrollbar-width:thin}.gf-article-aside li{padding:5px 0 5px 3px;font-size:12px;line-height:1.5;color:var(--gf-muted)}.gf-article-aside li a{color:var(--gf-muted)}.gf-article-library{display:flex;justify-content:space-between;gap:15px;border:1px solid #b7772f;border-radius:10px;padding:15px 18px;margin-top:18px;font-size:14px;font-weight:700}
.gf-article-prose{min-width:0;font-size:17px;line-height:1.85;color:var(--gf-text)}.gf-article-prose p{margin:0 0 19px}.gf-article-intro>p:first-child{font-size:20px;line-height:1.7;color:var(--gf-text)}.gf-article-prose section{scroll-margin-top:100px;padding-top:30px;margin-top:30px;border-top:1px solid var(--gf-border)}.gf-article-prose h2{font-size:28px;line-height:1.25;letter-spacing:-.5px;margin:0 0 22px;color:var(--gf-text)}.gf-article-prose strong{font-weight:700;color:var(--gf-text)}.gf-article-prose ul{padding-left:24px;margin:20px 0}.gf-article-prose li{margin:6px 0}.gf-article-prose li::marker{color:#ffb449}.gf-article-games{padding:22px;border:1px solid var(--gf-border);background:var(--gf-paper);border-radius:14px;margin:28px 0}.gf-article-games .gf-article-games__label{text-transform:uppercase;font-size:11px;letter-spacing:1.4px;font-weight:700;margin-bottom:14px;color:var(--gf-muted)}.gf-article-games__tags{display:flex;flex-wrap:wrap;gap:10px}.gf-article-games__tags a{padding:7px 13px;font-size:13px;line-height:1.5;border:1px solid #6b4b2c;border-radius:30px;background:#ffa51d0a}
.portal-light .gf-browser-article{--gf-paper:#fff;--gf-text:#282330;--gf-muted:#665e73;--gf-border:#e3dfe9;background:#f8f6fa}.portal-light .gf-browser-article a,.portal-light .gf-article-eyebrow{color:#925500}.portal-light .gf-article-aside li a{color:var(--gf-muted)}
@media(max-width:850px){.gf-article-layout{grid-template-columns:1fr;gap:28px}.gf-article-aside{position:static}.gf-article-aside ol{max-height:230px}.gf-article-hero{grid-template-columns:1fr;padding:28px}.gf-article-hero img{display:none}.gf-article-prose{font-size:16px}.gf-article-prose h2{font-size:25px}}
@media(max-width:480px){.gf-browser-article{padding:22px 16px 50px}.gf-article-hero{padding:24px 20px;border-radius:15px}.gf-article-hero h1{letter-spacing:-.8px}.gf-article-deck{font-size:16px}.gf-article-games{padding:16px}}
/* Article header without a mascot; catalogue images link to the actual games. */
.gf-article-hero{grid-template-columns:minmax(0,1fr)}
.gf-article-hero h1{max-width:950px}
.gf-article-games__tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gf-article-games__tags a{display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:12px}
.gf-article-games__tags img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;background:var(--gf-paper)}
.gf-article-games__tags a>span{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;font-weight:700}
@media(max-width:480px){.gf-article-games__tags{gap:10px}.gf-article-games__tags a>span{padding:10px;font-size:12px}}

/* Use the same image-only cards as the homepage, in equal square columns. */
.gf-article-games__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.gf-article-games__grid .portal-game-card{width:100%;margin:0;padding:0}
.gf-article-games__grid .portal-game-card__image>img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}
@media(max-width:600px){.gf-article-games__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Hide duplicate tables of contents injected into editable article content by TOC plugins. */
.gf-article-editor-content #toc_container,.gf-article-editor-content .ez-toc-container,.gf-article-editor-content .lwptoc,.gf-article-editor-content .toc-container,.gf-article-editor-content .rank-math-list{display:none!important}
.gf-article-related-topics{padding-top:26px;margin-top:30px;border-top:1px solid var(--gf-border)}
.gf-article-related-topics h2{margin-bottom:10px}