/* Original archive material. A static procedural tile, never a filter on text.
   Shared UI only: poster artwork and its fixed canvas live in a separate SVG. */
:root{
 --archive-paper:#f1e8d3;
 --archive-sheet:#faf5e9;
 --archive-inset:#eee3cc;
 --archive-line:#d5c6a9;
 --archive-ink:#34302c;
 --archive-muted:#665b4c;
 --archive-brass:#ac8c54;
 --archive-night:#22242c;
 --archive-texture:url("materials/archive-paper.webp");
 --experience-text:var(--archive-ink);
 --experience-muted:var(--archive-muted);
 --experience-line:var(--archive-line);
 --experience-surface:var(--archive-inset);
 --experience-ink:#3c3431;
 --experience-blue:#305c7d;
 --experience-brass:#dcc18b;
 --experience-shadow:0 16px 42px #0e10162e;
}
body{
 background-color:var(--archive-night)!important;
 background-image:radial-gradient(ellipse at 75% 0,#76644a20,transparent 60%),linear-gradient(#22242cf2,#22242cf2),var(--archive-texture)!important;
 background-size:auto,auto,768px 768px;
 background-repeat:no-repeat,no-repeat,repeat;
 background-attachment:scroll;
}
/* The dark cover surrounds a light page; its navigation stays clearly readable. */
.site-header{
 background:#22242cf5;
 border-bottom-color:#b99d6b40;
 box-shadow:0 1px 0 #ffffff06;
 backdrop-filter:none;
}
.site-header.is-scrolled{box-shadow:0 5px 24px #090b142b}
.site-header::after{background:#c5a871}
.site-header .brand,.brand-title{color:#eee3cf}
.site-header .brand small{color:#beb29d}
.brand-mark{background:#37343b;color:#ead5ac;border-color:#bda06b70;box-shadow:inset 0 0 0 3px #22242c,0 3px 10px #090b1433;border-radius:10px}
.brand-mark svg{display:block;width:28px;height:28px}
.site-header .search :is(input,select){background:#f6eedf;color:#3c3630;border-color:#c6b28b}
.site-header .search input::placeholder{color:#756957}
.site-header .search input:focus{background:#fff9ed;border-color:#d0ae73;box-shadow:0 0 0 3px #dcc18b24}
.site-header :is(.mobile-top-nav a,.sidebar-toggle,.admin-link){color:#e6d7b9!important}
.site-header :is(button,a,input):focus-visible,.sidebar :is(a,summary):focus-visible{outline-color:#dec28d}
.search-results{background:var(--archive-sheet);border-color:var(--archive-line);box-shadow:0 14px 42px #090b142e}
.search-results a:hover,.search-results a.sel{background:#ede0c5}
.search-results .t{color:#305c7d}.search-results .s{color:var(--archive-muted)}
.site-header .search-status{background:var(--archive-sheet);color:var(--archive-ink)}
.sidebar{scrollbar-color:#81745f transparent}
.sidebar h3{color:#ceb991}.sidebar h3::before{background:#c3a56e}
.sidebar a,.sidebar a:visited,.sidebar .sidebar-group>summary{color:#c8c2b7}
.sidebar a:hover,.sidebar .sidebar-group>summary:hover{color:#f1dfbc;background:#d9bd8520}
.sidebar a[aria-current=page]{color:#efdbb3;background:#bca07124;box-shadow:inset 2px 0 0 #c6a56f}
.sidebar .sidebar-group>summary::after{color:#aa9980}
.sidebar .sidebar-group>ul{border-left-color:#a08a603f}
footer{color:#beb5a5;border-top-color:#c2a37133}
footer a,footer a:visited{color:#e0c795}
/* Broad, quiet paper areas carry the material. Controls use a cleaner stock. */
.content,.content.home-page{
 background-color:var(--archive-paper)!important;
 background-image:linear-gradient(90deg,#9f774f08,transparent 5%,transparent 95%,#9f774f08),var(--archive-texture)!important;
 background-repeat:no-repeat,repeat;
 background-size:auto,768px 768px;
 background-position:center,0 0;
 border-color:#cab793;
 box-shadow:var(--experience-shadow),inset 0 0 0 1px #fff8e04d;
}
.content :is(.tagline,.page-meta,.backlinks){color:var(--archive-muted)}
.content h1.page-title,.mw-parser-output :is(h2,h3,h4){color:#41382f}
.mw-parser-output h2{border-bottom-color:#baa48070}
.content:not(.home-page)>.toc,.backlinks,.gallery,.role-detail-page .charinfo{background:#faf5e980;border-color:var(--archive-line)}
.mw-parser-output table.wikitable{border-color:var(--archive-line)}
.mw-parser-output table.wikitable th{background:#e8dcc3}
.mw-parser-output table.wikitable tr:nth-child(even) td{background:#f7f0e080}
.gallerybox{background:var(--archive-sheet);border-color:var(--archive-line)}
/* Retain our own clock illustration and product layout; give the cover an ink finish. */
.home-page .home-hero{background:#29262d;border-bottom:1px solid #b99a633b}
.home-hero::before{background:radial-gradient(ellipse at 84% 14%,#b3946430,transparent 57%),linear-gradient(120deg,#24232e,#333039)}
.home-hero::after{background-image:var(--archive-texture);background-size:768px 768px;opacity:.035;mask-image:none}
.home-hero .home-eyebrow{color:#d0c4af}
.home-page .home-hero h1{color:#f4eddf}
.home-hero .home-intro>p{color:#c4bbaa}
.home-clock{border-color:#dac39340;box-shadow:0 0 0 18px #d0b37c05,0 0 0 42px #d0b37c04;background:#d0b37c04}
.home-clock-label,.home-visual>p{color:#c8baa2}
/* A restrained game identity: title, clock lines and three uniform script entries. */
.home-hero .home-eyebrow{flex-wrap:wrap;line-height:1.7}
.home-hero .home-status-dot{background:#b5696d;box-shadow:0 0 0 4px #b5696d18;flex-shrink:0}
.home-classics{margin-top:26px;padding-top:22px;border-top:1px solid #b7a37e45}
.home-classics-label{display:block;margin-bottom:12px;font-size:12px;color:var(--archive-muted)}
.home-classic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-page .home-classic{--script-accent:#854b51;display:flex;min-width:0;gap:16px;align-items:flex-start;padding:20px;color:#43392f;text-decoration:none;border:1px solid #cbb996;border-top:2px solid var(--script-accent);border-radius:8px;background:#fbf6eb66}
.home-page .home-classic.bmr{--script-accent:#997544}
.home-page .home-classic.snv{--script-accent:#77617d}
.home-classic-number{flex:0 0 auto;font-family:Georgia,serif;font-size:17px;line-height:1.4;color:var(--script-accent)}
.home-classic-copy{display:block;min-width:0;flex:1}
.home-classic-copy>small{display:block;color:var(--archive-muted);font-size:9px;letter-spacing:.06em;line-height:1.6;overflow-wrap:anywhere}
.home-page .home-classic-copy>strong{display:block;margin:5px 0 12px;color:#43392f;font-size:18px;font-weight:550;line-height:1.4}
.home-classic-action{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--archive-muted);font-size:11px;line-height:1.6}
.home-page .home-classic:hover{background:#fff9ebc9;border-color:var(--script-accent)}
.home-classic:focus-visible{outline:2px solid #866a3f;outline-offset:3px}
.home-shortcuts>a{border-color:#dac39330;background:#e4cca008}
.home-shortcuts :is(span,small){color:#c1b7a6}
.home-shortcuts>a::before{background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%),#e5c89620,transparent 72%)}
.home-shortcuts a:hover,.home-shortcuts a:focus-visible{border-color:#dac39370;background:#e4cca013}
.home-page>.mw-parser-output[data-home-product]{background:transparent}
.home-product-section{border-bottom-color:#b7a37e45}
.home-module-heading>div>span,.home-product-about>div>span{color:var(--archive-muted)}
.home-module-heading>p,.home-module-heading>a,.home-page .home-update-note{color:var(--archive-muted)}
.home-page .home-collection{background:#fbf6eb8f;border-color:#cbb996;color:#42392e;box-shadow:0 2px 4px #66533205}
.home-page .home-collection:hover{background:#fff9ebc9;border-color:#a58a58}
.home-page :is(.home-collection,.home-updates>a,.home-module-heading>a,.home-product-about>a,.home-resume a):focus-visible{outline:2px solid #866a3f;outline-offset:3px}
.home-page :is(.home-module-heading>a,.home-product-about>a,.home-resume a):hover{text-decoration:underline;text-underline-offset:4px}
.home-page .home-collection h3{color:#43392f}
.home-page .home-collection :is(p,small){color:var(--archive-muted)}
.collection-emblem{color:#776047;background:#eee3cd;border-color:#baa480;border-radius:20px 20px 7px 7px}
.stars .collection-emblem{color:#866331;background:#efe1bf;border-color:#c5ab7b}
.overseas .collection-emblem{color:#5b6c59;background:#e5e5cf;border-color:#abb198}
.home-page .home-updates>a{color:#433b31}.home-updates>a+a{border-color:#c8b79770}
.home-updates>a>span,.home-updates small{color:var(--archive-muted)}
.home-feature-more summary{cursor:pointer;list-style:none;padding:16px 0;color:#705731;font-size:13px;display:flex;align-items:center;gap:4px}
.home-feature-more summary::-webkit-details-marker{display:none}
.home-feature-more summary::before{content:'+';font-size:18px;line-height:1;margin-right:4px}
.home-feature-more[open] summary::before{content:'−'}
.home-feature-more summary:hover{text-decoration:underline;text-underline-offset:4px}
.home-feature-more summary:focus-visible{outline:2px solid #866a3f;outline-offset:3px}
.home-feature-more .home-feature-updates{display:grid;grid-template-columns:minmax(0,1fr)}
.home-product-about,.home-guide-links{background:#b9a2780c}
.home-page .home-product-about p,.home-guide-links,.home-page>.page-meta{color:var(--archive-muted)}
.home-guide-links{border-top-color:#b7a37e45}
/* Role abilities and reading retain their text sizes, icons, semantics and spacing. */
.role-detail-page .role-overview{background:linear-gradient(120deg,#ede0c7c9,#faf5e98c);border-color:#c8b38d;box-shadow:inset 0 1px 0 #fffbef80}
.role-detail-page .role-overview-icon{background:linear-gradient(#e8d8b9a0,#f7eeda40);border-color:#c9b48e}
.role-detail-page .role-overview-ability{color:var(--archive-ink)}
.role-detail-page .role-overview-ability h2,.role-detail-page :is(.role-origin,.role-source-note){color:var(--archive-muted)}
.role-detail-page .role-ability-tag{background:#faf5e9a8;color:#716553;border-color:#d1bea0}
.role-detail-page .role-section-jumps,:is(.role-detail-page,.article-detail-page) .role-contents{border-color:#c8b797}
.role-detail-page .role-section-jumps a{color:#305c7d}
:is(.role-detail-page,.article-detail-page) .role-contents a{color:#69604f}
:is(.role-detail-page,.article-detail-page) .role-contents a:hover,:is(.role-detail-page,.article-detail-page) .role-contents a[aria-current=location]{background:#e7d9bd;color:#305c7d;box-shadow:inset 2px 0 0 #b09762}
.role-detail-page .role-script-link,.role-detail-page .role-overview .role-script-link a{background:#faf5e9;border-color:#cdb997}
/* Only application chrome is themed. Never select the SVG/art stage or its children. */
:is(.role-index .filter-panel,.library-filters,.script-editor .toolbar){background:#eee3ccb0!important;border-color:#cdbb99!important}
:is(.script-editor .lib,.script-editor .mine,.library-results-panel,.library-detail-panel){background:var(--archive-sheet)!important;border-color:#cdbb99!important;box-shadow:0 4px 16px #6350360a!important}
:is(.role-index,.library-content,.script-editor) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fffbf1!important;border-color:#cbbb9d!important}
:is(.role-index,.library-content,.script-editor) :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible{border-color:#ac8c54!important;box-shadow:0 0 0 3px #ac8c541a}
:is(.role-index,.library-content,.script-editor) .btn:not(.warn):not(.pri):not(#btnExport):not(#btn-edit-script){background:#fbf6eb;border-color:#cbbb9d;color:#514737}
.role-index .chip,.role-index .role-quick-chips .chip,.script-editor .tab{background:#fbf6eb;border-color:#cbbb9d;color:#655b4b}
.role-index .role-quick-chips .chip[aria-pressed=true]{background:#dfe8eb;border-color:#8ba8b5;color:#305c7d}
.role-index :is(.role-advanced,.filter-group,.results-toolbar){border-color:var(--archive-line)}
.role-index :is(.advanced-search-options label,#advancedRoleCount,.filter-summary){color:var(--archive-muted)}
.role-index .card,.script-editor .card{background:#fbf6eb;border-color:#d0bfa0}
:is(.role-index .card,.script-editor .card,.script-editor .row2,.library-content .list,.library-content .detail,.cert-table-wrap){background:var(--archive-sheet)!important}
.role-index .card :is(img,.ph){background:#eee3cc}
.role-index .card .nm{color:#343e47}.role-index .card :is(.ab,.more){color:#524c43}.role-index .card .meta{color:var(--archive-muted)}
.role-index .card:hover,.role-index .card.open{border-color:#a58a58;box-shadow:0 4px 16px #735d3620!important}
.library-content .layout2 h2{background:#eee3cc;color:#514737}
.library-content .row{border-bottom-color:#ddd0b760}.library-content .row:hover{background:#f1e8d5}
.library-content .row.sel,.library-content .row.sel:hover{background:#e9ddc1;box-shadow:inset 3px 0 0 #a88a53}
.library-content .row .nm{color:#3a342c}
.library-content :is(.au,.cat,.cnt,.dtmeta,.team-h){color:var(--archive-muted)}
.library-content.library-browse .row .nm{color:#3a342c}
.library-content.library-browse .row.sel .nm{color:#305c7d}
.library-content.library-browse .row :is(.au,.cat,.cnt){color:var(--archive-muted)}
.library-browse .library-detail-heading{background:#eee3cc;border-color:var(--archive-line)}
.library-content.library-browse h2.dt{color:#41382f}
.library-content.library-browse .library-overview,.library-browse .library-overview>span{color:var(--archive-muted)}
.library-browse .library-description{color:#524c43}
.library-content .chars>:is(span,a),.library-content .shot-link{background:#f8f0e0;border-color:#d7c6a5}
.script-editor :is(.row2,.empty){background:#faf4e6;border-color:#d1bfa0}
.script-editor .row2 .ab{color:#524c43}
.role-preview{background:#fffaeefc;border-color:#c9b48e}
dialog,.script-library-page :is(#cmpDlg,#jsonDlg,#expDlg){background:var(--archive-sheet);border-color:var(--archive-line)}
.script-tool-page #artDialog{background:var(--archive-sheet);border-color:var(--archive-line)}
.script-tool-page #artDialog .art-header{background:#f5eddd;border-color:var(--archive-line)}
.script-tool-page #artDialog .art-mobile-tools{background:#f5eddd;border-color:var(--archive-line)}
.script-tool-page #artDialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fffbf1;border-color:#cbbb9d}
.script-tool-page #artDialog .btn:not(.pri){background:#faf5e9;border-color:#cbbb9d}
/* Jinx cards share the archive paper palette; rule text remains the reading focus. */
.mw-parser-output .jinx-filters{background:#eee3ccb0;border-color:var(--archive-line)}
.mw-parser-output .jinx-filters label{color:var(--archive-muted)}
.mw-parser-output .jinx-filters :is(input,select,button){background:#fffbf1;border-color:#cbbb9d;color:var(--archive-ink)}
.mw-parser-output .jinx-filters button{background:var(--archive-sheet)}
.mw-parser-output .jinx-filters button:hover{background:#e9ddc4;border-color:var(--archive-brass)}
.mw-parser-output .jinx-filters :is(input,select,button):focus-visible{outline:2px solid var(--archive-brass);outline-offset:2px}
.mw-parser-output :is(#jinx-count,.jinx-group-note){color:var(--archive-muted)}
.mw-parser-output .jinx-card{background:var(--archive-sheet);border-color:var(--archive-line);box-shadow:0 4px 16px #6350360a}
.mw-parser-output .jinx-card:hover{box-shadow:0 6px 22px #63503612}
.mw-parser-output .jinx-pair{border-bottom-color:#d5c6a980}
.mw-parser-output a.jinx-role,.mw-parser-output a.jinx-role:visited{background:#eee3cc80;color:#514737}
.mw-parser-output a.jinx-role:hover{background:#e7d9bd;color:#3c3431}
.mw-parser-output a.jinx-role:focus-visible{outline:2px solid var(--archive-brass);outline-offset:3px}
.mw-parser-output .jinx-placeholder{color:var(--archive-muted)}
.mw-parser-output .jinx-card .jinx-rule{color:var(--archive-ink)}
.mw-parser-output .jinx-rule a,.mw-parser-output .jinx-rule a:visited{color:inherit}
.mw-parser-output .jinx-rule a:hover{color:#305c7d;text-decoration:underline}
.mw-parser-output #jinx-empty{background:#faf5e980;border-color:var(--archive-line);color:var(--archive-muted)}
/* Night order uses the same paper surfaces, including the sticky controls. */
.mw-parser-output .night-controls{background:#f2e9d6f5;border-color:var(--archive-line);box-shadow:0 6px 18px #63503610}
.mw-parser-output .night-controls button{background:var(--archive-sheet);border-color:#cbbb9d;color:#514737}
.mw-parser-output .night-controls button:hover{background:#e9ddc4;border-color:var(--archive-brass)}
.mw-parser-output .night-tabs button[aria-pressed=true]{background:#dec38b;border-color:#ac8c54;color:#43321e}
.mw-parser-output .night-tabs button[aria-pressed=true]:hover{background:#d5b779}
.mw-parser-output .night-search label{color:var(--archive-muted)}
.mw-parser-output .night-search :is(input,select){background:#fffbf1;border-color:#cbbb9d;color:var(--archive-ink)}
.mw-parser-output .night-controls :is(input,select,button):focus-visible{outline:2px solid var(--archive-brass);outline-offset:2px}
.mw-parser-output :is(#night-count,.night-controls .night-help){color:var(--archive-muted)}
.mw-parser-output .night-row{background:var(--archive-sheet);border-color:var(--archive-line);box-shadow:0 3px 10px #63503608}
.mw-parser-output .night-number{color:#756348}
.mw-parser-output .night-instruction{color:var(--archive-ink)}
.mw-parser-output .night-instruction b{color:#41382f}
.mw-parser-output .night-instruction a,.mw-parser-output .night-instruction a:visited{color:inherit}
.mw-parser-output .night-instruction a:hover{color:#305c7d;text-decoration:underline}
.mw-parser-output #night-empty{background:#faf5e980;color:var(--archive-muted)}
/* Mobile overlays remain opaque, with existing safe areas and touch targets. */
@media(max-width:1100px){:is(.role-detail-page,.article-detail-page) .role-contents{background:#faf5e980}}
@media(max-width:1100px){.home-page .home-classic{padding:16px 12px;gap:10px}.home-classic-copy>strong{font-size:17px}}
@media(max-width:820px){
 .site-header{background:#22242c}
 .mobile-nav-ready .sidebar{background:#27272e!important;border-right-color:#a991633f;box-shadow:8px 0 24px #080a1433}
 .mobile-nav-ready .sidebar h3{color:#ceb991}
 .mobile-nav-ready .sidebar a,.mobile-nav-ready .sidebar a:visited{color:#c8c2b7}
 .mobile-nav-ready .sidebar a:hover{color:#f1dfbc;background:#d9bd8520}
 .mobile-nav-ready .sidebar a[aria-current=page]{color:#efdbb3;background:#bca07124}
 .home-hero .home-intro>p{color:#c4bbaa}.home-hero .home-eyebrow{color:#d0c4af}
 .home-clock{box-shadow:none}
 .home-classic-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .home-page .home-classic{padding:18px;gap:16px}
 .home-classic-copy>strong{margin-bottom:8px}
 .script-tool-page .editor-mobile-actions{background:#f7efdf;border-top-color:#cbbb9d}
 .editor-mobile-actions .btn:not(.pri){background:#fffbf1;border-color:#cbbb9d}
}
/* No material in printed documents or high contrast modes. */
@media print{
 .mw-parser-output :is(.jinx-card,.jinx-filters,a.jinx-role,.night-row){background:#fff;box-shadow:none}
}
@media(forced-colors:active){
 .mw-parser-output :is(.jinx-card,.jinx-filters,#jinx-empty,.night-row,.night-controls,#night-empty){background:Canvas;border-color:CanvasText;box-shadow:none}
 .mw-parser-output :is(.jinx-filters label,#jinx-count,.jinx-group-note,.jinx-placeholder,.jinx-card .jinx-rule){color:CanvasText}
 .mw-parser-output .jinx-filters :is(input,select,button){background:Canvas;border-color:ButtonText;color:CanvasText}
 .mw-parser-output a.jinx-role,.mw-parser-output a.jinx-role:visited,.mw-parser-output a.jinx-role:hover{background:Canvas;color:LinkText}
 .mw-parser-output .jinx-rule a,.mw-parser-output .jinx-rule a:visited,.mw-parser-output .jinx-rule a:hover{color:LinkText}
 .mw-parser-output :is(.night-number,.night-instruction,.night-instruction b,#night-count,.night-controls .night-help,.night-search label,#night-empty){color:CanvasText}
 .mw-parser-output .night-controls :is(input,select,button){background:Canvas;border-color:ButtonText;color:ButtonText}
 .mw-parser-output .night-tabs button[aria-pressed=true],.mw-parser-output .night-tabs button[aria-pressed=true]:hover{forced-color-adjust:none;background:Highlight;border-color:Highlight;color:HighlightText}
 .mw-parser-output .night-instruction a,.mw-parser-output .night-instruction a:visited,.mw-parser-output .night-instruction a:hover{color:LinkText}
}

@media print{
 body,.content,.content.home-page{background:#fff!important;background-image:none!important;box-shadow:none!important}
 .home-page>.mw-parser-output[data-home-product],.home-product-section,.home-product-about,.home-guide-links,.role-detail-page .role-overview{background:#fff!important;background-image:none!important;box-shadow:none}
 .home-page .home-hero{border:0}
 .home-page .home-hero h1,.home-hero h1 em,.home-hero .home-intro>p,.home-hero .home-eyebrow{color:#34302c}
}
@media(forced-colors:active){
 body,.content,.content.home-page{background:Canvas!important;background-image:none!important;box-shadow:none!important}
 .site-header,.mobile-nav-ready .sidebar,.home-page .home-hero{background:Canvas!important}
 .site-header :is(.brand,.brand-title,.brand small,.mobile-top-nav a,.sidebar-toggle,.admin-link),.sidebar :is(h3,a,.sidebar-group>summary){color:CanvasText!important}
 .home-hero::before,.home-hero::after{display:none}
 .home-page .home-hero h1,.home-hero h1 em,.home-hero .home-intro>p,.home-hero .home-eyebrow{color:CanvasText}
}


/* Complete the paper palette on the about and certification pages. */
.about-page .home-section{background:var(--archive-sheet);border-color:var(--archive-line);box-shadow:0 3px 14px #6350360a}
.about-page .home-section h2{color:var(--archive-ink);border-color:var(--archive-line)}
.about-page .home-section h2::before{background:var(--archive-brass)}
.about-page .home-section p,.about-page .home-prose>p:first-child{color:var(--archive-ink);border-color:var(--archive-line)}
.about-page :is(.home-source-note,.home-facts,.tagline){color:var(--archive-muted)}
.about-page :is(.home-facts,.home-links>ul>li,.gallery){background:var(--archive-inset);border-color:var(--archive-line)}
.about-page .home-facts b{color:#70562f}
.about-page a,.cert-directory a{color:#305c7d}
.about-page a:visited,.cert-directory a:visited{color:#66516c}
.about-page a:hover,.cert-directory a:hover{color:#24465e;text-decoration:underline}
.cert-directory :is(.cert-card,.cert-filters){background:var(--archive-sheet)!important;border-color:var(--archive-line)!important}
.cert-directory .cert-filters{background:var(--archive-inset)!important}
.cert-directory :is(.cert-card p,.cert-card h2,.cert-results p){color:var(--archive-ink)}
.cert-directory :is(.cert-intro,.cert-note,.cert-results,.cert-filters label,.cert-sources small){color:var(--archive-muted)}
.cert-directory :is(.cert-card strong,.cert-eyebrow){color:#70562f}
.cert-directory .cert-filters :is(input:not([type=checkbox]):not([type=radio]),select,button),.cert-directory .cert-pagination button{background:#fffbf1!important;color:var(--archive-ink)!important;border-color:#b9a786!important}
.cert-directory input::placeholder{color:#736656;opacity:1}
.cert-directory button:not(:disabled):hover{background:#e9dcc1!important;border-color:#947746!important}
.cert-directory :focus-visible{outline:2px solid #305c7d;outline-offset:3px}
.cert-directory .cert-table-wrap{border-color:var(--archive-line)}
.cert-directory .cert-table th{background:#e8dcc2;color:#51422e}
.cert-directory .cert-table td{border-color:#dfd2b9;color:var(--archive-ink)}
.cert-directory .cert-table tbody tr:nth-child(even){background:#f3ebda}
.cert-directory .cert-table tbody tr:hover{background:#eae0c9}
.cert-directory .cert-badge{background:#e8dcc2;color:#624a29}
.cert-directory .cert-sources a{background:var(--archive-sheet);border-color:var(--archive-line)}

/* A consistent task path across reference, library and editor pages. */
.content .tool-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 22px;padding:0;border:0;background:transparent}
.content .tool-navigation a{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 12px;border:1px solid var(--archive-line);border-radius:9px;background:var(--archive-sheet);color:var(--archive-ink);text-decoration:none;line-height:1.5}
.content .tool-navigation strong{font-size:14px;font-weight:650}
.content .tool-navigation small{font-size:12px;color:var(--archive-muted);white-space:normal}
.content .tool-navigation a[aria-current=page]{background:#e9ddc1;border-color:#a88a53;box-shadow:inset 0 -2px #a88a53;color:#49391f}
.content .tool-navigation a:hover{background:#eee3cc;border-color:#a88a53}
.content .tool-navigation a:focus-visible{outline:2px solid #305c7d;outline-offset:2px}
.tool-purpose{font-size:14px;line-height:1.8;color:var(--archive-muted);max-width:70ch}
.tool-file-help{margin:0 0 18px;padding:10px 14px;border:1px solid var(--archive-line);border-radius:8px;background:var(--archive-sheet);font-size:13px;color:var(--archive-muted)}
.tool-file-help summary{cursor:pointer;color:#51422e}.tool-file-help li{margin:6px 0;line-height:1.7}
@media(max-width:700px){.content .tool-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:16px}.content .tool-navigation a{padding:9px 10px}.content .tool-navigation small{font-size:11px}}

/* Role details share a reading palette across official and imported sources. */
.role-detail-page .role-overview-meta{color:var(--archive-muted)}
.role-detail-page .role-kind.is-good{background:#e1e9ea;color:#30566b}
.role-detail-page .role-kind.is-evil{background:#efdfda;color:#813e3c}
.role-detail-page .role-kind.is-special{background:#eaddbf;color:#695022}
.role-detail-page .role-overview-ability>ul{color:var(--archive-muted);font-size:13px;line-height:1.75}
.role-detail-page .role-overview-ability h2{font-size:12px;letter-spacing:.04em}
.role-detail-page .role-source-note{font-size:12px;line-height:1.75}
.role-detail-page .role-reading-layout .mw-parser-output{color:var(--archive-ink);font-size:15px;line-height:1.9}
.role-detail-page .role-reading-layout :is(h2,h3){color:var(--archive-ink);border-color:var(--archive-line);line-height:1.5}
.role-detail-page .role-reading-layout h2{font-size:22px;margin-top:1.7em;margin-bottom:.8em}
.role-detail-page .role-reading-layout h3{font-size:18px;margin-top:1.4em;margin-bottom:.65em}
.role-detail-page .role-reading-layout :is(.callout-info,.callout:not(.callout-warning):not(.callout-danger)){background:var(--archive-sheet);border-color:var(--archive-brass);color:var(--archive-ink)}
.role-detail-page .role-reading-layout table.wikitable{background:var(--archive-sheet);border-color:var(--archive-line);color:var(--archive-ink)}
.role-detail-page .role-reading-layout table.wikitable :is(th,td){border-color:var(--archive-line);line-height:1.75}
.role-detail-page .role-contents>summary{color:#51422e;font-size:13px}
.role-detail-page :is(.role-overview,.role-reading-layout) a{color:#305c7d;text-underline-offset:3px}
.role-detail-page :is(.role-overview,.role-reading-layout) a:visited{color:#66516c}
.role-detail-page :is(.role-overview,.role-reading-layout) a:hover{color:#24465e;text-decoration:underline}
.role-detail-page :is(a,summary):focus-visible{outline:2px solid #305c7d;outline-offset:3px}
@media(max-width:640px){.role-detail-page .role-reading-layout h2{font-size:20px}.role-detail-page .role-reading-layout h3{font-size:17px}}

/* An editorial cover: warm brass, ink, generous type and quiet paper sections. */
@media screen{
 .home-page .home-hero{padding:48px 42px 32px;background:#25262b}
 .home-page .home-hero::before{background:radial-gradient(ellipse at 85% 24%,#a7814430,transparent 52%),linear-gradient(125deg,#20242a,#303034)}
 .home-page .home-cover{min-height:320px;grid-template-columns:minmax(0,1fr) 300px;gap:32px}
 .home-page .home-hero h1{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-size:clamp(42px,4.6vw,64px);font-weight:700;letter-spacing:.035em;line-height:1.26;margin:24px 0}
 .home-page .home-hero h1 em{color:#e8cc98}
 .home-page .home-eyebrow{font-size:10px;letter-spacing:.18em;color:#c9b99d}
 .home-page .home-intro>p{font-size:15px;line-height:1.95;color:#d0c7b8}
 .home-page .home-actions{gap:10px;margin-top:28px}
 .home-page .home-actions a{border-radius:5px;min-height:44px;padding:9px 16px}
 .home-page .home-actions a.home-action-primary{background:linear-gradient(135deg,#eddbb5,#d3b578);border-color:#ead09b;color:#29261f;box-shadow:0 4px 15px #0003}
 .home-page .home-actions a[data-open-guide]{border-color:transparent;padding-inline:8px;color:#d4c9b5;text-decoration:underline;text-underline-offset:5px}
 .home-page .home-clock{width:278px;height:278px;background:radial-gradient(circle,#d0b37c0a,transparent 65%);border-color:#d7bd8655;box-shadow:0 0 0 15px #d7bd8605,0 0 0 35px #d7bd8604,0 15px 50px #0002}
 .home-page .home-clock-label{margin-top:14px;letter-spacing:.3em;color:#c7ae7f}
 .home-page .home-hero .home-shortcuts{gap:0;margin-top:40px;border-top:1px solid #d7bd8640}
 .home-page .home-shortcuts>a{padding:22px 18px 8px;border:0;border-radius:0;background:transparent;gap:8px;box-shadow:none}
 .home-page .home-shortcuts>a+a{border-left:1px solid #d7bd8624}
 .home-page .home-shortcuts>a>span{color:#c7ad7b;font-size:10px;letter-spacing:.14em}
 .home-page .home-shortcuts strong{font-size:18px;letter-spacing:.02em;color:#f2eadc}
 .home-page .home-shortcuts small{font-size:12px;line-height:1.75;color:#c3baaa}
 .home-page .home-shortcuts>a:hover{background:#e4cca00a;transform:translateY(-2px)}
 .home-page .home-product-section{padding:38px 42px}
 .home-page .home-module-heading{margin-bottom:24px;gap:16px}
 .home-page .home-module-heading h2{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-size:26px;letter-spacing:.025em}
 .home-page .home-module-heading>div>span{color:#806c4c;font-size:10px;letter-spacing:.18em}
 .home-page .home-feature-updates{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--archive-line)}
 .home-page .home-feature-updates>a{display:grid;grid-template-columns:144px minmax(0,1fr);column-gap:24px;row-gap:5px;border:0;border-bottom:1px solid var(--archive-line);border-radius:0;padding:18px 0;background:transparent;color:var(--archive-ink)}
 .home-page .home-feature-updates>a>span{grid-row:1 / 3;display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:11px;line-height:1.8;color:var(--archive-muted)}
 .home-page .home-feature-updates strong{font-size:15px;line-height:1.7;margin:0;color:var(--archive-ink)}
 .home-page .home-feature-updates small{display:block;font-size:12px;line-height:1.85;color:var(--archive-muted)}
 .home-page .home-feature-updates time{font-variant-numeric:tabular-nums;color:var(--archive-muted)}
 .home-page .home-feature-updates>a:hover{background:#faf5e966}
 .home-page .home-feature-updates>a:hover strong{text-decoration:underline;text-underline-offset:4px}
 .home-page .home-feature-updates>a:focus-visible{outline:2px solid var(--archive-brass);outline-offset:4px}
 .home-page .home-collection{padding:22px 18px;border-radius:10px;background:#faf5e9a8}
 .home-page .home-classic-grid{gap:0}
 .home-page .home-classic{padding:10px 20px;gap:12px;background:transparent;border:0;border-radius:0;align-items:center}
 .home-page .home-classic:first-child{padding-left:0}
 .home-page .home-classic+.home-classic{border-left:1px solid var(--archive-line)}
 .home-page .home-classic-copy>strong{margin:3px 0 0;font-size:17px}
 .home-page .home-classic-action{display:none}
 .home-page .home-classic:hover{background:#faf5e966}
 .home-page .home-product-about{padding:32px 42px;background:#e8dcc344}
}
@media screen and (min-width:821px) and (max-width:1150px){
 .home-page .home-hero{padding:36px 28px 26px}.home-page .home-cover{grid-template-columns:minmax(0,1fr) 190px;gap:16px}.home-page .home-clock{width:184px;height:184px}.home-page .home-hero h1{font-size:42px}.home-page .home-shortcuts>a:nth-child(3){border-left:0}
}
@media screen and (max-width:820px){
 .home-page .home-hero{padding:30px 22px 22px}.home-page .home-cover{display:block;min-height:0}.home-page .home-hero h1{font-size:42px;margin:22px 0 18px}.home-page .home-eyebrow{font-size:9px;letter-spacing:.1em}.home-page .home-intro>p{font-size:14px}
 .home-page .home-visual{right:-95px;top:32px;opacity:.14}.home-page .home-clock{width:230px;height:230px;box-shadow:none}.home-page .home-actions{margin-top:22px;gap:8px}.home-page .home-actions a{font-size:12px;padding:8px 12px}
 .home-page .home-hero .home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}.home-page .home-shortcuts>a{padding:17px 12px 14px;gap:5px}.home-page .home-shortcuts>a:nth-child(3){border-left:0}.home-page .home-shortcuts>a:nth-child(n+3){border-top:1px solid #d7bd8624}.home-page .home-shortcuts strong{font-size:17px}.home-page .home-shortcuts small{font-size:11px}
 .home-page .home-product-section{padding:28px 20px}.home-page .home-module-heading{align-items:start;flex-wrap:wrap;margin-bottom:18px}.home-page .home-module-heading h2{font-size:23px}.home-page .home-feature-updates>a{grid-template-columns:minmax(0,1fr);padding:16px 0;row-gap:7px}.home-page .home-feature-updates>a>span{grid-row:auto;flex-direction:row;justify-content:space-between;gap:8px}.home-page .home-product-about{padding:26px 20px}
 .home-page .home-classic-grid{grid-template-columns:minmax(0,1fr)}.home-page .home-classic{padding:14px 0}.home-page .home-classic+.home-classic{border-left:0;border-top:1px solid var(--archive-line)}
}
@media(prefers-reduced-motion:reduce){.home-page .home-shortcuts>a:hover{transform:none}}

/* Keep this tablet query aligned with mobileMenu in wiki.js. Phone rules stay unchanged. */
@media screen and (min-width:821px) and (max-width:1024px) and (orientation:portrait){
 .mobile-nav-ready .layout{display:block;padding:20px 16px}
 .mobile-nav-ready .content{min-width:0;width:auto}
 .site-header{display:grid;grid-template-columns:44px auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;z-index:1010}
 .site-header .brand,.site-header .spacer,.site-header .guide-header-link{display:none}
 .site-header .sidebar-toggle{display:grid;place-items:center;grid-column:1;grid-row:1;width:44px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;font-size:26px;line-height:1}
 .site-header .mobile-top-nav{display:flex;grid-column:2;grid-row:1;gap:16px}
 .site-header .mobile-top-nav a{display:flex;align-items:center;min-height:44px;white-space:nowrap}
 .site-header .search{grid-column:3;grid-row:1;display:flex;min-width:0;width:auto;gap:6px}
 .site-header .search input{width:100%;min-width:0;min-height:44px;font-size:16px}
 .site-header .search select{display:none}
 .site-header .search-results{position:fixed;top:var(--wiki-header-height,68px);left:16px;right:16px;width:auto;max-height:max(100px,calc(var(--wiki-viewport-height,100dvh) - var(--wiki-header-height) - 16px));overflow:auto;overscroll-behavior:contain}
 .site-header .admin-link{grid-column:4;grid-row:1}
 .mobile-nav-ready .sidebar{display:block!important;position:fixed;top:var(--wiki-header-height,68px);bottom:0;left:0;z-index:1020;box-sizing:border-box;width:min(78vw,310px);max-height:calc(var(--wiki-viewport-height,100dvh) - var(--wiki-header-height));padding:14px 14px max(28px,env(safe-area-inset-bottom));background:#27272e!important;border-right:1px solid #a991633f;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s;box-shadow:8px 0 24px #080a1433}
 .mobile-nav-ready .sidebar #wiki-navigation{display:block!important}
 .mobile-nav-ready .sidebar :is(a,.sidebar-group>summary,.sidebar-collapse){min-height:44px;box-sizing:border-box;padding-top:10px;padding-bottom:10px;touch-action:manipulation}
 .mobile-nav-ready .sidebar-backdrop{display:block;position:fixed;inset:var(--wiki-header-height,68px) 0 0;z-index:1015;border:0;padding:0;background:#080a1466;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
 .mobile-nav-open{overflow:hidden}
 .mobile-nav-open .sidebar{transform:translateX(0);visibility:visible}
 .mobile-nav-open .sidebar-backdrop{opacity:1;visibility:visible}
}
@media screen and (min-width:821px) and (max-width:1024px) and (orientation:portrait) and (prefers-reduced-motion:reduce){
 .mobile-nav-ready .sidebar,.mobile-nav-ready .sidebar-backdrop{transition:none}
}