/* ═══════════════════════════════════════
   WoGL — World of GL
   wogl.io | worldofgl.com | mundogl.com
   hello@wogl.io | hola@mundogl.com

   Proprietary. All rights reserved.
   ═══════════════════════════════════════ */
/* SEO phase 1 · the article that answers a search, under Academy's own surfaces.
   Chassis fonts only: Outfit for text, JetBrains Mono for code and small labels. */
.seo-page{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:72px 24px 96px;color:rgba(240,236,228,.84);font:300 17px/1.7 "Outfit",sans-serif}
.seo-page h1{margin:0;color:#f4efe6;font-weight:300;font-size:clamp(30px,4.4vw,44px);line-height:1.12;letter-spacing:.005em}
.seo-page h2{margin:44px 0 0;color:#f4efe6;font-weight:400;font-size:20px;line-height:1.3}
.seo-page p{margin:14px 0 0}
.seo-page .seo-lead{margin-top:18px;color:rgba(240,236,228,.92);font-size:19px}
.seo-page .seo-kicker{margin:0 0 10px;color:rgba(240,236,228,.52);font:400 12px/1.4 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.seo-page .seo-crumbs{margin-bottom:28px;color:rgba(240,236,228,.5);font:400 12px/1.5 "JetBrains Mono",monospace}
.seo-page a{color:#e8c89a;text-decoration:none}
.seo-page a:hover,.seo-page a:focus-visible{text-decoration:underline;text-underline-offset:3px}
/* Catalogue lists: number, name, then its line, like a museum's room guide. */
.seo-page .seo-list{list-style:none;margin:22px 0 0;padding:0;counter-reset:seo}
.seo-page .seo-list li{counter-increment:seo;display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:4px;padding:16px 0;border-top:1px solid rgba(240,236,228,.08)}
.seo-page .seo-list li:last-child{border-bottom:1px solid rgba(240,236,228,.08)}
.seo-page .seo-list li::before{content:counter(seo,decimal-leading-zero);grid-row:1 / span 2;padding-top:5px;color:rgba(240,236,228,.38);font:400 12px/1.4 "JetBrains Mono",monospace;letter-spacing:.08em}
.seo-page .seo-list li a{font-size:18px;font-weight:400;line-height:1.35}
.seo-page .seo-note{grid-column:2;color:rgba(240,236,228,.62);font-size:15px;line-height:1.55}
.seo-page .seo-list--plain li{grid-template-columns:1fr}
.seo-page .seo-list--plain li::before{content:none}
.seo-page .seo-list--plain .seo-note{grid-column:1}
.seo-page .seo-vibe{margin-top:24px;color:rgba(240,236,228,.92)}
.seo-page .seo-code{margin:16px 0 0;padding:18px;overflow-x:auto;border:1px solid rgba(240,236,228,.12);border-radius:12px;background:rgba(0,0,0,.35);color:#e9e4da;font:400 13px/1.6 "JetBrains Mono",monospace}
.seo-page .seo-pager{display:flex;justify-content:space-between;gap:16px;margin-top:40px;font-size:15px}
.seo-page .seo-next{margin-top:32px}
@media (max-width:600px){.seo-page{padding:56px 16px 72px;font-size:16px}.seo-page .seo-pager{flex-direction:column}}