/* Product entry hierarchy. Does not style SVG posters or change tool data. */
/* Anchor desktop navigation to the window edge while retaining the reading width. */
@media screen and (min-width:821px){.layout{margin-inline:0}}
/* Wide role pages use the spare space for one shared, sticky chapter directory. */
@media screen and (min-width:1800px){
 .layout.has-role-reading-rail{max-width:1784px}
 .has-role-reading-rail>.content{max-width:1214px}
 :is(.role-detail-page,.article-detail-page).has-external-role-contents .role-reading-layout{grid-template-columns:minmax(0,1fr)}
 .layout>.role-reading-rail{flex:0 0 280px;min-width:0;position:sticky;top:calc(var(--wiki-header-height,68px) + 28px);align-self:flex-start}
 .role-reading-rail .role-contents{padding:20px;border:1px solid #76664b;border-radius:14px;background:linear-gradient(145deg,#38343b,#2a2b32);color:#d5cec1;font-size:13px;box-shadow:0 10px 24px #10101612}
 .role-reading-rail .role-contents>summary{cursor:pointer;color:#e3c78e;font-weight:550;font-size:13px;padding:3px 0;list-style-position:inside}
 .role-reading-rail .toc{display:block;float:none;width:auto;margin:14px 0 0;padding:0;border:0;background:none;font-size:13px;max-height:calc(100dvh - var(--wiki-header-height,68px) - 130px);overflow:auto;scrollbar-color:#81745f transparent}
 .role-reading-rail .toctitle{display:none}
 .role-reading-rail ul{list-style:none;padding:0;margin:0}
 .role-reading-rail li{margin:3px 0;line-height:1.6}
 .role-reading-rail a,.role-reading-rail a:visited{display:block;color:#d5cec1;text-decoration:none;padding:8px 10px;border-radius:6px;overflow-wrap:anywhere}
 .role-reading-rail a:hover{color:#f2dfb7;background:#d5b57c12}
 .role-reading-rail a[aria-current=location]{color:#f2dfb7;background:#d5b57c1e;box-shadow:inset 2px 0 0 #ddbf85}
 .role-reading-rail a:focus-visible,.role-reading-rail summary:focus-visible{outline:2px solid #ddbf85;outline-offset:2px}
 .role-reading-rail :is(.lvl3,.toclevel-2,.toclevel-3){padding-left:12px}
}
@media(forced-colors:active){.role-reading-rail .role-contents{background:Canvas;color:CanvasText;border-color:CanvasText}.role-reading-rail .role-contents>summary{color:CanvasText}.role-reading-rail a,.role-reading-rail a:visited{color:LinkText}.role-reading-rail a[aria-current=location]{outline:1px solid Highlight}}
.sidebar a{font-size:12px;line-height:1.65;font-weight:400}
.sidebar a[aria-current=page]{font-weight:600}
.sidebar>ul,.sidebar #wiki-navigation>ul{margin-bottom:0}
.sidebar .sidebar-group{margin:2px 0}
.sidebar .sidebar-group>summary{list-style:none;cursor:pointer;color:#596579;padding:8px 12px;font-size:12px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.sidebar .sidebar-group>summary::-webkit-details-marker{display:none}
.sidebar .sidebar-group>summary::after{content:'›';font-size:18px;line-height:1;color:#95a1b1;transition:transform var(--experience-fast)}
.sidebar .sidebar-group[open]>summary::after{transform:rotate(90deg)}
.sidebar .sidebar-group>summary:hover{color:#244a7d;background:#eaf0f7}
.sidebar .sidebar-group>summary:focus-visible{outline:2px solid #7897bb;outline-offset:2px}
.sidebar .sidebar-group>ul{margin:2px 0 8px 14px;border-left:1px solid #dce3ed;padding:0 0 0 5px}
.sidebar .sidebar-group>ul a{font-size:12px;padding:6px 10px}
.sidebar .sidebar-group .sidebar-group>summary{font-size:12px;padding:6px 10px;line-height:1.6}
.sidebar .sidebar-group .sidebar-group>ul{margin-left:8px}
.sidebar .sidebar-group>summary::after{flex-shrink:0}
.sidebar h3{margin-top:22px}.sidebar h3:first-child{margin-top:0}
.home-page .home-eyebrow{letter-spacing:.13em;font-size:11px}
.home-page>.mw-parser-output[data-home-product]{padding:0;margin:0;background:#fff}
.home-product-section{padding:32px 38px;border-bottom:1px solid #e9edf3}
.home-module-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}
.home-module-heading>div>span,.home-product-about>div>span{font-size:10px;color:#8490a1;letter-spacing:.12em}
.home-page .home-module-heading h2,.home-page .home-product-about h2{border:0;margin:7px 0 0;padding:0;font-size:22px;line-height:1.4;letter-spacing:-.025em}
.home-module-heading>p,.home-module-heading>a{margin:0;font-size:12px;color:#7a8797;white-space:nowrap}
.home-collections,.home-updates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-page .home-collection{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;text-decoration:none;color:#29425f;padding:19px 15px;background:#f7f9fc;border:1px solid #e7ecf3;border-radius:12px;transition:background var(--experience-duration),border-color var(--experience-duration)}
.home-page .home-collection:hover{background:#f0f4fa;border-color:#bbcce0}
.collection-emblem{width:42px;height:50px;display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;border:1px solid #cbd7e8;border-radius:20px 20px 8px 8px;background:#edf2f8;color:#526f94}
.stars .collection-emblem{color:#826748;background:#f5f0e8;border-color:#e0d4c1}
.overseas .collection-emblem{color:#64776d;background:#edf3ef;border-color:#cfded4}
.home-page .home-collection h3{font-size:18px;margin:3px 0;color:#29425f}
.home-page .home-collection p{margin:4px 0 0;font-size:11px;line-height:1.7;color:#788596}
.home-collection small{font-size:10px;color:#8491a1}
.home-page .home-update-note{font-size:11px;color:#8a95a3;margin:-12px 0 18px}
.home-page .home-updates>a{display:block;min-width:0;text-decoration:none;padding:3px 16px 3px 0;color:#29425f}
.home-updates>a+a{border-left:1px solid #e6ebf2;padding-left:18px}
.home-updates>a>span{font-size:10px;color:#8a96a7;display:flex;gap:8px;flex-wrap:wrap}
.home-updates strong{display:block;font-size:14px;font-weight:550;margin:10px 0;line-height:1.6;overflow-wrap:anywhere}
.home-updates small{font-size:11px;color:#77899f}.home-updates>a:hover strong{color:#315f98}
.home-product-about{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:30px 38px;background:#f9fafc}
.home-page .home-product-about h2{font-size:18px}.home-page .home-product-about p{font-size:12px;line-height:1.8;color:#7c8898;margin:8px 0 0;max-width:52ch}
.home-product-about>a{white-space:nowrap;font-size:12px}
.home-guide-links{padding:14px 38px;background:#f9fafc;font-size:11px;color:#7c8898;border-top:1px solid #e9edf3}
.home-guide-links>summary{cursor:pointer;padding:4px 0}.home-guide-links>div{display:flex;gap:12px 20px;flex-wrap:wrap;padding-top:12px}
.home-guide-links a{scroll-margin-top:100px}
.home-page>.page-meta{padding:12px 38px;margin:0;border:0;font-size:10px}
.about-page .toc{max-width:100%}.about-page .home-facts{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:#778596}
.about-page .home-prose{max-width:75ch}
.role-index .search-toolbar{grid-template-columns:minmax(0,1fr);padding-bottom:12px}
.role-index .search-field input{height:48px;font-size:16px}
.role-index .role-quick-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.role-index .role-quick-chips .chip{font-size:12px;border:1px solid #dfe6ef;border-radius:18px;padding:5px 12px;background:#fff;color:#687a91;font-weight:450}
.role-index .role-quick-chips .chip[aria-pressed=true]{background:#eaf1fa;border-color:#91aecd;color:#315f98}
.role-index .role-advanced{border-top:1px solid #e4e9f0;margin-top:4px}
.role-index .role-advanced>summary{cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 0;font-size:13px;color:#4c617d;list-style:none}
.role-index .role-advanced>summary::after{content:'›';margin-left:auto;transform:rotate(90deg);color:#8e9fb4;font-size:18px}
.role-index .role-advanced[open]>summary::after{transform:rotate(-90deg)}
.role-index .role-advanced>summary::-webkit-details-marker{display:none}
.role-index #advancedRoleCount{font-size:11px;color:#8793a3}
.role-index .advanced-search-options{display:flex;gap:18px;flex-wrap:wrap;padding:10px 0 14px}
.role-index .advanced-search-options label{display:grid;gap:6px;font-size:12px;color:#7c8899}
.role-index .advanced-search-options select{font:inherit;min-height:38px;border:1px solid #dce4ef;border-radius:7px;padding:6px 10px;color:#4c617d;background:#fff}
.role-detail-page .role-overview{position:relative;border-color:#dce5ef;background:linear-gradient(120deg,#eff4fa 0,#fbfcfe 33%,#fff 100%);gap:28px}
.role-detail-page .role-overview-icon{padding:12px 8px;background:linear-gradient(#e5edf7a0,#f5f8fc40);border:1px solid #dce6f1;border-radius:50px 50px 14px 14px;align-self:start;aspect-ratio:1}
.role-detail-page .role-overview-icon img{max-width:100%;height:110px!important}
.role-detail-page .role-origin{color:#758398;font-size:12px;overflow-wrap:anywhere}
.role-detail-page .role-overview-tags{display:flex;gap:6px;flex-wrap:wrap;margin:-7px 0 18px}
.role-detail-page .role-ability-tag{font-size:11px;color:#75869b;padding:3px 8px;border:1px solid #e0e7f0;background:#fff;border-radius:5px}
.role-detail-page .role-section-jumps{display:flex;gap:5px 16px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #e5ebf3;font-size:12px}
.role-detail-page .role-section-jumps a{text-decoration:none;color:#5d7697;padding:3px 0}
.role-detail-page .role-section-jumps a:hover{color:#315f98;text-decoration:underline;text-underline-offset:4px}
.role-detail-page .role-source-note{font-size:11px!important;color:#8a97a8;margin:12px 0 0;padding:0;border:0;line-height:1.7}
@media(max-width:1100px){.home-collections{grid-template-columns:1fr}.home-page .home-collection{grid-template-columns:42px minmax(0,1fr)}.home-page .home-collection p{font-size:12px}.home-module-heading>p{display:none}}
@media(max-width:820px){
 .site-header{grid-template-columns:40px auto minmax(0,1fr) auto}
 .site-header .sidebar-toggle,.site-header .mobile-top-nav,.site-header .search,.site-header .admin-link{grid-row:1}
 .site-header .mobile-top-nav{grid-column:2;gap:12px}
 .sidebar .sidebar-group>summary{min-height:44px;box-sizing:border-box}
 .role-detail-page .role-overview{gap:12px}
 .home-product-section{padding:26px 22px}.home-page .home-module-heading h2{font-size:20px}.home-module-heading{gap:12px}
 .home-product-about{display:block;padding:26px 22px}.home-product-about>a{display:inline-block;margin-top:16px}
 .home-guide-links{padding:14px 22px}.home-page>.page-meta{padding:12px 22px}
 .home-updates{grid-template-columns:1fr;gap:0}.home-updates>a+a{border-left:0;border-top:1px solid #e6ebf2;padding-left:0}
 .home-page .home-updates>a{padding:16px 0}.home-updates strong{margin:6px 0}
 .role-index .role-quick-chips .chip{min-height:36px}.role-index .role-advanced>summary{min-height:44px;padding:10px 0}
 .role-detail-page .role-overview-icon{padding:4px;border-radius:26px 26px 9px 9px}.role-detail-page .role-overview-icon img{height:58px!important}
 .role-detail-page .role-overview-tags,.role-detail-page .role-section-jumps,.role-detail-page .role-source-note{grid-column:1 / -1}
 .role-detail-page .role-overview-tags{margin:0 0 3px}.role-detail-page .role-section-jumps{margin-top:4px;gap:6px 18px}
 .role-detail-page .role-section-jumps a{min-height:36px;display:flex;align-items:center}
}
@media(prefers-reduced-motion:reduce){.sidebar .sidebar-group>summary::after,.home-page .home-collection{transition:none}}

/* Guide is opened on request; native dialog manages focus and background interaction. */
.site-header .guide-header-link{display:inline-flex;align-items:center;min-height:36px;padding:4px 10px;font-size:13px;white-space:nowrap;color:#e6d7b9;text-decoration:none;border-radius:6px}
.site-header .guide-header-link:hover{background:#d9bd8518;color:#f1dfbc}
.home-page .home-guide-prompt{margin:14px 0 0;font-size:12px;line-height:1.7;color:#cbbc9f}
.home-page .home-hero .home-guide-prompt a,.home-page .home-hero .home-guide-prompt a:visited{margin-left:7px;color:#e5c88e;text-decoration:underline;text-underline-offset:4px}
.site-guide,.guide-panel{scroll-margin-top:calc(var(--wiki-header-height,68px) + 20px)}
.site-guide .home-module-heading{margin-bottom:10px}
.site-guide-dialog .guide-lead{font-size:13px;color:var(--archive-muted,#665b4c);line-height:1.8;margin:0 0 20px;max-width:65ch}
.guide-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}
.site-guide-dialog .site-guide .guide-choices a,.site-guide-dialog .site-guide .guide-choices a:visited{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 12px;border:1px solid var(--archive-line,#d5c6a9);border-radius:8px;color:var(--archive-muted,#665b4c);background:#faf5e940;font-size:13px;text-decoration:none;box-sizing:border-box}
.site-guide-dialog .site-guide .guide-choices a:hover{border-color:#aa8954;background:#e8dab938;color:#403629}
.site-guide-dialog .site-guide .guide-choices a[aria-selected=true]{color:#463522;background:#e5d4af80;border-color:#b69760;font-weight:600;box-shadow:inset 0 -2px 0 #aa8650}
.guide-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:30px;padding:24px;border:1px solid var(--archive-line,#d5c6a9);border-radius:12px;background:#faf5e970;min-width:0}
.guide-panel+.guide-panel{margin-top:16px}
.guide-ready .guide-panel{margin-top:0}
.site-guide [hidden]{display:none}
.site-guide-dialog .guide-panel h3{font-size:20px;line-height:1.5;margin:0 0 10px;font-weight:600;color:var(--archive-ink,#34302c)}
.site-guide-dialog .guide-intro>p{font-size:13px;line-height:1.85;margin:0;color:var(--archive-muted,#665b4c)}
.guide-actions{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;margin-top:20px}
.guide-actions a{font-size:12px;min-height:42px;display:inline-flex;align-items:center;text-decoration:none}
.site-guide-dialog .guide-actions .guide-primary,.site-guide-dialog .guide-actions .guide-primary:visited{padding:8px 15px;border:1px solid #b3935c;background:#e3c68e80;color:#43321e;border-radius:7px;box-sizing:border-box;font-weight:550}
.site-guide-dialog .guide-actions .guide-primary:hover{background:#e3c68ec0;border-color:#97733b}
.site-guide-dialog .guide-actions .guide-secondary,.site-guide-dialog .guide-actions .guide-secondary:visited{color:#6a5333;text-decoration:underline;text-underline-offset:4px}
.site-guide-dialog .guide-intro .guide-note{font-size:11px;margin:12px 0 0;line-height:1.7;color:#7b6c56}
.guide-steps{list-style:none;counter-reset:guide-step;margin:0;padding:0;display:grid;gap:14px;align-content:start}
.guide-steps li{counter-increment:guide-step;position:relative;padding-left:35px;min-width:0;margin:0}
.guide-steps li::before{content:counter(guide-step);position:absolute;left:0;top:0;width:23px;height:23px;border:1px solid #c3ac82;border-radius:50%;display:grid;place-items:center;font:12px Georgia,serif;color:#876733;background:#eaddc170}
.guide-steps strong{display:block;font-size:13px;font-weight:600;color:#40372c;line-height:1.8}
.guide-steps span{display:block;font-size:12px;line-height:1.8;color:var(--archive-muted,#665b4c);overflow-wrap:anywhere}
.site-guide a:focus-visible,.site-guide [role=tabpanel]:focus-visible,.site-header .guide-header-link:focus-visible,.home-page .home-hero .home-guide-prompt a:focus-visible{outline:2px solid #aa8249;outline-offset:3px}
@media(max-width:1100px){.guide-panel{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:820px){
 .site-header .guide-header-link{display:none}
 .site-header .mobile-top-nav{gap:8px}
 .site-header .mobile-top-nav a{font-size:13px}
 .guide-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guide-panel{padding:18px;gap:22px}
 .site-guide-dialog .guide-panel h3{font-size:18px}
 .guide-actions a{min-height:44px}
}
@media(prefers-reduced-motion:no-preference){
 .site-guide-dialog .site-guide .guide-choices a,.site-guide-dialog .guide-actions .guide-primary{transition:background-color .16s,border-color .16s}
 .guide-ready .guide-panel:not([hidden]){animation:guide-reveal .18s ease-out}
 @keyframes guide-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
}
@media(forced-colors:active){.site-guide-dialog .site-guide .guide-choices a[aria-selected=true]{outline:2px solid Highlight}.guide-panel,.site-guide-dialog .guide-actions .guide-primary{border-color:CanvasText}}

html.site-guide-open{overflow:hidden}
.site-guide-dialog{width:calc(100% - 40px);max-width:980px;max-height:calc(100dvh - 48px);padding:0;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;background-color:var(--archive-paper,#f3ead3);background-image:var(--archive-texture);background-size:768px 768px;border:1px solid #c5ac7e;border-radius:16px;color:var(--archive-ink,#34302c);box-shadow:0 28px 90px #0006}
.site-guide-dialog:not([open]){display:none}
.site-guide-dialog::backdrop{background:#14151bbc;backdrop-filter:blur(4px)}
.site-guide-dialog .site-guide{padding:34px;border:0}
.site-guide-dialog .home-module-heading h2{font-size:24px;line-height:1.5;margin:6px 0 0;color:var(--archive-ink,#34302c);font-weight:600}
.site-guide-dialog .home-module-heading{padding-right:65px}
.site-guide-dialog .home-module-heading span{color:#795a2d;font-size:11px}
.site-guide-dialog .guide-close{position:sticky;top:12px;float:right;margin:12px 12px -56px 0;z-index:1;min-width:56px;min-height:44px;padding:8px 12px;border:1px solid #c9b58e;border-radius:7px;background:var(--archive-sheet,#f8f1e2);color:#655033;font:inherit;font-size:12px;cursor:pointer}
.site-guide-dialog .guide-close:hover{background:#e9dcc1}
.site-guide-dialog .guide-close:focus-visible{outline:2px solid #aa8249;outline-offset:3px}
@media(max-width:820px){.site-guide-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.site-guide-dialog .site-guide{padding:24px 18px}.site-guide-dialog .home-module-heading h2{font-size:20px}.site-guide-dialog .guide-close{margin-right:10px;top:10px}}

/* Detailed help separates the action sequence from optional questions. */
.site-guide-dialog .guide-tips{grid-column:1 / -1;border-top:1px solid var(--archive-line,#d5c6a9);padding-top:14px;min-width:0}
.site-guide-dialog .guide-tips>summary{cursor:pointer;font-size:13px;font-weight:600;color:#705735;min-height:44px;display:list-item;box-sizing:border-box;padding:12px 0;line-height:1.6}
.site-guide-dialog .guide-tips>summary:focus-visible{outline:2px solid #aa8249;outline-offset:3px}
.site-guide-dialog .guide-tips dl{margin:6px 0 0}
.site-guide-dialog .guide-tips dt{font-size:13px;font-weight:600;line-height:1.8;color:var(--archive-ink,#34302c);margin-top:14px}
.site-guide-dialog .guide-tips dd{margin:5px 0 0;font-size:12px;line-height:1.9;color:var(--archive-muted,#665b4c);overflow-wrap:anywhere}
.site-guide-dialog .guide-tips dt:first-child{margin-top:0}

/* Compact navigation keeps category order and exposes the current branch. */
.sidebar{min-width:0;overscroll-behavior:contain;scrollbar-width:thin}
/* The collapse action sits beside the first category heading, without a toolbar. */
.sidebar .sidebar-heading-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px;padding-right:3px}
.sidebar #wiki-navigation .sidebar-heading-row>h3{margin:0;padding:0 10px;line-height:1.8}
.sidebar .sidebar-collapse{font:inherit;font-size:11px;line-height:1.6;color:#a99c84;background:transparent;border:0;border-radius:4px;padding:4px 7px;min-height:28px;cursor:pointer;white-space:nowrap}
.sidebar .sidebar-collapse:hover{color:#efdbb3;text-decoration:underline;text-underline-offset:3px}
.sidebar .sidebar-collapse:focus-visible{outline:2px solid #dec28d;outline-offset:2px;color:#efdbb3}
.sidebar #wiki-navigation>h3{margin:18px 0 6px;padding:0 10px;line-height:1.8}
.sidebar #wiki-navigation>h3:first-child{margin-top:0}
.sidebar #wiki-navigation>ul>li{margin:1px 0}
.sidebar #wiki-navigation>ul>li>a{display:flex;align-items:center;box-sizing:border-box;min-height:34px;padding:7px 11px;border-radius:6px}
.sidebar #wiki-navigation>.sidebar-group{margin:1px 0}
.sidebar #wiki-navigation .sidebar-group>summary{min-height:34px;box-sizing:border-box;padding:7px 11px;line-height:1.65;border-radius:6px}
.sidebar #wiki-navigation .sidebar-group>summary::after{content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin:0 3px 0 0;font-size:0}
.sidebar #wiki-navigation .sidebar-group[open]>summary::after{transform:rotate(45deg)}
.sidebar #wiki-navigation .sidebar-group>ul{margin:3px 0 7px 10px;padding-left:6px;border-left-color:#a08a6045}
.sidebar #wiki-navigation .sidebar-group .sidebar-group>summary{padding:6px 8px}
.sidebar #wiki-navigation .sidebar-group .sidebar-group>ul{margin-left:8px;padding-left:5px}
.sidebar #wiki-navigation .sidebar-group>ul a{display:block;box-sizing:border-box;padding:6px 8px;line-height:1.7;border-radius:5px;overflow-wrap:anywhere}
.sidebar #wiki-navigation .sidebar-group[data-current-branch]>summary{color:#e8cf9e;font-weight:600;background:#bca0710b}
.sidebar #wiki-navigation .sidebar-group[data-current-branch]:not([open])>summary{background:#bca07118;box-shadow:inset 2px 0 0 #c6a56f}
.sidebar #wiki-navigation a[aria-current=page]{color:#efdbb3;background:#bca07124;box-shadow:inset 2px 0 0 #c6a56f}
@media(min-width:821px){.sidebar{flex-basis:208px;padding:10px 8px 28px}}
@media(max-width:820px){
 .sidebar .sidebar-collapse{min-height:44px;padding:8px 10px;font-size:12px}
 .sidebar #wiki-navigation>ul>li>a,.sidebar #wiki-navigation .sidebar-group>summary,.sidebar #wiki-navigation .sidebar-group>ul a{min-height:44px;display:flex;align-items:center;padding-top:10px;padding-bottom:10px}
}
@media(forced-colors:active){.sidebar .sidebar-collapse{color:ButtonText}.sidebar #wiki-navigation .sidebar-group[data-current-branch]>summary{color:CanvasText}.sidebar #wiki-navigation a[aria-current=page]{outline:1px solid Highlight}}

/* Large windows share one fluid shell. Keep text readable instead of scaling fonts. */
@media screen and (min-width:2000px){
 html body .layout,html body.script-library-page .layout,html body.script-tool-page .layout{max-width:none}
 html body .layout>.content{max-width:none}

 /* Home sections keep their cover/background while their contents stay balanced. */
 .home-page .home-hero{padding-inline:clamp(38px,6vw,320px)}
 .home-page :is(.home-cover,.home-shortcuts,.home-resume){max-width:1800px;margin-inline:auto}
 .home-page .home-product-section>*{max-width:1800px;margin-inline:auto}
 .home-page :is(.home-product-about,.home-guide-links){padding-inline:clamp(38px,6vw,320px)}

 /* Catalogs gain columns with the window rather than oversized individual cards. */
 .content .gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
 .content .homebrew-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
 .content .jinx-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}
 .content>.mw-parser-output>ul:has(>li:nth-child(20)){columns:320px;column-gap:36px}
 .content>.mw-parser-output>ul:has(>li:nth-child(20))>li{break-inside:avoid}
 .cert-directory{max-width:none}
 .mw-parser-output:has(.gallery,.homebrew-grid,.jinx-grid)>:is(p,ul,ol){max-width:1280px}

 /* The chapter directory stays beside a centered, comfortable reading column. */
 .content:is(.role-detail-page,.article-detail-page) .role-reading-layout{grid-template-columns:minmax(0,1fr) 288px;gap:32px}
 .content:is(.role-detail-page,.article-detail-page):not(:has(.gallery,.homebrew-grid,.jinx-grid,.cert-directory))>:is(.role-overview,.role-reading-layout,.page-title,.tagline,.page-meta,.backlinks){width:100%;max-width:1600px;margin-inline:auto}
 .content:not(.home-page)>.mw-parser-output:not(:has(.gallery,.homebrew-grid,.jinx-grid,.stat-grid,.night-controls,.cert-directory,>ul>li:nth-child(20))){max-width:1280px;margin-inline:auto}
 .content:not(.home-page):has(>.mw-parser-output:not(:has(.gallery,.homebrew-grid,.jinx-grid,.stat-grid,.night-controls,.cert-directory,>ul>li:nth-child(20))))>:is(.page-title,.tagline,.page-meta,.backlinks){max-width:1280px;margin-inline:auto}
 .content:has(.night-controls)>:is(.page-title,.tagline,.mw-parser-output,.page-meta){max-width:1800px;margin-inline:auto}

 /* Results share the space with a readable script detail pane. */
 .library-content.library-browse .layout2{grid-template-columns:minmax(0,1fr) clamp(480px,38%,960px)}
 .library-content.library-browse .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start}
 .library-content.library-browse .row{align-content:start;min-width:0}

 /* Import and player controls sit side by side; the two night lists span below. */
 .content.night-viewer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-inline:0;align-content:start}
 .night-viewer>:is(h1,p,#nightResult){grid-column:1/-1}
 .night-viewer .night-import{margin-top:0}
 .night-viewer:has(#nightPlayers[hidden]){grid-template-columns:minmax(0,1fr)}
 .night-viewer:has(#nightPlayers[hidden])>:is(h1,p,.night-import){width:100%;max-width:1600px;margin-inline:auto}
 .night-viewer #nightResult>.night-columns{gap:24px}
}

.home-feature-updates small{display:block;font-size:12px;line-height:1.8}

.site-header #account-entry{display:inline-flex;align-items:center;gap:7px;max-width:14em;min-width:0;white-space:nowrap}
.account-link-label{overflow:hidden;text-overflow:ellipsis}
.account-link-avatar{display:inline-grid;place-items:center;flex:none;width:27px;height:27px;line-height:1;border-radius:50%;overflow:hidden;background:#efe2c5;color:#344448;box-shadow:0 0 0 1px #ae9670;font-weight:700}
.account-link-avatar:empty::before{content:attr(data-initial)}
.account-link-avatar canvas{display:block;width:100%;height:100%}
@media(max-width:680px){
  .mobile-top-nav #account-entry:has(.account-link-avatar){min-width:36px;justify-content:center}
  .mobile-top-nav .account-link-avatar+.account-link-label{display:none}
  .site-header .mobile-top-nav:has(#article-edit-entry:not([hidden])){gap:6px}
}