/* Shared public-page frame. The globe listing keeps its wider, deliberate frame. */
:root{--sg-content-max:1220px;--sg-wide-max:1600px;--sg-page-gutter:32px;--sg-title-size:clamp(30px,3.2vw,44px);--sg-section-size:clamp(23px,2vw,28px)}
:root body[data-view] main>.page-shell,:root body[data-view] main.profile-shell,:root body[data-view] .sg-footer-width,:root body[data-view] .sg-nav-inner,:root body[data-view] .sg-results-filters-inner,:root body[data-view=home] .world-content{width:min(var(--sg-content-max),calc(100% - 2 * var(--sg-page-gutter)));max-width:none;margin-inline:auto;box-sizing:border-box}
:root body[data-view]:has(.sg-server-results) .sg-nav-inner,:root body[data-view]:has(.sg-server-results) .sg-results-filters-inner,:root body[data-view]:has(.sg-server-results) .sg-footer-width{width:min(var(--sg-wide-max),calc(100% - 2 * var(--sg-page-gutter)))}
:root body[data-view]:has(.sg-server-results) main>.page-shell{width:100%}
body[data-view]:has(.sg-server-results){--sg-wide-max:100vw;--sg-results-top:var(--sg-header-height,142px)}
body[data-view] .sg-listing-editorial{width:min(var(--sg-wide-max),calc(100% - 2 * var(--sg-page-gutter)));margin:40px auto 0}
body[data-view=home] #serverglobe-preview #app .lean-home:not(.is-results) .world-content{width:min(var(--sg-content-max),calc(100% - 2 * var(--sg-page-gutter)));max-width:none;margin-inline:auto}
body[data-view=pages] .guides-directory{max-width:none}
body[data-view=hosting] #sg-final main{padding-inline:0}
:root body[data-view] .sg-breadcrumbs.breadcrumbs,:root body[data-view] .sg-breadcrumbs.profile-crumbs{display:block;margin:0 0 24px;padding:0;color:#a9b9cf;font-size:13px;line-height:1.5}
.sg-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;list-style:none;margin:0;padding:0}
.sg-breadcrumbs li{display:flex;align-items:baseline;gap:12px;min-width:0}
.sg-breadcrumbs a{color:inherit;text-decoration:none}
.sg-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.sg-breadcrumbs [aria-current=page]{color:#d7e3f3;overflow-wrap:anywhere}
.sg-breadcrumb-separator{color:#74859c}
body[data-view] :is(.page-intro h1,.catalogue-intro h1,.gd-intro h1,.hg-hero h1),body[data-view=hosting] #sg-final .sg-hero h1{font-size:var(--sg-title-size);font-weight:750;line-height:1.15;letter-spacing:-.04em;margin:0 0 16px}
body[data-view][data-design=panorama] .sg-server-results .page-intro h1{font-size:var(--sg-title-size);line-height:1.15;margin-bottom:16px}
body[data-view=profile] #server-name{font-size:var(--sg-title-size);line-height:1.15}
body[data-view] .page-intro .intro-note>p{font-size:16px;line-height:1.75}
body[data-view] .sg-server-results .page-intro>.gta-vi-discovery{display:block;font-size:14px;line-height:1.5;margin:12px 0 0}
.gta-vi-discovery a{text-decoration:underline;text-underline-offset:3px}
body[data-view] :is(.page-intro>p,.catalogue-intro>p,.gd-intro>p:not(.gd-eyebrow),.hg-intro),body[data-view=hosting] #sg-final .sg-lead{font-size:16px;line-height:1.75;margin:0;max-width:760px}
body[data-view] :is(.editorial-section>h2,.gd-game>header h2,.hg-content>section>h2),body[data-view=hosting] #sg-final :is(.sg-game-guidance>h2,.sg-faq>h2){font-size:var(--sg-section-size);line-height:1.25;letter-spacing:-.03em}
body[data-view] :is(.gd-section-heading h2,.gd-next h2,.profile-story-intro h2,.profile-faq h2,.profile-related h2){font-size:var(--sg-section-size);line-height:1.25;letter-spacing:-.03em}
body[data-view=hosting] #sg-final .sg-game-guidance>section{margin-top:24px}
body[data-view=hosting] #sg-final .sg-game-guidance>section>h3{font-size:18px;line-height:1.4;margin:0 0 8px}
body[data-view=hosting] #sg-final .sg-game-guidance>section>p{font-size:14px;line-height:1.75;margin:0;max-width:760px}
body[data-view=pages] main>.page-shell{padding-top:28px;padding-bottom:48px}
body[data-view=pages] .guides-directory .sg-breadcrumbs{margin-top:0}
body[data-view=pages] .gd-intro{padding-top:16px;padding-bottom:40px}
body[data-view=pages] .hosting-guide{max-width:none;margin-inline:0}
.gta-vi-landing{min-width:0}
body[data-view] .gta-vi-landing .page-intro{display:block;padding-top:16px;padding-bottom:32px}
body[data-view] .gta-vi-landing .page-intro>p{max-width:760px}
.gta-vi-landing .editorial-section{padding:32px 0}
body[data-view] .gta-vi-landing section>h2{font-size:var(--sg-section-size);line-height:1.25;letter-spacing:-.03em;margin:0 0 16px}
.gta-vi-landing section>p{font-size:14px;line-height:1.75;margin:0 0 16px;max-width:760px}
.gta-vi-landing section>p:last-child{margin-bottom:0}
.gta-vi-landing #cards{margin-bottom:24px}
.gta-vi-landing .catalogue-faq summary h3{flex:1;margin:0;font-size:15px;line-height:1.5}
.gta-vi-landing .statistics-faq-answer p{font-size:14px;line-height:1.75;margin:0}
@media(max-width:760px){
 :root{--sg-page-gutter:16px;--sg-title-size:30px;--sg-section-size:24px}
 :root body[data-view] .sg-breadcrumbs.breadcrumbs,:root body[data-view] .sg-breadcrumbs.profile-crumbs{display:block;font-size:12px;margin-bottom:20px}
 .sg-breadcrumbs ol{gap:6px 8px}.sg-breadcrumbs li{gap:8px}
 :root body[data-view]:has(.sg-server-results) .sg-server-results .sg-breadcrumbs.breadcrumbs{display:none}
 body[data-view] .sg-server-results .page-intro{text-align:center}
 body[data-view][data-design=panorama] .sg-server-results .page-intro h1{margin-bottom:0}
 body[data-view] .sg-server-results .sg-ranking-info{display:none}
 body[data-view] :is(.page-intro>p,.catalogue-intro>p,.gd-intro>p:not(.gd-eyebrow),.hg-intro),body[data-view=hosting] #sg-final .sg-lead{font-size:15px;line-height:1.7}
 body[data-view] .page-intro .intro-note>p{font-size:15px;line-height:1.7}
 body[data-view=pages] main>.page-shell{padding-top:20px;padding-bottom:32px}
}