/* Atlas readability pass, 23 Sep 2026 (TASK-43). Loaded last, on the atlas page only.

   Travis, looking at the For the King atlas: the controls unlock most of the value but are hard to
   notice, some treemap tiles had no text, and some text was too small to read. So:
   - nothing in the atlas renders below 12px, and body text meets WCAG AA contrast;
   - the tabs stay on screen, the filters read as the levers they are, and an active one shows;
   - every number that opens reviews looks like it, and says what it opens on hover;
   - each game is named with its Steam art. */

/* ---- The cover: each game's art, linking to its Steam page ------------------------------- */
.atlas-page .cover-art{gap:12px;align-items:flex-start}
.cover-game{display:flex;flex-direction:column;gap:9px;color:var(--bone-soft);font:500 14px/1.3 var(--font-sans);text-decoration:none}
.cover-game img{transition:border-color .15s}
.cover-game:hover{color:var(--bone)}
.cover-game:hover img{border-color:var(--gold)}
.cover-game:hover span{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.nowrap{white-space:nowrap}
.atlas-page .cover-note .text-link{color:var(--bone);border-bottom:1px solid rgba(236,237,240,.4);padding-bottom:3px;text-decoration:none}
.atlas-page .cover-note .text-link:hover{border-color:var(--gold)}
.atlas-page .cover-note.is-offline{gap:14px}
.atlas-page .cover-note.is-offline .button{display:inline-flex;align-items:center;padding:0 22px;text-decoration:none}
.atlas-page .cover-note .cover-offline{margin:4px 0 0;max-width:260px;white-space:normal;text-align:right;font:14px/1.45 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--bone-soft)}
@media(max-width:800px){.cover-game{flex:1;min-width:0}.cover-game img{width:100%!important}.atlas-page .cover-note .cover-offline{text-align:left}}

/* ---- The tabs: larger, and on screen while you scroll --------------------------------------- */
.atlas-deck{position:sticky;top:var(--site-header-h,0px);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}
.atlas-page .report-nav{border-bottom:0;gap:34px;min-width:0}
.atlas-page .report-nav button{font:500 17px/1 var(--font-sans);letter-spacing:-.005em;text-transform:none;color:#4a4c52;padding:21px 1px 17px;border-bottom:3px solid transparent;cursor:pointer}
.atlas-page .report-nav button:hover{color:var(--ink);border-bottom-color:var(--rule)}
.atlas-page .report-nav button.active{color:var(--ink);font-weight:600;border-bottom-color:var(--gold)}
.deck-scope{display:flex;align-items:center;gap:8px;flex:none;font:14px var(--font-sans);color:#4a4c52}
.deck-count b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.filter-chip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 9px 0 13px;border:1px solid var(--gold);border-radius:999px;background:#fbf1d4;color:var(--ink);font:500 14px var(--font-sans);cursor:pointer}
.filter-chip span{font-size:17px;line-height:1;color:#7a5a08}
.filter-chip:hover{background:#f6e3ac}
#report-view{scroll-margin-top:calc(var(--site-header-h,0px) + 72px)}
@media(max-width:1000px){.deck-scope{display:none}.atlas-page .report-nav{gap:26px}.atlas-page .report-nav button{font-size:16px}}

/* ---- The filters: one panel that says what it does, an active filter marked --------------- */
.atlas-page .filter-panel{display:grid;grid-template-columns:minmax(170px,210px) minmax(0,1fr);gap:26px;align-items:center;margin:22px 0 16px;padding:18px 22px;background:var(--panel);border:1px solid var(--rule);border-radius:6px}
.filter-intro strong{display:block;font:600 17px/1.25 var(--font-sans);color:var(--ink)}
.filter-intro span{display:block;margin-top:5px;font:14px/1.45 var(--font-sans);color:#4a4c52}
.atlas-page .filter-panel .filter-bar{padding:0;gap:14px;align-items:flex-end}
.atlas-page .filter-bar label{font:600 14px/1.2 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--ink);gap:8px}
.atlas-page .filter-bar select{height:46px;padding:0 12px;font:500 15px var(--font-sans);color:var(--ink);background-color:#fff;border:1.5px solid #b9b4a6;border-radius:4px;cursor:pointer}
.atlas-page .filter-bar select:hover{border-color:var(--ink)}
.atlas-page .filter-bar select:disabled{cursor:not-allowed;color:#55575c;background-color:var(--paper-2)}
.atlas-page .filter-bar label.is-active select{border-color:var(--gold);background-color:#fbf1d4;box-shadow:0 0 0 1px var(--gold)}
.atlas-page .filter-bar #reset-scope{align-self:flex-end;margin:0;height:46px;padding:0 16px;font:600 14px var(--font-sans);color:var(--ink);background:transparent;border:1.5px solid #b9b4a6;border-radius:4px;cursor:pointer;white-space:nowrap}
.atlas-page .filter-bar #reset-scope:hover:not(:disabled){border-color:var(--ink)}
.atlas-page .filter-bar #reset-scope:disabled{opacity:.5;cursor:default}
@media(max-width:1000px){.atlas-page .filter-panel{grid-template-columns:1fr;gap:14px}}
@media(max-width:550px){.atlas-page .filter-panel{margin-top:0;padding:14px}.filter-intro{display:none}.atlas-page .filter-drawer>summary{font:600 16px var(--font-sans)}}

/* ---- What the numbers are, and that every one is a link ------------------------------------ */
.atlas-page .scope-line{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:2px 0 22px;border-bottom:0;font:14px var(--font-sans);color:#4a4c52}
.scope-figures{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.atlas-page .scope-line button{font-size:14px;color:var(--ink);border-bottom:0}
.scope-note{margin-left:6px}
.atlas-page .scope-line .scope-hint{display:inline-flex;align-items:center;gap:11px;margin:0;width:auto;padding:6px 16px 6px 6px;font:500 15px var(--font-sans);color:var(--ink);background:#fbf1d4;border:1px solid #ecd28a;border-radius:999px}
.hint-mark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--night);font:700 14px/1 var(--font-sans)}
@media(max-width:700px){.atlas-page .scope-line .scope-hint{border-radius:8px;font-size:14px}}

/* A number that opens reviews: a gold dotted underline, solid on hover. Card-shaped ones light up. */
.atlas-page .ev{cursor:pointer}
.atlas-page .ev:not(.coverage):not(.compare-metric):not(.inspector-metric):not(.inspected-value):not(.rate-number),.atlas-page .cover-figure{text-decoration:underline dotted;text-decoration-color:rgba(212,160,18,.8);text-decoration-thickness:1.5px;text-underline-offset:4px;border-bottom:0}
.atlas-page .ev:not(.coverage):not(.compare-metric):not(.inspector-metric):not(.inspected-value):hover,.atlas-page .cover-figure:hover{text-decoration-style:solid;text-decoration-color:var(--gold)}
.atlas-page .rate-number.ev:hover,.atlas-page .inspected-value.ev:hover strong,.atlas-page .compare-metric.ev:hover strong,.atlas-page .inspector-metric.ev:hover strong{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:6px}
.atlas-page .coverage.ev:hover{border-color:var(--gold)}

/* ---- Each game named with its art ------------------------------------------------------- */
.game-art{width:64px;height:30px;flex:none;object-fit:cover;border-radius:2px;border:1px solid var(--rule)}
.atlas-page .series-key{font:500 14px var(--font-sans);gap:22px;color:var(--ink)}
.atlas-page .series-key span{gap:8px}
.atlas-page .series-name,.atlas-page .recommendation-profile .series-name,.atlas-page .compare-metric .series-name,.atlas-page .inspector-metric .series-name,.atlas-page .inspected-game .series-name{font:500 14px var(--font-sans);letter-spacing:0;text-transform:none;color:var(--ink);gap:8px;white-space:nowrap}

/* ---- The theme map (dark) ---------------------------------------------------------------- */
.atlas-page .atl-top p{font-size:15px;color:var(--bone-soft)}
.atlas-page .atl-key{font:500 14px var(--font-sans);color:var(--bone-soft)}
.atlas-page .atl-key .atl-swatch{width:10px;height:10px}
.atlas-page .atl-groups button{font:500 14px var(--font-sans);letter-spacing:0;text-transform:none;min-height:40px;padding:8px 14px;color:var(--bone-soft)}
.atlas-page .atl-groups button:hover{color:var(--bone)}
.atlas-page .atl-groups button[aria-pressed=true]{color:var(--night)}
.atlas-page .atl-selects label,.atlas-page .atl-reading label{font:600 13px var(--font-sans);letter-spacing:0;text-transform:none;color:var(--bone-soft);gap:7px}
.atlas-page .atl-selects select,.atlas-page .atl-reading select{min-height:42px;font:500 14px var(--font-sans);border-color:rgba(236,237,240,.4);border-radius:4px;cursor:pointer}
.atlas-page .atl-reading p{font-size:14px;color:var(--bone-soft)}
.atlas-page .atl-tile-label{display:block;overflow:visible;white-space:nowrap;overflow-wrap:normal;-webkit-line-clamp:unset;line-height:1.2;letter-spacing:0}
.atlas-page .atl-tile-inner{gap:6px}
.atlas-page .atl-tile-caption{font:500 13px var(--font-sans);letter-spacing:0;text-transform:none;color:var(--bone-soft)}
.atlas-page .atl-tile-count small,.atlas-page .atl-tile.is-roomy .atl-tile-count small{font:500 12px var(--font-sans);letter-spacing:0;text-transform:none;color:var(--bone-soft);margin-left:6px}
.atlas-page .atl-tile.is-large .atl-tile-count small{display:block;margin:6px 0 0;font-size:14px}
.atlas-page .atl-tile-stat small,.atlas-page .atl-tile.is-large .atl-tile-stat small{font:500 13px var(--font-sans);letter-spacing:0;color:var(--bone-soft)}
.atlas-page .atl-tile-track{height:3px}
.atlas-page .atl-tile.is-hinted .atl-tile-inner{border:2px solid var(--gold);filter:brightness(1.2)}
.atlas-page .atl-tile-dot{width:5px;height:5px;background:rgba(236,237,240,.6)}
.atlas-page .atl-map-note{font:14px/1.5 var(--font-sans);color:var(--bone-soft);margin:14px 2px 18px}
.atlas-page .atl-mini-key{font:500 13px var(--font-sans);color:var(--bone-soft);margin:0 2px 18px}
.atlas-page .atl-mini-key small{font-size:13px;color:var(--bone-mute)}
.atlas-page .atl-mini-key i{width:16px}
.atlas-page .atl-directory{font-size:14px;color:var(--bone-soft)}
.atlas-page .atl-directory summary{font:500 15px var(--font-sans);color:var(--bone);padding:16px 2px}
.atlas-page .atl-directory summary>span{font:500 13px var(--font-mono);color:var(--bone-soft)}
.atlas-page .atl-directory button{font:500 14px var(--font-sans);color:var(--bone-soft)}
.atlas-page .atl-directory button small{font-size:12px}
.atlas-page .atl-directory button>span:last-child{color:var(--bone-soft)}

/* The smaller themes: each tile too small to name, named here with its count and shares. */
.atl-small{margin:2px 0 24px;padding:20px 22px 22px;border:1px solid rgba(236,237,240,.16);border-radius:8px;background:linear-gradient(180deg,rgba(236,237,240,.055),rgba(236,237,240,.015));box-shadow:inset 0 1px 0 rgba(236,237,240,.07)}
.atl-small-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.atl-small-head h3{margin:0 0 5px;font:500 18px/1.2 var(--font-sans);letter-spacing:-.01em;color:var(--bone)}
.atl-small-head p{margin:0;font:14px/1.45 var(--font-sans);color:var(--bone-soft)}
.atl-small-head>span{flex:none;font:500 13px var(--font-mono);color:var(--gold-soft)}
.atl-small-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:8px}
.atl-small-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:7px 12px;padding:11px 14px 12px;text-align:left;color:var(--bone);font-family:inherit;background:rgba(236,237,240,.04);border:1px solid rgba(236,237,240,.1);border-left:3px solid var(--praise);border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s}
.atl-small-item.atl-complaint{border-left-color:#a34c25}.atl-small-item.atl-meta{border-left-color:var(--meta)}
.atl-small-item:hover,.atl-small-item.is-hinted{background:rgba(236,237,240,.1);border-color:rgba(236,237,240,.4)}
.atl-small-item[aria-pressed=true]{background:rgba(212,160,18,.14);border-color:var(--gold)}
.atl-small-name{min-width:0;font:500 14px/1.3 var(--font-sans)}
.atl-small-name .atl-swatch{display:none}
.atl-small-count{font:400 16px var(--font-sans);font-variant-numeric:tabular-nums}
.atl-small-games{grid-column:1 / -1;display:flex;gap:16px;font:500 12px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--bone-soft)}
.atl-small-games span{display:inline-flex;align-items:center;gap:6px}
.atl-small-games i{display:inline-block;width:12px;height:3px}
@container (max-width:520px){.atl-small{padding:16px}.atl-small-head{display:block}.atl-small-head>span{display:block;margin-top:8px}}

/* The inspector beside the map */
.atlas-page .atl-detail-kicker{font:500 13px var(--font-sans);letter-spacing:0;text-transform:none;color:var(--bone-soft)}
.atlas-page .atl-definition{font-size:15px;line-height:1.6;color:var(--bone-soft)}
.atlas-page .atl-caveat{font-size:14px}
.atlas-page .atl-metric-name{font:500 14px var(--font-sans);letter-spacing:0;text-transform:none;color:var(--bone);gap:9px}
.atlas-page .atl-metric-name img{width:96px;height:45px;flex:none;object-fit:cover;border-radius:2px;border:1px solid rgba(236,237,240,.22)}
.atlas-page .atl-metric-name i{width:12px}
.atlas-page .atl-game-metrics small{font:500 13px var(--font-sans);color:var(--bone-soft);align-items:baseline}
.atlas-page .atl-game-metrics small b{font:600 13px var(--font-sans);color:var(--gold-soft)}
.atlas-page .atl-game-metrics em{font-size:13px;color:var(--bone-soft)}
.atlas-page .atl-delta strong small{font-size:15px}
.atlas-page .atl-delta>span{font-size:14px;line-height:1.45;color:var(--bone)}
.atlas-page .atl-delta>span small{display:block;margin-top:3px;font-size:13px;color:var(--bone-mute)}
.atlas-page .atl-detail-actions{gap:8px;margin-top:26px}
.atlas-page .atl-detail-actions button{font:500 15px var(--font-sans);color:var(--bone-soft);align-items:center;min-height:40px}
.atlas-page .atl-detail-actions button:hover{color:var(--bone)}
.atlas-page .atl-detail-actions button.atl-read{min-height:50px;padding:0 18px;font-weight:600;color:var(--night);background:var(--bone);border:0;border-radius:4px}
.atlas-page .atl-detail-actions button.atl-read:hover{color:var(--night);background:#fff}
.atlas-page .atl-detail-note{margin-top:20px;font-size:13px;line-height:1.6;color:var(--bone-mute)}

/* ---- The light charts: axis and footnote text at a readable size ------------------------------ */
.atlas-page .chart-footnote,.atlas-page .flow-help{font-size:14px;line-height:1.55;color:#4a4c52}
.atlas-page .viz-heading p,.atlas-page .workspace-heading p{font-size:15px;color:#4a4c52}
.atlas-page .rate-labels,.atlas-page .rate-labels .small-evidence{font:500 14px var(--font-sans);color:#4a4c52}
.atlas-page .inspector-kicker{font:500 13px var(--font-sans);letter-spacing:0;text-transform:none;color:#4a4c52}
.atlas-page .compare-metric small,.atlas-page .inspector-metric span:last-child{font:500 13px var(--font-sans);color:#4a4c52}
.atlas-page .segmented button{font:500 14px var(--font-sans);letter-spacing:0;text-transform:none}
.atlas-page .method-copy p{color:var(--ink-soft)}
.atlas-page .method-layout aside p{color:#4a4c52}

/* ---- The tooltip ---------------------------------------------------------------------------- */
.atlas-tip{position:fixed;left:0;top:0;z-index:1000;max-width:340px;padding:13px 15px 12px;color:var(--bone);background:var(--night);border:1px solid rgba(236,237,240,.18);border-radius:6px;box-shadow:0 14px 34px rgba(11,15,26,.34);font:14px/1.4 var(--font-sans);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .1s,visibility .1s}
.atlas-tip.is-on{opacity:1;visibility:visible}
.tip-kicker{display:flex;align-items:center;gap:7px;margin-bottom:3px;font-size:13px;color:var(--bone-soft)}
.tip-swatch{width:9px;height:9px;border-radius:1px;background:var(--bone-mute)}
.tip-praise{background:var(--praise)}.tip-complaint{background:#a34c25}.tip-meta{background:var(--meta)}
.tip-title{margin-bottom:8px;font:600 16px/1.3 var(--font-sans);letter-spacing:-.01em;color:#fff}
.tip-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1px 14px;padding:6px 0;border-top:1px solid rgba(236,237,240,.1)}
.tip-title+.tip-row,.tip-kicker+.tip-row{border-top:0}
.tip-name{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--bone)}
.tip-name img{width:52px;height:24px;flex:none;object-fit:cover;border-radius:2px}
.tip-game-0 .tip-name::before,.tip-game-1 .tip-name::before{content:'';width:10px;height:3px;flex:none;background:var(--bone)}
.tip-game-1 .tip-name::before{background:var(--gold-soft)}
.tip-row b{font:600 17px var(--font-sans);font-variant-numeric:tabular-nums;color:#fff;text-align:right}
.tip-row small{grid-column:1 / -1;font-size:13px;color:var(--bone-soft);font-variant-numeric:tabular-nums}
.tip-note{margin-top:6px;font-size:13px;color:var(--bone-soft)}
.tip-action{margin-top:9px;padding-top:9px;border-top:1px solid rgba(236,237,240,.14);font:500 13px var(--font-sans);color:var(--gold-soft)}
@media(prefers-reduced-motion:reduce){.atlas-tip{transition:none}}

/* ---- Found by measuring every view: chart text under 12px once scaled, and grey on paper-2 --- */
.atlas-page .inspector-review span,.atlas-page .comparison-inspector .chart-footnote,.atlas-page .landscape-key small{font-size:13px}
.atlas-page .landscape-scroll svg text{font-size:13px}
.atlas-page .landscape-scroll svg .landscape-label{font-size:13px}
.atlas-page .trend-scale-strip span,.atlas-page .inspected-period span,.atlas-page .trend-selection-help span,.atlas-page .trend-selection-help{font-size:13px;color:#4a4c52}

/* ---- Each chart's own controls, at the same size as the filters -------------------------------- */
.atlas-page .flow-controls label,.atlas-page .trend-toolbar label,.atlas-page .sort-control,.atlas-page .theme-search{font:600 14px var(--font-sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.atlas-page .flow-controls select,.atlas-page .trend-toolbar select,.atlas-page .sort-control select,.atlas-page .library-controls select,.atlas-page .library-controls input{min-height:42px;font:500 15px var(--font-sans);color:var(--ink);background-color:#fff;border:1.5px solid #b9b4a6;border-radius:4px}
.atlas-page .flow-controls select:hover,.atlas-page .trend-toolbar select:hover,.atlas-page .library-controls select:hover{border-color:var(--ink)}
/* The inspector's two game columns are narrow: the art sits above the name, so the name stays on one line. */
.atlas-page .compare-metric .series-name{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}
.atlas-page .compare-metric .series-name .game-art{grid-column:1 / -1;grid-row:1;width:100%;max-width:220px;height:auto;aspect-ratio:460 / 215}
.atlas-page .recommendation-profiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.atlas-page .overview-detail-links .text-action{font:500 15px var(--font-sans)}

/* ---- Phones: charts keep readable text by scrolling sideways rather than shrinking ------------ */
.atlas-page .filter-drawer>summary span{font-size:13px}
@media(max-width:700px){
 .atlas-page .viz-svg{overflow-x:auto}
 .atlas-page .viz-svg svg{min-width:480px}
 .atlas-page .inspected-value span,.atlas-page .inspected-game .small-evidence{font-size:13px}
}

/* ---- Chart text stays readable at any width ----------------------------------------------------
   The charts are SVG drawn to a fixed size and scaled to their column, so their text scales too.
   The trend charts are laid out by period, not by label width, so atlas.js measures each one's
   scale (--k) and the text is sized by the inverse, so it renders at 13px whatever the column. The
   trend chart is never drawn below 1000px wide, so its month labels keep their spacing; narrower
   than that it scrolls. The rank flow and the scatter place labels by their drawn size, so they
   are never drawn smaller than their own width: the inspector moves under them below 1360px, and
   in a narrow window they scroll sideways. */
.atlas-page #trend-plot svg .axis-label,.atlas-page #trend-plot svg .year-label,.atlas-page #trend-plot svg .trend-end-label{font-size:calc(13px / var(--k,1))}
.atlas-page #trend-plot svg .volume-title{font-size:calc(12px / var(--k,1));letter-spacing:.04em}
.atlas-page .viz-svg svg text,.atlas-page .inspector-trend svg text{font-size:calc(13px / var(--k,1))}
.atlas-page #rank-flow svg .flow-rank,.atlas-page #rank-flow svg .flow-value{font-size:13px}
.atlas-page .high-fidelity-chart svg{min-width:1000px}
.atlas-page .rank-flow-scroll svg{min-width:880px}
.atlas-page .landscape-scroll svg{min-width:930px}
@media(max-width:1360px){
 .atlas-page .comparison-workspace{grid-template-columns:minmax(0,1fr)}
 .atlas-page .comparison-inspector{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
 .atlas-page .comparison-inspector>.inspector-kicker,.atlas-page .comparison-inspector>h3,.atlas-page .comparison-inspector>.definition{grid-column:1/-1}
 .atlas-page .comparison-metrics{align-self:center}
}
.atlas-page .review .meta{font-size:14px}

/* ---- The tooltip setting: off, instant or delayed, in the tab bar ------------------------------ */
.deck-side{display:flex;align-items:center;gap:18px;flex:none}
.tip-setting{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--rule);border-radius:999px;background:var(--panel)}
.tip-setting>span{padding:0 8px 0 10px;font:500 13px var(--font-sans);color:#4a4c52}
.tip-setting button{min-height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;font:500 13px var(--font-sans);color:#4a4c52;cursor:pointer}
.tip-setting button:hover{color:var(--ink);background:var(--paper-2)}
.tip-setting button[aria-pressed=true]{color:var(--paper);background:var(--ink)}
.tip-setting.in-filters{display:none}
@media(max-width:700px){.atlas-deck .tip-setting{display:none}.tip-setting.in-filters{display:inline-flex;justify-self:start;margin-top:4px}}

/* ---- The one-game atlas (atlas-single.js) -------------------------------------------------------
   Four theme groups rather than the comparison atlas's three, one game's colour instead of two, the
   bare verdicts drawn as Steam's thumbs, and uncertified themes (TASK-41) dashed and scored. */
:root{--suggestion:#8b74d6;--context:#8a93a3;--suggestion-text:#5a45a8;--context-text:#4c5566}
.atl-swatch.atl-suggestion,.tip-suggestion{background:var(--suggestion)}.atl-swatch.atl-context,.tip-context{background:var(--context)}
.atl-tile.atl-suggestion .atl-tile-inner{background:color-mix(in srgb,var(--suggestion) 40%,var(--night-2));border-color:rgba(236,237,240,.1)}
.atl-tile.atl-context .atl-tile-inner{background:color-mix(in srgb,var(--context) 40%,var(--night-2));border-color:rgba(236,237,240,.1)}
.atl-tile.is-selected.atl-suggestion .atl-tile-inner{background:color-mix(in srgb,var(--suggestion) 56%,var(--night-2))}
.atl-tile.is-selected.atl-context .atl-tile-inner{background:color-mix(in srgb,var(--context) 56%,var(--night-2))}
.atl-small-item.atl-suggestion{border-left-color:var(--suggestion)}.atl-small-item.atl-context{border-left-color:var(--context)}
.atl-tile.is-uncertified .atl-tile-inner{border:1px dashed rgba(236,237,240,.6);background-image:repeating-linear-gradient(135deg,transparent 0 7px,rgba(236,237,240,.05) 7px 14px)}
.atl-small-item.is-uncertified{border-style:dashed;border-left-style:solid}
.atl-uncertified-note{margin:0 0 12px;padding:9px 11px;border:1px dashed rgba(236,237,240,.4);border-radius:4px;font-size:13px;line-height:1.5;color:var(--bone-soft)}
.atl-uncertified-note b{display:block;color:var(--gold);font-weight:600}
.thumb{width:1em;height:1em;fill:currentColor;display:block}.thumb.is-down{transform:rotate(180deg)}
.atlas-single .overview-context-grid.is-single{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.rec-hero{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:22px;align-items:center;margin-top:6px}
.rec-art{width:100%;aspect-ratio:460/215;object-fit:cover;border-radius:4px;display:block;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.rec-figure{display:flex;flex-direction:column;gap:6px;min-width:0}
.atlas-single .rec-figure .rate-number{font:300 64px/1 var(--font-display);letter-spacing:-.03em;color:#1f6aa6;text-align:left;align-self:flex-start}
.rec-caption{display:inline-flex;align-items:center;gap:9px;font:500 16px var(--font-sans);color:var(--ink)}
.rec-thumb{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:4px;flex:none;color:#fff;background:#1f6aa6}.rec-thumb .thumb{width:14px;height:14px}
.rec-thumb.is-down{background:#a34c25}
.atlas-single .rec-panel .rate-band{height:14px;border-radius:3px;margin:22px 0 10px}
.atlas-single .rec-panel .rate-band button:first-child{background:#3f86c6}.atlas-single .rec-panel .rate-band button:last-child{background:#a34c25}
.atlas-single .rec-panel .rate-labels{align-items:center}
.atlas-single .rec-panel .rate-labels .small-evidence{display:inline-flex;align-items:center;gap:8px}
.atlas-single .rec-panel .rate-labels .rec-thumb{width:22px;height:22px}.atlas-single .rec-panel .rate-labels .rec-thumb .thumb{width:12px;height:12px}
.rec-bare{margin-top:26px;padding-top:20px;border-top:1px solid var(--rule)}
.rec-bare h3{margin:0 0 6px;font:500 18px var(--font-sans);letter-spacing:-.01em;color:var(--ink)}
.rec-bare>p{margin:0;font-size:14px;line-height:1.5;color:#4a4c52;max-width:560px}
.rec-bare-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}
.bare-verdict{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--rule);border-radius:6px;background:var(--panel);text-align:left;cursor:pointer;font:inherit;color:var(--ink);transition:border-color .15s,background .15s}
.bare-verdict:hover{border-color:#1f6aa6;background:#f3f7fc}.bare-verdict.is-down:hover{border-color:#a34c25;background:#fbf3ef}
.bare-thumb{flex:none;width:44px;height:44px;border-radius:6px;display:grid;place-items:center;color:#fff;background:#1f6aa6}.bare-verdict.is-down .bare-thumb{background:#a34c25}.bare-thumb .thumb{width:22px;height:22px}
.bare-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.bare-copy strong{font:300 32px/1 var(--font-display);letter-spacing:-.02em;color:var(--ink)}
.bare-copy span{font-size:13px;line-height:1.35;color:#4a4c52}
.rec-under{margin:14px 0 0;font-size:14px}
.atlas-page svg .axis-title{font-family:var(--font-sans);font-weight:500;letter-spacing:0;fill:#4a4c52}
.atlas-page .viz-svg svg .axis-title{font-size:calc(12.5px / var(--k,1))}
.atlas-page #trend-plot svg .axis-title{font-size:calc(13px / var(--k,1))}
.atlas-page .landscape-scroll svg .axis-title{font-size:14px}
.day-volume{fill:#c9ccd2}.day-volume.is-theme{fill:var(--ink)}
.day-volume.is-theme.grp-praise{fill:#3f86c6}.day-volume.is-theme.grp-complaint{fill:#a34c25}.day-volume.is-theme.grp-suggestion{fill:var(--suggestion)}.day-volume.is-theme.grp-context{fill:var(--context)}
.rank-chart.is-single .rank-bar{height:14px}.rank-chart.is-single .rank-fill{height:10px;top:2px;filter:none;border-radius:0 2px 2px 0}
.rank-chart.is-single .rank-value{top:-2px;font:600 13px var(--font-sans)}.rank-chart.is-single .rank-value small{font-weight:500;color:#5b5e66;margin-left:4px}
.rank-bar.grp-praise .rank-fill{background:#3f86c6}.rank-bar.grp-complaint .rank-fill{background:#a34c25}.rank-bar.grp-suggestion .rank-fill{background:var(--suggestion)}.rank-bar.grp-context .rank-fill{background:var(--context)}
.rank-bar.grp-bare.is-up .rank-fill{background:#1f6aa6}.rank-bar.grp-bare.is-down .rank-fill{background:#a34c25}
.rank-bar.grp-under .rank-fill{background:repeating-linear-gradient(135deg,#9a9ca3 0 4px,#c9ccd2 4px 8px)}
.rank-bar.is-uncertified .rank-fill{background:repeating-linear-gradient(135deg,currentColor 0 5px,transparent 5px 9px)!important;outline:1px dashed #6b6e76;outline-offset:-1px}
.rank-bar.is-uncertified.grp-praise{color:#3f86c6}.rank-bar.is-uncertified.grp-complaint{color:#a34c25}.rank-bar.is-uncertified.grp-suggestion{color:var(--suggestion)}.rank-bar.is-uncertified.grp-context{color:var(--context)}
.rank-chart.is-single .rank-label.is-selected{font-weight:650}
.rank-extras{margin-top:18px;padding-top:14px;border-top:1px solid var(--rule)}
.rank-extras h3{margin:0 0 6px;font:500 15px var(--font-sans);color:var(--ink)}
.u-mark{display:inline-block;margin-left:7px;padding:1px 7px;border:1px dashed #8a7040;border-radius:999px;font:600 12px/1.4 var(--font-sans);color:#7a6232;vertical-align:1px}
.uncertified-note{margin:0 0 12px;padding:9px 11px;border:1px dashed #8a7040;border-radius:4px;font-size:13px;line-height:1.5;color:#4a4c52}
.uncertified-note b{display:block;color:#7a6232;font-weight:650}
.single-metrics{display:grid;gap:10px;margin:14px 0}
.atlas-single .single-metrics .compare-metric{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border:1px solid var(--rule);border-radius:6px;background:var(--panel);text-align:left;width:100%}
.atlas-single .single-metrics .compare-metric strong{font:300 34px/1 var(--font-display);letter-spacing:-.02em}
.atlas-single .single-metrics .compare-metric span{font-size:13px;line-height:1.4;color:#4a4c52}
.atlas-single .inspector-kicker .tip-swatch{display:inline-block;width:9px;height:9px;margin-right:7px;vertical-align:0}
.atlas-single .landscape-key>span.key-praise:before{background:var(--praise)}.atlas-single .landscape-key>span.key-complaint:before{background:var(--complaint)}.atlas-single .landscape-key>span.key-suggestion:before{background:var(--suggestion)}.atlas-single .landscape-key>span.key-context:before{background:var(--context)}
.atlas-single .landscape-point.selected .point-core{stroke:var(--ink);stroke-width:2.2}
.atlas-single .landscape-point:hover .point-core,.atlas-single .landscape-point:focus-visible .point-core{fill-opacity:.95}
.method-art{width:100%;max-width:280px;aspect-ratio:460/215;object-fit:cover;border-radius:4px;display:block;margin:10px 0 14px}
.quality-table{border:1px solid var(--rule);border-radius:6px;overflow:hidden;margin:12px 0 4px}
.quality-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,.7fr);gap:12px;padding:9px 14px;border-top:1px solid var(--rule);font-size:14px;line-height:1.4;align-items:center}
.quality-row.is-head{border-top:0;background:var(--paper-2);font-weight:600;font-size:13px}
.quality-row .tip-swatch{display:inline-block;width:8px;height:8px;margin-right:8px}
.quality-row.is-certified span:nth-child(2){color:#1f6aa6;font-weight:600}.quality-row.is-uncertified span:nth-child(2){color:#7a6232;font-weight:600}
.quality-row.is-not-shown,.quality-row.is-too-few-to-score{color:#5b5e66}
.quality-row.is-bare{background:var(--paper-2)}
@media(max-width:1100px){.atlas-single .overview-context-grid.is-single{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.rec-hero{grid-template-columns:minmax(0,1fr)}.rec-bare-grid{grid-template-columns:minmax(0,1fr)}.quality-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.8fr);font-size:13px}.quality-row span:nth-child(4){display:none}}
.atlas-single .method-layout aside img.method-art{display:block;max-width:100%}
.atlas-page .bare-verdict.ev,.atlas-page .bare-verdict.ev *{text-decoration:none}.atlas-page .bare-verdict.ev:hover strong{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:5px}
.rank-chart.is-single .rank-label small,.rank-chart.is-single .rank-value small,.rank-chart.is-single .rank-axis,.rank-chart.is-single .rank-axis span{font-size:12px}.rank-chart.is-single .rank-label small{color:#5b5e66}
@media(max-width:550px){.atlas-single .flow-controls .segmented{flex-wrap:wrap;max-width:100%}.atlas-single .flow-controls .segmented button{flex:1 1 auto}}

/* ---- One-game atlas: the selected-theme panel, chart axes and the crosshair ---------------------------
   The panel sits beside the Themes list and the Theme map, and under them below 1360px, where it lays
   itself out across the width (a container query on its own width, not the window's). */
.atlas-single svg text{font-family:var(--font-sans)}
.atlas-single svg .tick,.atlas-single svg .td-tick{fill:#33363d;font-weight:500}
.atlas-single .viz-svg svg .tick{font-size:calc(13px / var(--k,1))}
.atlas-single #trend-plot svg .tick{font-size:calc(14px / var(--k,1))}
.atlas-single .landscape-scroll svg .tick{font-size:14px}
.atlas-single svg .axis-title{font-weight:600;fill:#15161a;letter-spacing:.005em}
.atlas-single .viz-svg svg .axis-title{font-size:calc(13px / var(--k,1))}
.atlas-single #trend-plot svg .axis-title{font-size:calc(14px / var(--k,1))}
.atlas-single .landscape-scroll svg .axis-title{font-size:15px}
.atlas-single svg .axis-base{stroke:#2b2e35;stroke-width:1.4;fill:none}
.atlas-single svg .grid-line{stroke:#dfe1e6;stroke-width:1}
.atlas-single svg[data-crosshair]{cursor:crosshair;touch-action:pan-y}
.xh-line{stroke:#15161a;stroke-width:1.2;stroke-dasharray:4 3}
.xh-box{fill:#15161a}
.xh-text{fill:#fff;font-weight:600}
.atlas-single .viz-svg svg .xh-text{font-size:calc(13px / var(--k,1))}
.atlas-single #trend-plot svg .xh-text{font-size:calc(14px / var(--k,1))}
.atlas-single .td-chart svg .xh-text{font-size:calc(12.5px / var(--k,1))}
.atlas-single svg circle[data-i]{transition:r .12s}
.atlas-single svg circle[data-i].is-on{r:7px;stroke:#15161a;stroke-width:2.5px}
.atlas-single svg rect.day-volume.is-on{fill:#9ea2ab}
.atlas-single .xh-day:focus-visible{outline:none}
.atlas-single .trend-heading h3{display:flex;align-items:center;gap:10px}
.atlas-single .trend-heading h3 .tip-swatch{width:12px;height:12px;border-radius:2px;flex:none}
/* the Theme map */
.map-zone.is-up{fill:#1f6aa6;fill-opacity:.045}.map-zone.is-down{fill:#a34c25;fill-opacity:.04}
.map-caption{font-size:14px;font-weight:600;fill:#5b5e66}
.map-ref-line{stroke:#15161a;stroke-width:1.4;stroke-dasharray:6 5;opacity:.7}
.map-ref{font-size:14px;font-weight:600;fill:#15161a;paint-order:stroke;stroke:var(--panel);stroke-width:5px;stroke-linejoin:round}
.atlas-single .landscape-point .point-core{fill-opacity:.94;stroke:#fff;stroke-width:1.6}
.atlas-single .landscape-point.is-uncertified .point-core{stroke:#15161a;stroke-width:1.2;fill-opacity:.55}
.atlas-single .landscape-point .point-ring{fill:none;stroke:var(--gold);stroke-width:3}
.atlas-single .landscape-point:hover .point-core{fill-opacity:1;stroke:#15161a}
.atlas-single .landscape-scroll svg .landscape-label{font-size:14px;font-weight:500;fill:#15161a;paint-order:stroke;stroke:var(--panel);stroke-width:4px;stroke-linejoin:round}
.atlas-single .landscape-scroll svg .landscape-label.selected{font-weight:700}
/* the panel */
.atlas-single .comparison-inspector{container-type:inline-size;padding:22px}
.theme-detail{display:flex;flex-direction:column;gap:18px}
.theme-detail{--grp:var(--praise)}.theme-detail.grp-complaint{--grp:var(--complaint)}.theme-detail.grp-suggestion{--grp:var(--suggestion)}.theme-detail.grp-context{--grp:var(--context)}
.td-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.td-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 9px;border-radius:999px;background:var(--paper-2);border:1px solid var(--rule);font:600 12.5px var(--font-sans);color:#15161a}
.td-chip i{width:9px;height:9px;border-radius:50%;background:var(--grp)}
.td-chip.is-uncertified{background:transparent;border:1px dashed #8a7040;color:#7a6232}
.td-head h3{margin:0 0 8px;font:400 30px/1.08 var(--font-display);letter-spacing:-.02em;color:#15161a}
.td-head p{margin:0;font-size:14.5px;line-height:1.55;color:#3d4047}
.theme-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.theme-metric{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:14px 14px 13px;border:1px solid var(--rule);border-top:3px solid var(--grp);border-radius:8px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:#15161a;transition:border-color .15s,box-shadow .15s}
.theme-metric:hover{box-shadow:0 2px 10px rgba(21,22,26,.08);border-color:#b9bcc4}
.metric-label{font:600 12.5px var(--font-sans);color:#3d4047}
.theme-metric strong{font:300 40px/1 var(--font-display);letter-spacing:-.025em}
.theme-metric strong.is-up{color:#1f6aa6}.theme-metric strong.is-down{color:#a34c25}
.metric-note{font-size:13px;line-height:1.35;color:#3d4047}
.metric-rank{font:600 12px var(--font-sans);color:#5b5e66}
.metric-bar{position:relative;display:block;width:100%;height:7px;margin:3px 0 2px;border-radius:4px;background:#e9eaee}
.metric-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:#3f86c6}
.metric-bar b{position:absolute;top:-4px;width:2px;height:15px;border-radius:1px;background:#15161a;transform:translateX(-1px)}
.td-chart{padding:16px 14px 6px;border:1px solid var(--rule);border-radius:8px;background:#fff}
.td-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:2px}
.td-chart h4,.td-quotes h4{margin:0;font:600 15px var(--font-sans);color:#15161a}
.atlas-single .td-chart svg{display:block;width:100%;height:auto}
.atlas-single .td-chart svg text{font-size:calc(12.5px / var(--k,1))}
.atlas-single .td-chart svg .td-peak{font-weight:700;fill:#15161a;paint-order:stroke;stroke:#fff;stroke-width:4px}
.atlas-single .td-chart svg .td-ref{fill:#3d4047;font-weight:600}
.atlas-single .td-chart svg .td-axis{fill:#15161a;font-weight:600}
.td-empty{margin:10px 0;font-size:14px;color:#3d4047}
.td-quotes{display:flex;flex-direction:column;gap:10px}
.theme-quote{position:relative;margin:0;padding:16px 16px 14px;border:1px solid var(--rule);border-left:4px solid #1f6aa6;border-radius:8px;background:#fff}
.theme-quote.is-down{border-left-color:#a34c25}
.theme-quote figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.theme-quote .verdict{font-size:13px}.theme-quote .verdict-icon{width:26px;height:26px}.theme-quote .verdict-icon svg{width:14px;height:14px}
.quote-kind{font:600 12px var(--font-sans);color:#5b5e66}
.theme-quote blockquote{position:relative;margin:0;padding-left:26px;font:400 16px/1.55 var(--font-sans);color:#15161a}
.theme-quote blockquote::before{content:'“';position:absolute;left:-2px;top:-10px;font:400 44px/1 var(--font-display);color:#c9ccd2}
.quote-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:10px 0 8px 26px;font-size:13px;color:#3d4047}
.quote-read{margin-left:26px}
/* A quote's facts as the Review library shows them (Travis, 29 Sep): its helpful votes lead, in gold. */
.theme-quote .quote-facts{margin:12px 0 10px 26px}
.review-fact.fact-votes.is-helpful{border-color:rgba(212,160,18,.5);background:rgba(212,160,18,.16);color:#5c430a;font-weight:600}
.review-fact.fact-votes.is-helpful b{font-size:14px;font-weight:750}
.theme-quote .quote-kind{color:#3d4047;font-weight:650}
.td-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.td-read{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border:0;border-radius:6px;background:#15161a;color:#fff;font:600 15px var(--font-sans);cursor:pointer;text-align:left}
.td-read:hover{background:#2b2e35}
.td-split{display:flex;flex-wrap:wrap;gap:8px 18px}
.td-split .text-action{display:inline-flex;align-items:center;gap:8px;font-size:14px}
.td-split .rec-thumb{width:22px;height:22px}.td-split .rec-thumb .thumb{width:12px;height:12px}
/* Across the width, under the chart: head across the top, the figures beside the day chart, the two reviews side by side. */
@container (min-width:720px){
 .theme-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px 28px;align-items:start}
 .td-head,.theme-detail>.uncertified-note,.td-quotes,.td-actions,.theme-detail>.chart-footnote{grid-column:1/-1}
 .theme-metrics{grid-column:1;grid-template-columns:minmax(0,1fr)}
 .td-chart{grid-column:2;grid-row:span 1}
 .td-quotes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
 .td-quotes h4{grid-column:1/-1}
 .td-actions{flex-direction:row;align-items:center;justify-content:space-between}
 .td-read{flex:none}
}
@media(max-width:1360px){.atlas-single .comparison-inspector{display:block}}
.atlas-single .theme-detail{border-top:0;padding-top:0;margin-top:0}
.atlas-page .theme-metric.ev,.atlas-page .theme-metric.ev *,.atlas-page .td-read.ev,.atlas-page .td-read.ev *{text-decoration:none}
.atlas-page .theme-metric.ev:hover strong{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:6px}
.theme-metric.is-wide{grid-column:1/-1}
.theme-metric strong.is-lang{font-size:28px;line-height:1.1}
.theme-quote blockquote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
@container (min-width:720px){.theme-quote blockquote{-webkit-line-clamp:6}}
.atlas-single .td-chart svg .td-ref{paint-order:stroke;stroke:#fff;stroke-width:4px}
.atlas-page .theme-metric.ev,.atlas-page .td-read.ev,.atlas-page .bare-verdict.ev{text-decoration:none!important}
.td-chart-head{flex-wrap:wrap}.td-chart-head h4{margin-right:auto}
.td-key{display:inline-flex;align-items:center;gap:7px;font:600 12.5px var(--font-sans);color:#3d4047}.td-key i{width:18px;border-top:2px dashed #15161a;opacity:.6}
.theme-quote blockquote{font-size:15px}@container (min-width:720px){.theme-quote blockquote{font-size:16px}}
.atlas-single svg text.xh-text{fill:#fff!important;font-weight:600}

/* The recommend figure, set against all reviews: two labelled bars, one scale. */
.rate-compare{display:grid;grid-template-columns:auto minmax(40px,1fr) auto;align-items:center;gap:7px 10px;width:100%;margin:6px 0 2px;font:500 12.5px var(--font-sans);color:#3d4047}
.rate-compare b{font:600 13px var(--font-sans);color:#15161a;text-align:right;font-variant-numeric:tabular-nums}
.rate-track{position:relative;height:9px;border-radius:5px;background:#e9eaee;overflow:hidden}
.rate-track i{position:absolute;left:0;top:0;bottom:0;border-radius:5px}
.rate-track i.is-up{background:#1f6aa6}.rate-track i.is-down{background:#a34c25}.rate-track i.is-all{background:#8e9199}
.metric-gap{font:600 13px var(--font-sans)}.metric-gap.is-up{color:#1f6aa6}.metric-gap.is-down{color:#a34c25}
/* The chart header: a real button, and a legend for the line and its average. */
.td-open{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #15161a;border-radius:6px;background:#fff;color:#15161a;font:600 13px var(--font-sans);cursor:pointer;transition:background .15s,color .15s}
.td-open:hover{background:#15161a;color:#fff}
.td-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 2px}
.td-key{display:inline-flex;align-items:center;gap:8px;font:600 12.5px var(--font-sans);color:#15161a}
.td-key i{display:inline-block;width:22px;height:0}
.td-key.is-line i{border-top:3px solid var(--grp);border-radius:2px}
.td-key.is-avg i{border-top:2px dashed #15161a;opacity:.7}
.quote-meta .quote-date{font-weight:600;color:#15161a}

/* ---- The crosshair's readout card, and volume bars with colour ------------------------------------- */
.xh-holder{position:relative}
.xh-card{position:absolute;left:0;top:0;z-index:3;min-width:150px;max-width:280px;padding:10px 13px 11px;border-radius:8px;background:#15161a;color:#fff;box-shadow:0 8px 24px rgba(21,22,26,.22);pointer-events:none;font-family:var(--font-sans)}
.xh-card[hidden]{display:none}
.xh-date{font:600 12.5px var(--font-sans);color:#c9ccd2;margin-bottom:3px}
.xh-main{display:flex;align-items:baseline;gap:7px}
.xh-main b{font:400 26px/1.1 var(--font-display);letter-spacing:-.02em;color:#fff}
.xh-main span{font:500 13px var(--font-sans);color:#e3e5ea}
.xh-sub{display:flex;align-items:center;gap:6px;margin-top:4px;font:500 13px var(--font-sans);color:#e3e5ea}
.xh-sub .tip-swatch{display:inline-block;width:9px;height:9px;border-radius:2px;flex:none}
.xh-note{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.18);font:500 12px var(--font-sans);color:#c9ccd2}
.atlas-single svg rect.day-volume{fill:#aebfd6}
.atlas-single svg rect.day-volume.is-on{fill:#4f6f99}
.atlas-single svg .xh-bar-label{font-weight:700;fill:#15161a}
.atlas-single svg .xh-bar-label.is-inside{fill:#fff}
.atlas-single .viz-svg svg .xh-bar-label{font-size:calc(12.5px / var(--k,1))}
.atlas-single #trend-plot svg .xh-bar-label{font-size:calc(13px / var(--k,1))}
/* ---- The tooltip setting: its name is a label beside the choices, not one of them ------------------- */
.tip-setting{gap:8px;padding:0;border:0;background:none;border-radius:0}
.tip-setting>span{display:inline-flex;align-items:center;gap:6px;padding:0;font:600 12.5px var(--font-sans);color:#3d4047;letter-spacing:.01em}
.tip-setting>span::before{content:'';width:15px;height:15px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2.5h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H8.5L5 14.5v-3H2a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1z' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M4.5 6h7M4.5 8.5h4.5' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2.5h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H8.5L5 14.5v-3H2a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1z' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M4.5 6h7M4.5 8.5h4.5' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.tip-setting button{min-height:30px;padding:0 12px;border:1px solid var(--rule);border-radius:0;background:var(--panel);margin-left:-1px}
.tip-setting button:first-of-type{border-radius:999px 0 0 999px;margin-left:0}
.tip-setting button:last-of-type{border-radius:0 999px 999px 0}
.tip-setting button[aria-pressed=true]{position:relative;z-index:1;border-color:var(--ink)}

/* ---- Language patterns (one-game atlas) ------------------------------------------------------------ */
.lang-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 6px}
.lang-callout{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:16px 18px;border:1px solid var(--rule);border-top:3px solid #8a93a3;border-radius:8px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:#15161a;transition:box-shadow .15s,border-color .15s}
.lang-callout:hover{box-shadow:0 2px 12px rgba(21,22,26,.08);border-color:#b9bcc4}
.lang-callout.is-up{border-top-color:#1f6aa6}.lang-callout.is-down{border-top-color:#a34c25}
.lang-callout-label{font:600 12.5px var(--font-sans);color:#3d4047}
.lang-callout strong{font:400 28px/1.1 var(--font-display);letter-spacing:-.02em}
.lang-callout-figure{font:500 14px var(--font-sans);color:#3d4047}.lang-callout-figure b{font-weight:700;color:#15161a}
.atlas-page .lang-callout.ev,.atlas-page .lang-callout.ev *{text-decoration:none!important}
.lang-caption{margin:0 0 16px;font-size:13px;color:#5b5e66}
.lang-panel{padding:22px 24px}
.lang-controls{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:16px}
.lang-controls label{display:inline-flex;align-items:center;gap:10px;font:600 13px var(--font-sans);color:#15161a}
.lang-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font:500 13px var(--font-sans);color:#3d4047}
.lang-legend>span{display:inline-flex;align-items:center;gap:7px}
.lang-legend i{display:inline-block;width:14px;height:10px;border-radius:2px}
.lang-legend i.is-up{background:#3f86c6}.lang-legend i.is-down{background:#a34c25}.lang-legend i.is-avg{width:3px;height:14px;border-radius:1px;background:#15161a}
.lang-scroll{overflow-x:auto;margin:0 -4px;padding:0 4px}
.lang-table{min-width:680px}
.lang-row{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(150px,1fr) minmax(220px,1.7fr) minmax(110px,.6fr);gap:18px;align-items:center;min-height:52px;padding:6px 0;border-top:1px solid #e9eaee}
.lang-row.is-head{min-height:0;padding:0 0 8px;border-top:0;font:600 12.5px var(--font-sans);color:#3d4047}
.lang-row:not(.is-head):hover{background:linear-gradient(90deg,transparent,#f3f5f9 12%,#f3f5f9 88%,transparent)}
.atlas-page .lang-name{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:#15161a}
.atlas-page .lang-name.ev,.atlas-page .lang-name.ev *{text-decoration:none!important}
.lang-name b{font:600 15px var(--font-sans)}.lang-name small{font:500 12.5px var(--font-sans);color:#5b5e66}
.atlas-page .lang-name.ev:hover b{text-decoration:underline!important;text-decoration-color:var(--gold)!important;text-underline-offset:4px}
.lang-volume{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.lang-volume-bar{display:block;height:10px;border-radius:5px;background:#eef0f4;overflow:hidden}
.lang-volume-bar i{display:block;height:100%;border-radius:5px;background:#8fa6c4}
.atlas-page .lang-count,.atlas-page .lang-pct{padding:0;border:0;background:none;font:600 14px var(--font-sans);font-variant-numeric:tabular-nums;color:#15161a;cursor:pointer;min-width:52px;text-align:right}
.lang-rate{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.lang-rate-bar{position:relative;display:flex;height:16px;border-radius:4px;overflow:visible;background:#eef0f4}
.lang-rate-bar button{height:100%;padding:0;border:0;cursor:pointer;transition:filter .15s}
.lang-rate-bar button.is-up{background:#3f86c6;border-radius:4px 0 0 4px}.lang-rate-bar button.is-down{background:#a34c25;border-radius:0 4px 4px 0}
.lang-rate-bar button:hover{filter:brightness(1.12)}
.lang-avg{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1.5px;border-radius:1px;background:#15161a;pointer-events:none;box-shadow:0 0 0 2px #fff}
.lang-gap{font:600 13px var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap}
.lang-gap.is-up{color:#1f6aa6}.lang-gap.is-down{color:#a34c25}.lang-gap.is-few{color:#5b5e66;font-weight:500}.lang-gap.is-plain{color:#3d4047;font-weight:500}
.lang-matrix{min-width:980px}
.lang-mrow{display:grid;gap:5px;align-items:center;margin-top:5px}
.lang-mrow.is-head{align-items:end;margin:0 0 4px;font:600 12.5px/1.3 var(--font-sans);color:#15161a}
.lang-mrow.is-head .is-num{text-align:right}
.lang-theme{display:flex;align-items:flex-start;gap:6px;padding:0 2px 6px;border-bottom:3px solid transparent;text-align:left}
.lang-theme .tip-swatch{width:9px;height:9px;border-radius:2px;flex:none;margin-top:3px}
.lang-mrow.is-all{padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid var(--rule)}
.lang-name.is-all{cursor:default}
.atlas-page .lang-cell{height:40px;padding:0 6px;border:0;border-radius:4px;font:600 13px var(--font-sans);font-variant-numeric:tabular-nums;cursor:pointer;transition:box-shadow .15s}
.atlas-page .lang-cell:hover{box-shadow:inset 0 0 0 2px #15161a}
.atlas-page .lang-cell.is-all{box-shadow:inset 0 0 0 1px rgba(21,22,26,.25)}
.atlas-page .lang-cell.is-masked{background:#f3f4f6;color:#5b5e66;font-weight:500}
.atlas-page .lang-mcount{padding:0;border:0;background:none;text-align:right;font:600 14px var(--font-sans);font-variant-numeric:tabular-nums;color:#15161a}
@media(max-width:900px){.lang-highlights{grid-template-columns:minmax(0,1fr)}}
/* ---- A review's themes, coloured by their group ------------------------------------------------------ */
.review-tags span[class*="grp-"]{display:inline-flex;align-items:center;gap:7px}
.review-tags span[class*="grp-"]::before{content:'';width:8px;height:8px;border-radius:50%;flex:none;background:currentColor;opacity:.9}
.review-tags span.grp-praise{background:#e7f0fa;border-color:#bcd5ee;color:#174f7e}
.review-tags span.grp-complaint{background:#f8ebe5;border-color:#e6c4b4;color:#7e3517}
.review-tags span.grp-suggestion{background:#efebfa;border-color:#d3c9f0;color:#4a3796}
.review-tags span.grp-context{background:#eef0f3;border-color:#d0d5dd;color:#3e4755}
.review-tags span.grp-meta{background:#f7f1e0;border-color:#e3d3a5;color:#6b5418}
/* The figures stack in the narrow sidebar, and sit two across only when the panel has the room. */
.atlas-single .theme-metrics{grid-template-columns:minmax(0,1fr)}
@container (min-width:520px) and (max-width:719px){.atlas-single .theme-metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* ---- Compare: pins, the strip under the tabs, and the pinned series (atlas-single.js) -------------------
   Three pins, each a colour and a marker: ink circle and gold square, as the comparison atlas draws its two
   games, then a berry diamond. All kept clear of the group colours (blue, rust, violet, slate). */
.atlas-single{--pin-0:#15161a;--pin-1:#d4a012;--pin-2:#c0357a}
.pin-0{--pin:var(--pin-0)}.pin-1{--pin:var(--pin-1)}.pin-2{--pin:var(--pin-2)}
.pin-mark{display:inline-block;flex:none;width:10px;height:10px;margin-right:2px;background:var(--pin,#15161a);vertical-align:0}
.pin-mark.pin-0{border-radius:50%}.pin-mark.pin-1{border-radius:1.5px}.pin-mark.pin-2{width:9px;height:9px;margin:0 3px 0 1px;border-radius:1px;transform:rotate(45deg)}
.pin-mark.is-all{width:16px;height:0;border-top:2px dashed #5b5e66;background:none;border-radius:0}
.atlas-page .pin-toggle{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:50%;background:none;color:#7d8089;cursor:pointer;transition:color .15s,background .15s,border-color .15s}
.pin-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.atlas-page .pin-toggle:hover{color:var(--ink);border-color:#c9ccd2;background:#fff}
.atlas-page .pin-toggle.is-pinned{color:#fff;background:var(--pin);border-color:var(--pin)}
.atlas-page .pin-toggle.is-pinned.pin-1{color:#15161a}
.pin-toggle.is-pinned svg{fill:currentColor}
.atlas-page .pin-toggle[aria-disabled="true"]{opacity:.35;cursor:not-allowed;background:none;border-color:transparent}
.atlas-page .pin-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.atlas-page .pin-toggle.is-labelled{display:inline-flex;align-items:center;gap:6px;width:auto;height:32px;padding:0 13px 0 10px;border-color:#c9ccd2;border-radius:999px;background:#fff;color:var(--ink);font:600 13px var(--font-sans)}
.atlas-page .pin-toggle.is-labelled:hover{border-color:var(--ink)}
.atlas-page .pin-toggle.is-labelled.is-pinned{background:var(--pin);border-color:var(--pin);color:#fff}
.atlas-page .pin-toggle.is-labelled.is-pinned.pin-1{color:#15161a}
/* The strip under the tabs, while anything is pinned */
.atlas-single .atlas-deck{flex-wrap:wrap;row-gap:0}
.compare-strip{flex:1 0 100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:10px 0 12px;border-top:1px solid var(--rule)}
.compare-strip[hidden]{display:none}
.compare-label{display:inline-flex;align-items:center;gap:7px;margin-right:4px;font:600 14px var(--font-sans);color:var(--ink)}
.compare-label svg{width:16px;height:16px;fill:var(--ink);stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.atlas-page .compare-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 10px 0 12px;border:1px solid #c9ccd2;border-radius:999px;background:#fff;font:500 14px var(--font-sans);color:var(--ink);cursor:pointer;box-shadow:inset 0 -3px 0 var(--pin)}
.compare-chip>span{font-size:18px;line-height:1;color:#5b5e66}
.atlas-page .compare-chip:hover{border-color:var(--ink)}
.atlas-page .compare-go,.atlas-page .compare-clear{padding:6px 4px;border:0;background:none;font:600 14px var(--font-sans);color:var(--ink);cursor:pointer;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:5px}
.atlas-page .compare-clear{margin-left:auto;font-weight:500;color:#4a4c52;text-decoration-color:#c9ccd2}
/* The "add one" menus */
.atlas-page select.compare-add{min-height:42px;max-width:270px;font:500 15px var(--font-sans);color:var(--ink);background-color:#fff;border:1.5px solid #b9b4a6;border-radius:4px}
.atlas-page select.compare-add:hover{border-color:var(--ink)}
.atlas-page select.compare-add:disabled{opacity:.6}
.atlas-page .trend-toolbar .compare-control{margin-left:auto}
.atlas-page .trend-toolbar .compare-control.is-pair{display:flex;flex-direction:column;gap:6px;font:600 14px var(--font-sans);color:var(--ink)}
.compare-control.is-pair>div{display:flex;gap:8px;flex-wrap:wrap}
.atlas-page .flow-controls .compare-control{margin-left:auto}
/* A legend that opens each series' reviews */
.compare-legend{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.atlas-page .legend-item{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 12px;border:1px solid var(--rule);border-radius:8px;background:#fff;font:500 14px var(--font-sans);color:var(--ink);box-shadow:inset 0 3px 0 var(--pin,transparent);cursor:pointer}
.atlas-page .legend-item.ev,.atlas-page .legend-item.ev *{text-decoration:none!important}
.atlas-page .legend-item.ev:hover{border-color:var(--ink)}
.legend-item b{font-weight:700;font-variant-numeric:tabular-nums}.legend-item small{font-size:12.5px;color:#5b5e66}
.atlas-page .legend-item.is-all{border-style:dashed;cursor:default;background:transparent}
/* Themes: a pin on each row; with languages pinned, one bar per language and the all-languages mark */
.rank-chart.is-single .rank-row{position:relative}
.rank-chart.is-single .rank-row>.pin-toggle{position:absolute;right:6px;top:50%;margin-top:-15px}
.rank-chart.is-single .rank-row.is-pinned .rank-label{font-weight:650}
.rank-chart.is-split .rank-row.is-split{padding-top:10px;padding-bottom:10px}
.rank-chart.is-single .rank-marks.is-split{position:relative;gap:4px}
.rank-chart.is-single .rank-bar.pin-bar{height:13px}
.rank-chart.is-single .rank-bar.pin-bar .rank-fill{height:9px;top:2px;background:var(--pin);border-radius:0 2px 2px 0}
.rank-chart.is-single .rank-bar.pin-bar .rank-value{top:-2px;font:600 12.5px var(--font-sans)}
.rank-all,.rank-all-key{background:repeating-linear-gradient(#5b5e66 0 3px,transparent 3px 6px)}
.rank-all{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;pointer-events:none}
.rank-all-key{display:inline-block;width:2px;height:16px;margin:0 3px}
/* Trends, comparing */
.atlas-single svg .pin-line{fill:none;stroke:var(--pin);stroke-width:2.8px;stroke-linejoin:round;stroke-linecap:round}
.atlas-single svg .pin-line.is-all{stroke:#5b5e66;stroke-width:1.8px;stroke-dasharray:6 5}
.atlas-single svg .pin-point{fill:var(--pin);stroke:var(--pin);stroke-width:1.6px;transform-box:fill-box;transform-origin:center;transition:scale .12s}
.atlas-single svg .pin-point.is-partial{fill:var(--panel)}
.atlas-single svg .pin-point:not(.is-end):not(.is-on){opacity:0}
.atlas-single svg .day-point:not(.is-end):not(.is-on){opacity:0}
.atlas-single svg circle.pin-point[data-i].is-on,.atlas-single svg .pin-point.is-on{r:4.6px;scale:1.5;stroke:var(--panel);stroke-width:1.2px;paint-order:stroke}
.atlas-single svg .pin-point.is-partial.is-on{stroke:var(--pin)}
.atlas-single svg .pin-vol{fill:var(--pin);opacity:.5}
.atlas-single svg .pin-vol.is-on{opacity:.95}
.xh-what{margin:-1px 0 7px;font:500 12px var(--font-sans);color:#c9ccd2}
.xh-rows{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px;row-gap:2px;align-items:center}
.xh-rows>span{font:500 13px var(--font-sans);color:#e7e8ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xh-rows>b{font:700 15px var(--font-sans);font-variant-numeric:tabular-nums;color:#fff;text-align:right}
.xh-rows>small{grid-column:2/-1;margin:-1px 0 5px;font:500 12px var(--font-sans);color:#b9bcc4}
.xh-card .pin-0{--pin:#fff}.xh-card .pin-mark.is-all{border-top-color:#c9ccd2}
.xh-card:has(.xh-rows){min-width:220px}
/* The theme panel: its pin, and the theme in each pinned language */
.td-chips .pin-toggle{margin-left:auto}
.td-langs{display:grid;gap:6px;margin:16px 0 4px}
.td-langs h4{margin:0 0 2px;font:600 13px var(--font-sans);color:#3d4047}
.atlas-page .td-lang{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:9px;row-gap:1px;align-items:center;padding:9px 12px;border:1px solid var(--rule);border-left:3px solid var(--pin);border-radius:6px;background:#fff;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.atlas-page .td-lang.ev,.atlas-page .td-lang.ev *{text-decoration:none!important}
.atlas-page .td-lang:hover{border-color:#b9bcc4;border-left-color:var(--pin)}
.td-lang-name{font:600 14px var(--font-sans)}
.td-lang b{font:700 15px var(--font-sans);font-variant-numeric:tabular-nums}
.td-lang small{grid-column:2/-1;font:500 12.5px var(--font-sans);color:#5b5e66}
/* Theme map: pinned themes ringed in their colour and labelled first */
.atlas-single .landscape-point .pin-ring{fill:none;stroke:var(--pin);stroke-width:3}
.atlas-single .landscape-scroll svg .landscape-label.is-pinned{font-weight:700}
.key-pins{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 14px;font:600 13px var(--font-sans);color:var(--ink)}
.key-pins>span{display:inline-flex;align-items:center;gap:6px;font-weight:500}
/* Languages: a pin on every row, an invitation, and the pinned languages side by side */
.atlas-single .lang-row{grid-template-columns:minmax(150px,1.1fr) minmax(150px,1fr) minmax(220px,1.7fr) minmax(128px,.6fr) 36px}
.atlas-single .lang-table{min-width:760px}
.atlas-single .lang-scroll{position:relative}
.lang-pin{display:flex;justify-content:center}
.lang-row.is-pinned .lang-name b,.lang-mrow.is-pinned .lang-name b{display:inline-flex;align-items:center;gap:7px}
.compare-invite{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:0 0 16px;padding:14px 18px;border:1px dashed #b9bcc4;border-radius:8px;background:#fff}
.compare-invite>svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.compare-invite p{flex:1 1 320px;margin:0;font:14px/1.5 var(--font-sans);color:#3d4047}
.compare-invite b{color:var(--ink);margin-right:3px}
.lang-compare{margin-bottom:16px;padding:22px 24px}
.lc-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-bottom:16px}
.lc-head h3{margin:0;font:500 21px var(--font-sans);letter-spacing:-.01em;color:var(--ink)}
.lc-head p{margin:4px 0 0;font:14px var(--font-sans);color:#4a4c52}
.atlas-page .lc-head .compare-control{display:inline-flex;align-items:center;gap:10px;font:600 14px var(--font-sans);color:var(--ink)}
.lc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.lc-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:14px 16px 12px;border:1px solid var(--rule);border-top:4px solid var(--pin,#b9bcc4);border-radius:8px;background:#fff}
.lc-card.is-all{background:var(--paper);border-top:2px dashed #5b5e66;padding-top:16px}
.lc-name{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;font:600 16px var(--font-sans);color:var(--ink)}
.lc-name .pin-toggle{margin-left:auto}
.atlas-page .lc-count,.atlas-page .lc-rate-num,.atlas-page .lc-theme{padding:0;border:0;background:none;font:inherit;color:var(--ink);cursor:pointer;text-align:left}
.atlas-page .lc-count{font:500 13.5px var(--font-sans);color:#3d4047}.lc-count b{font-weight:700;color:var(--ink)}
.lc-rate{display:flex;align-items:baseline;gap:8px;font:500 13.5px var(--font-sans);color:#3d4047}
.atlas-page .lc-rate-num{font:400 34px/1.05 var(--font-display);letter-spacing:-.02em}
.lc-track{position:relative;display:block;width:100%;height:9px;border-radius:5px;background:#eef0f4}
.lc-track i{display:block;height:100%;border-radius:5px;background:#3f86c6}
.lc-track b{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1.5px;border-radius:1px;background:#15161a;box-shadow:0 0 0 2px #fff}
.lc-card h5{margin:8px 0 0;font:600 12.5px var(--font-sans);color:#3d4047}
.lc-top{display:grid;width:100%;margin:0;padding:0;list-style:none}
.atlas-page .lc-theme{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:5px 0;border-top:1px solid #eef0f3;font:500 13.5px var(--font-sans)}
.lc-theme .tip-swatch{width:9px;height:9px;border-radius:2px}
.lc-theme span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-theme b{font-weight:700;font-variant-numeric:tabular-nums}
.atlas-page .lc-theme:hover span{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.lc-diff{margin-top:24px}
.lc-diff h4{margin:0 0 4px;font:600 16px var(--font-sans);color:var(--ink)}
.lc-diff>p{margin:0 0 14px;font:13.5px/1.5 var(--font-sans);color:#4a4c52}
.lc-axis,.lc-diff-row{display:grid;grid-template-columns:minmax(150px,230px) minmax(0,1fr) 76px;align-items:center;gap:18px}
.lc-axis{margin-bottom:4px;font:500 12px var(--font-sans);color:#5b5e66}
.lc-axis>div{position:relative;height:16px}.lc-axis>div span{position:absolute;transform:translateX(-50%)}
.lc-axis>div span:first-child{transform:none}.lc-axis>div span:last-child{transform:translateX(-100%)}
.lc-axis>span:last-child{text-align:right}
.lc-diff-row{min-height:42px;border-top:1px solid #e9eaee}
.lc-diff-name{display:flex;align-items:center;gap:8px;min-width:0;font:500 14px var(--font-sans);color:var(--ink)}
.lc-diff-name .tip-swatch{width:9px;height:9px;border-radius:2px;flex:none}
.lc-dots{position:relative;height:26px;background:linear-gradient(#e3e5ea,#e3e5ea) center/100% 2px no-repeat}
.lc-all{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:repeating-linear-gradient(#5b5e66 0 3px,transparent 3px 6px)}
.atlas-page .lc-dot{position:absolute;top:50%;display:grid;place-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.lc-dot .pin-mark{width:12px;height:12px;margin:0;box-shadow:0 0 0 2px #fff}
.lc-dot .pin-mark.pin-2{width:11px;height:11px}
.atlas-page .lc-dot:hover{background:rgba(21,22,26,.08)}
.atlas-page .lc-dot:focus-visible{outline:2px solid var(--gold)}
.lc-spread{font:600 13px var(--font-sans);font-variant-numeric:tabular-nums;text-align:right;color:#3d4047}
@media(max-width:700px){.lc-axis,.lc-diff-row{grid-template-columns:minmax(0,1fr) 64px;gap:4px 12px}.lc-diff-name{grid-column:1/-1;padding-top:8px}.lc-axis>span:first-child{display:none}.lang-compare{padding:18px 14px}.lc-head .compare-control{flex-wrap:wrap}}
@media(max-width:550px){.atlas-page .trend-toolbar .compare-control{margin-left:0;min-width:100%;max-width:100%}.atlas-page .flow-controls .compare-control{margin-left:0}.compare-clear{margin-left:0}.compare-strip{padding:8px 0 10px}}

/* Compare, first review pass */
.atlas-single svg .pin-shape{fill:var(--pin);stroke:var(--panel);stroke-width:2px;paint-order:stroke}
.atlas-single svg .axis-base.is-strip{stroke-opacity:.35}
.rank-chart.is-single .rank-bar.pin-bar .rank-value{z-index:1;margin-left:4px;padding:0 4px 0 3px;border-radius:3px;background:var(--panel)}
/* A hovered row is a neutral tint here (the comparison atlas's is green), and a split bar's figure keeps its backing on it. */
.atlas-single .comparison-canvas .rank-row:hover{background:#f0f1f4}
.atlas-single .comparison-canvas .rank-row:hover .rank-bar.pin-bar .rank-value{background:#f0f1f4}
.atlas-single .landscape-key>span.key-pins{flex-basis:100%}
.atlas-single .landscape-key>span.key-pins:before{display:none}
.compare-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:0 0 18px;padding:10px 14px;border:1px dashed #c9ccd2;border-radius:8px;font:14px/1.45 var(--font-sans);color:#3d4047}
.compare-row>svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.compare-row>span{flex:1 1 260px}.compare-row b{color:var(--ink);margin-right:3px}
.compare-legend select.compare-add{margin-left:auto}
@media(max-width:550px){.atlas-page .trend-toolbar label{min-width:100%;max-width:100%}.atlas-page .trend-toolbar select,.compare-control.is-pair select{width:100%;max-width:none}.compare-control.is-pair>div{flex-direction:column}.atlas-page .compare-legend select.compare-add,.atlas-page .compare-invite select.compare-add,.atlas-page .compare-row select.compare-add,.atlas-page .lc-head select.compare-add{width:100%;max-width:none;margin-left:0}}
.atlas-tip .pin-0{--pin:#fff}
.rank-chart.is-single .rank-label .pin-mark{margin-right:7px}
/* One rust across the atlas: Steam's own Not Recommended (#a34c25), for complaints and thumbs-down alike. */
.atlas-page{--rust:#a34c25}
.atlas-page .landscape-key>span:nth-child(2):before{background:#a34c25}
/* Theme map with themes pinned: the rest fade, so the pinned ones read as the subject. */
.atlas-single .landscape-point.is-dim .point-core{fill-opacity:.26;stroke-opacity:.6}
.atlas-single .landscape-point.is-dim:hover .point-core{fill-opacity:.9}
.atlas-single .landscape-scroll svg .landscape-label.is-dim{fill:#7d8089}
.key-pins em{font:italic 500 12.5px var(--font-sans);color:#5b5e66}

/* ---- Pinned themes side by side (Themes tab) ---- */
.theme-compare{margin-bottom:18px;padding:22px 24px}
.tc-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.tc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.tc-cards{grid-template-columns:minmax(0,1fr)}}
.tc-card{gap:6px}
.tc-group{display:inline-flex;align-items:center;gap:6px;margin-top:-4px;font:600 12.5px var(--font-sans);color:#4a4c52}
.tc-group .tip-swatch{width:9px;height:9px;border-radius:2px}
.atlas-page .tc-share{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-top:4px;padding:0;border:0;background:none;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.tc-share strong{font:400 34px/1.05 var(--font-display);letter-spacing:-.02em}
.tc-share span{font:500 13.5px var(--font-sans);color:#3d4047}
.atlas-page .tc-share.ev,.atlas-page .tc-share.ev *{text-decoration:none!important}
.atlas-page .tc-share:hover strong{text-decoration:underline!important;text-decoration-color:var(--gold)!important;text-underline-offset:5px}
.atlas-page .tc-card .lc-rate-num{font-size:26px}
.atlas-page .tc-spark{display:flex;flex-direction:column;gap:4px;width:100%;padding:6px 8px 7px;border:1px solid #e3e5ea;border-radius:6px;background:#fbfbfc;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.atlas-page .tc-spark:hover{border-color:#b9bcc4}
.tc-spark svg{display:block;width:100%;height:auto}
.tc-spark-base{stroke:#d9dce2;stroke-width:1}
.tc-spark-line{fill:none;stroke:var(--pin);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.tc-spark-peak{fill:var(--pin);stroke:#fff;stroke-width:1.5}
.tc-spark>span{display:flex;justify-content:space-between;gap:8px;font:500 12.5px var(--font-sans);color:#3d4047}
.tc-spark>span b{font-weight:600;color:var(--ink)}
.tc-hours{margin:0;font:13.5px/1.5 var(--font-sans);color:#3d4047}
.tc-hours>b{font-weight:700;color:var(--ink)}
.atlas-page .tc-inline{padding:0;border:0;background:none;font:500 13.5px var(--font-sans);color:var(--ink);cursor:pointer;text-align:left}
.atlas-page .tc-lang{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:0;border:0;background:none;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.atlas-page .tc-lang.ev,.atlas-page .tc-lang.ev *{text-decoration:none!important}
.tc-lang b{font:600 15px var(--font-sans)}.tc-lang span{font:500 12.5px/1.4 var(--font-sans);color:#4a4c52}
.atlas-page .tc-lang:hover b{text-decoration:underline!important;text-decoration-color:var(--gold)!important;text-underline-offset:4px}
.tc-add{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:180px;padding:18px;border:1.5px dashed #b9bcc4;border-radius:8px;background:transparent}
.tc-add>svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.tc-add p{margin:0;font:14px/1.5 var(--font-sans);color:#3d4047}
.atlas-page .tc-add select.compare-add{width:100%;max-width:none}
.tc-section{margin-top:26px}
.tc-section h4{margin:0 0 4px;font:600 16px var(--font-sans);color:var(--ink)}
.tc-section>p{margin:0 0 12px;font:13.5px/1.5 var(--font-sans);color:#4a4c52}
.tc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 10px;font:500 13px var(--font-sans);color:#3d4047}
.tc-legend span{display:inline-flex;align-items:center;gap:7px}
.tc-legend i{display:inline-block;width:14px;height:10px;border-radius:2px}
.tc-band-row,.tc-near{display:grid;grid-template-columns:minmax(150px,230px) minmax(0,1fr);align-items:center;gap:16px;min-height:40px;border-top:1px solid #e9eaee}
.tc-band-name{display:flex;align-items:center;gap:8px;min-width:0;font:500 14px var(--font-sans);color:var(--ink)}
.tc-band-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-band-name .tip-swatch{width:9px;height:9px;border-radius:2px;flex:none}
.tc-band-bar{display:flex;height:22px;border-radius:4px;overflow:hidden;background:#eef0f4}
.atlas-page .tc-seg{height:100%;min-width:0;padding:0;border:0;border-right:2px solid #fff;font:600 12.5px var(--font-sans);font-variant-numeric:tabular-nums;cursor:pointer;overflow:hidden;white-space:nowrap}
.atlas-page .tc-seg:last-child{border-right:0}
.atlas-page .tc-seg:hover{filter:brightness(1.08);box-shadow:inset 0 0 0 2px #15161a}
.tc-legend i.b0{background:#dfe3ea}.tc-legend i.b1{background:#aeb8c8}.tc-legend i.b2{background:#5f6e87}.tc-legend i.b3{background:#2f3a4d}
.atlas-page .tc-seg.b0{background:#dfe3ea;color:#15161a}.atlas-page .tc-seg.b1{background:#aeb8c8;color:#15161a}.atlas-page .tc-seg.b2{background:#5f6e87;color:#fff}.atlas-page .tc-seg.b3{background:#2f3a4d;color:#fff}
.tc-pair{display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr);align-items:center;gap:8px 18px;min-height:46px;padding:6px 0;border-top:1px solid #e9eaee}
.tc-pair-names{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font:500 14px var(--font-sans);color:var(--ink)}
.tc-pair-names em{margin:0 4px;font-style:normal;color:#5b5e66}
.atlas-page .tc-both{padding:0;border:0;background:none;font:500 14px var(--font-sans);color:#3d4047;cursor:pointer;white-space:nowrap}
.tc-both b{font-weight:700;color:var(--ink)}
.tc-pair-of{font:500 13px var(--font-sans);color:#4a4c52;text-align:right}
.tc-pair.is-all3 .tc-pair-names{font-weight:600}
.tc-near{grid-template-columns:minmax(150px,230px) minmax(0,1fr) 150px}
.tc-near-bar{position:relative;height:12px;border-radius:3px;background:#eef0f4}
.atlas-page .tc-near-fill{position:absolute;inset:0;display:block;padding:0;border:0;background:none;cursor:pointer}
.tc-near-fill i{display:block;height:100%;border-radius:3px;background:#3f86c6}
.tc-near-fill i.grp-complaint{background:#a34c25}.tc-near-fill i.grp-suggestion{background:var(--suggestion)}.tc-near-fill i.grp-context{background:var(--context)}
.atlas-page .tc-near-fill.ev,.atlas-page .tc-near-fill.ev *{text-decoration:none!important}
.atlas-page .tc-near-fill:hover i{filter:brightness(1.15)}
.tc-near-bar .lc-all{top:-3px;bottom:-3px}
.tc-near-value{font:700 14px var(--font-sans);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink)}
.tc-near-value small{font:500 12.5px var(--font-sans);color:#5b5e66}
@media(max-width:700px){.theme-compare{padding:18px 14px}.tc-band-row,.tc-near{grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 0}.tc-near{grid-template-columns:minmax(0,1fr) auto}.tc-near .tc-band-name{grid-column:1/-1}.tc-pair{grid-template-columns:minmax(0,1fr)}.tc-pair-of{text-align:left}}
/* Each section below the cards is its own block, so the three read apart. */
.tc-section{margin-top:18px;padding:18px 20px 10px;border:1px solid var(--rule);border-radius:8px;background:#fff}
.tc-section h4{margin:0 0 4px;font:600 17px var(--font-sans);letter-spacing:-.005em}
.tc-section>p{margin:0 0 14px}
.tc-band-row.is-all{border-top:1px dashed #b9bcc4}
.tc-pair{grid-template-columns:minmax(0,1.5fr) minmax(120px,.6fr) minmax(190px,.9fr)}
.tc-pair.is-head{min-height:0;padding:0 0 8px;border-top:0;font:600 12.5px var(--font-sans);color:#3d4047}
.tc-pair.is-head>span:last-child{text-align:right}
.tc-pair-of{display:flex;justify-content:flex-end;gap:18px}
.tc-of{display:inline-flex;align-items:center;gap:7px;font:500 13px var(--font-sans);color:#3d4047}
.tc-of b{font:700 15px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--ink)}
.tc-pair.is-all3{border-top:1px dashed #b9bcc4}
@media(max-width:700px){.tc-section{padding:14px 14px 8px}.tc-pair.is-head{display:none}.tc-pair-of{justify-content:flex-start}}

.atlas-page .tc-pair>.tc-both{justify-self:start;text-align:left}
@media(max-width:700px){.tc-pair{grid-template-columns:minmax(0,1fr)}}
/* Headers in the side-by-sides stand out: a tinted band with an icon for each section, a larger name on
   each card, and the card's group as a pill in its colour. */
.tc-section{padding:0 20px 10px}
.lc-diff{margin-top:18px;padding:0 20px 10px;border:1px solid var(--rule);border-radius:8px;background:#fff}
.sec-head{display:flex;align-items:flex-start;gap:12px;margin:0 -20px 14px;padding:16px 20px 14px;border-bottom:1px solid var(--rule);border-radius:8px 8px 0 0;background:#f4f5f8}
.sec-head>svg{width:24px;height:24px;flex:none;margin-top:1px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sec-head h4{margin:0 0 3px;font:600 20px/1.25 var(--font-sans);letter-spacing:-.01em;color:var(--ink)}
.sec-head p{margin:0;font:14px/1.5 var(--font-sans);color:#3d4047}
.lc-head h3{font:600 23px/1.25 var(--font-sans);letter-spacing:-.015em}
.lc-name{gap:10px;font:600 19px/1.25 var(--font-sans)}
.lc-name .pin-mark{width:12px;height:12px}.lc-name .pin-mark.pin-2{width:11px;height:11px}
.lc-card h5{font:600 13.5px var(--font-sans);color:#15161a}
.tc-group{align-self:flex-start;margin:0 0 4px;padding:4px 12px 4px 9px;border:1px solid #d0d5dd;border-radius:999px;background:#eef0f3;font:600 13px var(--font-sans);color:#3e4755}
.tc-group .tip-swatch{width:9px;height:9px;border-radius:50%}
.tc-group.grp-praise{background:#e7f0fa;border-color:#bcd5ee;color:#174f7e}
.tc-group.grp-complaint{background:#f8ebe5;border-color:#e6c4b4;color:#7e3517}
.tc-group.grp-suggestion{background:#efebfa;border-color:#d3c9f0;color:#4a3796}
@media(max-width:700px){.tc-section,.lc-diff{padding:0 14px 8px}.sec-head{margin:0 -14px 12px;padding:14px}.sec-head h4{font-size:18px}.lc-head h3{font-size:20px}}

.lc-name .pin-mark.is-all{width:18px;height:0}
/* The overall score at capture, under the game's name, in Steam's own colours for its rating words. */
.cover-score{display:flex;align-items:center;gap:12px;margin:2px 0 12px}
.cover-score .score-thumb{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:6px;background:rgba(102,192,244,.16)}
.cover-score .score-thumb .thumb{width:22px;height:22px;fill:#66c0f4}
.cover-score strong{display:block;font:600 21px/1.2 var(--font-sans);letter-spacing:-.01em;color:#66c0f4}
.atlas-page .cover-score .cover-figure{padding:0;border:0;background:none;font:15px/1.4 var(--font-sans);color:var(--bone-soft);cursor:pointer;text-align:left}
.cover-score .cover-figure b{font:600 15px var(--font-sans);color:var(--bone)}
.cover-score.is-mixed .score-thumb{background:rgba(185,160,116,.18)}.cover-score.is-mixed .score-thumb .thumb{fill:#b9a074}.cover-score.is-mixed strong{color:#c9b089}
.cover-score.is-negative .score-thumb{background:rgba(163,76,37,.28)}.cover-score.is-negative .score-thumb .thumb{fill:#e0855c}.cover-score.is-negative strong{color:#e0855c}
.atlas-page .cover-score .cover-figure.cover-all{display:block;margin-top:1px;font-size:13.5px;color:var(--bone-mute,#aeb3bf)}.cover-score .cover-all b{font-size:13.5px;font-weight:600;color:var(--bone-soft)}
.cover-score strong small{margin-left:9px;font:500 13px var(--font-sans);letter-spacing:0;color:var(--bone-soft)}
/* The trimmed Method table: theme, status, accuracy. */
.atlas-single .quality-table.is-trim .quality-row{grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) minmax(0,.8fr)}
.atlas-single .quality-note{margin:0 0 12px;font-size:14px;color:#3d4047}

/* ==== The Atlas on a phone (Travis, 23 Sep): usable there, and the desktop exactly as it was. Every rule
   that changes a layout is inside max-width:700px; the two elements that exist only for a phone (the
   note that the Atlas is best on a bigger screen, and a theme detail's way back) are hidden above it. === */
.phone-note,.td-back{display:none}
@media(max-width:700px){
 .atlas-page .report-cover .phone-note{display:flex;gap:11px;align-items:flex-start;margin:0;padding:12px 14px;border:1px solid rgba(236,237,240,.2);border-radius:6px;background:rgba(236,237,240,.05);max-width:none;font:400 14px/1.45 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--bone-soft)}
 .atlas-page .phone-note svg{flex:none;width:22px;height:22px;color:var(--gold)}
 .atlas-page .phone-note b{font-weight:600;color:var(--bone)}
 /* The tab strip scrolls sideways: no scrollbar, and a fade on the side where more tabs wait (app.js). */
 .atlas-page .report-nav{scrollbar-width:none;-webkit-mask-image:var(--nav-fade,none);mask-image:var(--nav-fade,none)}
 .atlas-page .report-nav::-webkit-scrollbar{display:none}
 .atlas-page .report-nav.more-after{--nav-fade:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
 .atlas-page .report-nav.more-before{--nav-fade:linear-gradient(90deg,transparent,#000 56px)}
 .atlas-page .report-nav.more-before.more-after{--nav-fade:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}
 /* Anything scrolled to lands under the pinned header and tab bar, not behind them. */
 .atlas-page #report-view,.atlas-page .atl-detail,.atlas-page #theme-inspector,.atlas-page #scatter-inspector,.atlas-page #library-count{scroll-margin-top:calc(var(--atlas-pinned,130px) + 12px)}
 /* The Overview mosaic: a tile's detail right under the mosaic, before the list of smaller themes, so a
    tap does not glide past forty themes to reach it. */
 .atlas-page .atl-layout{display:flex;flex-direction:column;padding:10px 0}
 .atlas-page .atl-map-area{display:contents}
 .atlas-page .atl-map-area>*{margin-left:10px;margin-right:10px}
 .atlas-page .atl-mosaic{order:1}
 .atlas-page .atl-map-note{order:2}
 .atlas-page .atl-detail{order:3;margin:14px 0 18px;border-bottom:1px solid var(--atl-rule)}
 .atlas-page .atl-small{order:4}
 .atlas-page .atl-mini-key{order:5}
 .atlas-page .atl-directory{order:6}
 /* A theme's detail (Themes, Theme map): the way back to the list or the map it was picked from. */
 .atlas-page .atl-keys{display:none}
 .atlas-page .td-back{display:inline-flex;justify-self:start;width:auto;align-items:center;gap:7px;min-height:40px;margin:0 0 14px;padding:0 14px;border:1px solid var(--rule);border-radius:999px;background:var(--panel);font:500 15px var(--font-sans);color:var(--ink);cursor:pointer}
}

/* ==== The comparison's theme panel on a phone (found 24 Sep): the two-column grid it takes on screens up to
   1360px (above) outranked the one-column rule meant for phones, so under a picked theme the second game's
   figures and the review quote ran off the panel's right edge, and the way back and the footnote were
   squeezed to a word a line. On a phone it is one column again, and the other places the two games share
   the width are fitted to it. ==== */
@media(max-width:700px){
 .atlas-page .comparison-inspector{display:block}
 /* Where the two games stand side by side in half the width (a theme's detail on the Overview, the
    Recommendations, Trends' picked point), each game's art sits above its name, the two start level (a button
    centres its contents, so the shorter one sat lower), the big figures are sized to their half, and a
    figure's box shrinks to its half instead of pushing past the panel's edge. */
 .atlas-page .atl-game-metrics:has(>:nth-child(2)) .atl-metric-name{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 8px}
 .atlas-page .atl-game-metrics:has(>:nth-child(2)) .atl-metric-name img{grid-column:1/-1;width:100%;max-width:150px;height:auto;aspect-ratio:460/215}
 .atlas-page .atl-game-metrics:has(>:nth-child(2)){align-items:start}
 .atlas-page .atl-game-metrics:has(>:nth-child(2)) small{flex-wrap:wrap;gap:2px 9px}
 .atlas-page .atl-game-metrics small b{white-space:nowrap}
 .atlas-page .recommendation-profiles:has(>:nth-child(2)) .rate-number{font-size:clamp(34px,11.5vw,56px)}
 .atlas-page .recommendation-profiles:has(>:nth-child(2)) .series-name{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 8px;white-space:normal}
 .atlas-page .recommendation-profiles:has(>:nth-child(2)) .series-name .game-art{grid-column:1/-1;grid-row:1;width:100%;max-width:150px;height:auto;aspect-ratio:460/215}
 .atlas-page .inspected-game{grid-template-columns:minmax(0,1fr)}
}
/* The version stamp at the foot of every Method tab (atlasBuildLine in app.js). */
.atlas-page .method-copy .atlas-build{margin:40px 0 0;padding-top:14px;border-top:1px solid var(--rule);color:var(--muted);font:13px/1.5 var(--font-sans);font-variant-numeric:tabular-nums}
.atlas-page .method-copy .atlas-build code{font:12px var(--font-mono);color:var(--ink-soft,var(--ink))}
/* "Since <last collection>" on an Atlas built by a refresh (TASK-60): the week's news, under the
   analysis band and in its type, on a lighter card. */
.atlas-since{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:0 0 12px;padding:22px 26px;background:#fbfaf6;border:1px solid var(--rule);border-left:4px solid var(--gold)}
.atlas-since .since-lines{flex-basis:100%;display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--rule)}
.since-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;color:var(--ink);font:15px/1.5 var(--font-sans)}
.since-line>span:first-child{min-width:112px;color:var(--muted);font-size:14px}
.since-theme{padding:0;border:0;background:none;color:var(--ink);font:600 15px/1.5 var(--font-sans);text-align:left}
button.since-theme{cursor:pointer;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
button.since-theme:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.since-shift{padding:0;border:0;background:none;color:var(--ink-soft,var(--ink));font:15px/1.5 var(--font-sans);font-variant-numeric:tabular-nums;text-decoration:underline dotted;text-decoration-color:rgba(21,22,26,.35);text-underline-offset:4px;cursor:pointer}
.since-shift:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold)}
.since-shift:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.since-sep{color:var(--muted);margin:0 4px}
@media (max-width:900px){.atlas-since{align-items:flex-start;flex-direction:column;gap:18px}}
@media (max-width:700px){.atlas-since{padding:20px 16px;margin:0 0 10px}.atlas-since .analysis-scope-stats{width:100%;justify-content:space-between;gap:12px}.since-line>span:first-child{flex-basis:100%;min-width:0}}
/* When the reading was checked (TASK-60): one line per check, its date first. */
.atlas-page .method-copy .method-checks{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.atlas-page .method-copy .method-checks li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:10px 0;border-top:1px solid var(--rule);font-size:15px;color:var(--muted)}
.atlas-page .method-copy .method-checks b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:700px){.atlas-page .method-copy .method-checks li{grid-template-columns:1fr;gap:4px}}
/* The score table after a refresh: a fourth column, each theme's check on the new reviews (Codex, #97). */
.atlas-single .quality-table.is-trim.has-refresh .quality-row{grid-template-columns:minmax(0,2fr) minmax(0,1.1fr) minmax(0,.7fr) minmax(0,1fr)}
.atlas-single .quality-table.has-refresh small{color:var(--muted);font-size:12px}
@media (max-width:700px){.atlas-single .quality-table.is-trim.has-refresh .quality-row{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.6fr) minmax(0,.9fr);font-size:12.5px}.atlas-single .quality-table.has-refresh .quality-row span:nth-child(4){display:block}}
/* What changed (TASK-72): the cover of an Atlas built by a refresh, a summary of what the new reviews
   changed. A cover block in the brand's night (the game, the mark, the edition and four headline
   figures), then open sections divided by rules, as the Themes table: the score day by day and by
   language, the new themes with a review each, and what moved. Each change is a dumbbell on one fitted
   scale (open circle: the earlier reviews; filled: the new ones) with its change as a tag. */
.atlas-single .chg-hero{margin:4px 0 46px;padding:30px 34px 6px;border-radius:6px;background:var(--night,#0b0f1a);box-shadow:inset 0 3px 0 var(--gold);color:var(--bone,#ecedf0)}
.atlas-single .chg-hero-top{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:center;gap:34px;padding-bottom:28px}
.atlas-single .chg-hero-art{display:block;width:100%;height:auto;aspect-ratio:460/215;object-fit:cover;border-radius:4px;box-shadow:0 12px 32px rgba(0,0,0,.4)}
.atlas-single .chg-hero-brand{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;color:var(--bone-soft,#b9c0cf);font:500 15px/1.4 var(--font-sans)}
.atlas-single .chg-hero-brand b{color:var(--gold);font-weight:650}
.atlas-single .chg-hero-mark{display:inline-flex;width:28px;height:28px}.atlas-single .chg-hero-mark svg{width:100%;height:100%}
.atlas-single .chg-hero h2{margin:0 0 12px;color:var(--bone,#ecedf0);font:300 42px/1.08 var(--font-display);font-variation-settings:'opsz' 72;letter-spacing:-.02em;text-wrap:balance}
.atlas-single .chg-hero-lede{max-width:62ch;margin:0;color:var(--bone-soft,#b9c0cf);font:16px/1.5 var(--font-sans);text-wrap:pretty}
.atlas-single .chg-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));border-top:1px solid var(--rule-night,rgba(236,237,240,.14))}
.atlas-single .chg-facts-group{padding-top:4px;border-top:1px solid var(--rule-night,rgba(236,237,240,.14))}
.atlas-single .chg-facts-group>.chg-facts{border-top:0}
.atlas-single .chg-facts-head{margin:20px 0 0;font:700 13px/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase}
.atlas-single .chg-facts-group.is-good .chg-facts-head{color:#66c0f4}
.atlas-single .chg-facts-group.is-hard .chg-facts-head{color:#f2a27c}
.atlas-single .chg-fact.is-eased .chg-figure b{color:#8cc4f5}
.atlas-single .chg-fact.is-rose .chg-figure b{color:#f2a27c}
.atlas-single .chg-fact{display:grid;align-content:start;gap:10px;padding:24px 26px 26px;border-left:1px solid var(--rule-night,rgba(236,237,240,.14))}
.atlas-single .chg-fact:first-child{padding-left:0;border-left:0}
.atlas-single .chg-figure{display:grid;gap:8px;padding:0;border:0;background:none;color:var(--bone,#ecedf0);text-align:left;cursor:pointer}
.atlas-single .chg-figure b{display:inline-flex;align-items:center;gap:12px;color:#fff;font:650 46px/1 var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.015em;text-decoration:underline dotted;text-decoration-color:rgba(236,237,240,.32);text-decoration-thickness:2px;text-underline-offset:8px}
.atlas-single .chg-figure b small{margin-left:-8px;font:600 22px/1 var(--font-sans);letter-spacing:0}
.atlas-single .chg-figure b .rec-thumb{width:36px;height:36px;border-radius:5px}.atlas-single .chg-figure b .rec-thumb .thumb{width:19px;height:19px}
.atlas-single .chg-figure>span{font:500 15.5px/1.4 var(--font-sans);text-wrap:balance}
.atlas-single .chg-figure:hover b{text-decoration-color:var(--gold)}
.atlas-single .chg-sub,.atlas-single .chg-steam{margin:0;color:var(--bone-mute,#9aa3b5);font:14px/1.6 var(--font-sans);font-variant-numeric:tabular-nums;text-wrap:pretty}
.atlas-single .steam-word{font-weight:650;white-space:nowrap}
.atlas-single .chg-hero .steam-word.is-positive{color:#66c0f4}.atlas-single .chg-hero .steam-word.is-mixed{color:#e3c46f}.atlas-single .chg-hero .steam-word.is-negative{color:#f2a27c}
.atlas-single .chg-inline{display:inline;padding:0;border:0;background:none;color:var(--ink);font:600 14px/1.5 var(--font-sans);font-variant-numeric:tabular-nums;cursor:pointer;text-decoration:underline dotted;text-decoration-color:rgba(21,22,26,.35);text-underline-offset:4px}
.atlas-single .chg-hero .chg-inline{color:var(--bone,#ecedf0);text-decoration-color:rgba(236,237,240,.4)}
.atlas-single .chg-inline:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.atlas-single .chg-hero-lede .chg-inline{font-size:inherit;font-weight:600}
.atlas-single .chg-name .chg-inline.is-sub{justify-self:start;color:var(--muted);font:500 12.5px/1.35 var(--font-sans)}
.atlas-single .chg-figure:focus-visible,.atlas-single .chg-inline:focus-visible,.atlas-single .chg-theme:focus-visible,.atlas-single .chg-num:focus-visible,.atlas-single .chg-new-fig:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* The change, as a tag: the arrow and the points. Recommend rates by direction; a theme in its group's colour. */
.atlas-single .chg-delta{display:inline-flex;align-items:baseline;justify-self:end;gap:3px;padding:3px 9px;border-radius:999px;font:650 13.5px/1.25 var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap}
.atlas-single .chg-delta small{font-size:11.5px;font-weight:600}
.atlas-single button.chg-delta{border:0;cursor:pointer}.atlas-single button.chg-delta:hover{box-shadow:inset 0 0 0 1px currentColor}.atlas-single button.chg-delta:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.atlas-single .chg-delta.is-down{color:#a34c25;background:rgba(163,76,37,.1)}.atlas-single .chg-delta.is-flat{color:#5d6068;background:rgba(21,22,26,.07)}.atlas-single .chg-hero .chg-delta.is-flat{color:var(--bone-soft,#b9c0cf);background:rgba(236,237,240,.1)}.atlas-single .chg-langs .chg-row.is-flat{--c:#6b6e76}.atlas-single .chg-delta.is-up{color:#1f6aa6;background:rgba(31,106,166,.1)}
.atlas-single .chg-hero .chg-delta{padding:2px 8px;font-size:14px}
.atlas-single .chg-hero .chg-delta.is-down{color:#f2a27c;background:rgba(242,162,124,.14)}.atlas-single .chg-hero .chg-delta.is-up{color:#8cc4f5;background:rgba(140,196,245,.14)}
.atlas-single .chg-moved .chg-delta{color:var(--c);background:color-mix(in srgb,var(--c) 11%,transparent)}
.atlas-single .chg-score{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px;margin:0 0 42px}
.atlas-single .chg-langs .viz-heading{margin-bottom:12px}
.atlas-single .chg-section-head{margin:0 0 18px}
.atlas-single .chg-section-head h3{margin:0 0 4px;color:var(--ink);font:600 22px/1.25 var(--font-sans)}
.atlas-single .chg-section-head p{margin:0;color:var(--muted);font:14.5px/1.45 var(--font-sans);text-wrap:pretty}
.atlas-single .chg-key{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;color:var(--muted);font:13px/1.4 var(--font-sans)}
.atlas-single .chg-key span{display:inline-flex;align-items:center;gap:7px}
.atlas-single .chg-key i{width:12px;height:12px;border-radius:50%;box-sizing:border-box}
.atlas-single .chg-key i.is-was{border:2px solid #6b6e76;background:#fff}.atlas-single .chg-key i.is-new{background:#6b6e76}
.atlas-single .chg-langs ol,.atlas-single .chg-list ol{margin:0;padding:0;list-style:none}
.atlas-single .chg-scale,.atlas-single .chg-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 4.8em 6em;align-items:center;column-gap:16px}
.atlas-single .chg-scale{margin-top:16px;padding-bottom:7px;border-bottom:1px solid var(--rule)}
.atlas-single .chg-scale-label{color:var(--muted);font:600 12px/1.2 var(--font-sans)}
.atlas-single .chg-scale-label.is-now,.atlas-single .chg-scale-label.is-delta{text-align:right}
.atlas-single .chg-ticks{position:relative;height:15px;margin:0 10px}
.atlas-single .chg-ticks span{position:absolute;bottom:0;transform:translateX(-50%);color:#3d4047;font:600 12px/1 var(--font-sans);font-variant-numeric:tabular-nums}
.atlas-single .chg-row{padding:9px 0;border-bottom:1px solid rgba(21,22,26,.07)}
.atlas-single .chg-row.grp-praise{--c:#3f86c6}.atlas-single .chg-row.grp-complaint{--c:#a34c25}.atlas-single .chg-row.grp-suggestion{--c:var(--suggestion)}.atlas-single .chg-row.grp-context{--c:var(--context)}
.atlas-single .chg-langs .chg-row.is-up{--c:#1f6aa6}.atlas-single .chg-langs .chg-row.is-down{--c:#a34c25}
.atlas-single .chg-langs .chg-row.is-all{background:rgba(21,22,26,.03);border-bottom:1px solid var(--rule)}
.atlas-single .chg-name{display:grid;gap:1px;min-width:0}
.atlas-single .chg-name b{color:var(--ink);font:600 15px/1.35 var(--font-sans)}
.atlas-single .chg-name span{color:var(--muted);font:12.5px/1.35 var(--font-sans);font-variant-numeric:tabular-nums}
.atlas-single .chg-row.is-all .chg-name{padding-left:8px}
.atlas-single .chg-track{position:relative;height:30px;margin:0 10px}
.atlas-single .chg-grid{position:absolute;top:0;bottom:0;width:1px;background:rgba(21,22,26,.08)}
.atlas-single .chg-seg{position:absolute;top:50%;height:5px;transform:translateY(-50%);border-radius:3px;background:var(--c);opacity:.4}
.atlas-single .chg-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box}
.atlas-single .chg-dot.is-was{border:2px solid var(--c);background:#fff}
.atlas-single .chg-dot.is-new{background:var(--c);box-shadow:0 0 0 2px #fff}
.atlas-single .chg-val{display:grid;justify-items:end;gap:1px;white-space:nowrap}
.atlas-single .chg-num{padding:0;border:0;background:none;cursor:pointer;font-variant-numeric:tabular-nums;text-decoration:underline dotted;text-decoration-color:rgba(21,22,26,.35);text-underline-offset:4px}
.atlas-single .chg-num.is-new{color:var(--ink);font:650 17px/1.25 var(--font-sans)}
.atlas-single .chg-from{color:var(--muted);font:12px/1.3 var(--font-sans)}
.atlas-single .chg-num.is-was{color:var(--muted);font:12px/1.3 var(--font-sans)}
.atlas-single .chg-num:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.atlas-single .chg-theme{padding:0;border:0;background:none;color:var(--ink);font:600 15px/1.35 var(--font-sans);text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.atlas-single .chg-added{margin:0 0 44px;padding-top:26px;border-top:1px solid var(--rule)}
.atlas-single .chg-added-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px}
.atlas-single .chg-new{--c:#a34c25;display:grid;align-content:start;gap:12px;padding-top:16px;border-top:3px solid var(--c)}
.atlas-single .chg-new.grp-praise{--c:#3f86c6}.atlas-single .chg-new.grp-suggestion{--c:var(--suggestion)}.atlas-single .chg-new.grp-context{--c:var(--context)}
.atlas-single .chg-new h4{margin:0}
.atlas-single .chg-new h4 .chg-theme{font-size:19px;line-height:1.3}
.atlas-single .chg-new-def{margin:0;color:#4a4c52;font:14.5px/1.5 var(--font-sans);text-wrap:pretty}
.atlas-single .chg-new-figs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 28px}
.atlas-single .chg-new-fig{display:grid;gap:4px;padding:0;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer}
.atlas-single .chg-new-fig b{font:650 32px/1 var(--font-sans);font-variant-numeric:tabular-nums;text-decoration:underline dotted;text-decoration-color:rgba(21,22,26,.25);text-decoration-thickness:2px;text-underline-offset:6px}
.atlas-single .chg-new-fig.is-all b{color:#3d3f46;font-size:22px;font-weight:600}
.atlas-single .chg-new-fig b small{margin-right:3px;color:var(--muted);font-size:13px;font-weight:600}
.atlas-single .chg-new-fig span{max-width:17em;color:var(--muted);font:13px/1.35 var(--font-sans)}
.atlas-single .chg-new-fig:hover b{text-decoration-color:var(--gold)}
.atlas-single .chg-new-rate{margin:0;color:#4a4c52;font:14px/1.6 var(--font-sans);text-wrap:pretty}
.atlas-single .chg-new-rate .rec-thumb{width:22px;height:22px;margin-right:7px;vertical-align:-5px}.atlas-single .chg-new-rate .rec-thumb .thumb{width:12px;height:12px}
.atlas-single .chg-new .theme-quote{margin-top:2px}
.atlas-single .chg-new .theme-quote blockquote{-webkit-line-clamp:4;font-size:15px}
.atlas-single .chg-moved{margin:0 0 30px;padding-top:26px;border-top:1px solid var(--rule)}
.atlas-single .chg-lists{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.atlas-single .chg-list h3{margin:0 0 4px;color:var(--ink);font:600 16px/1.3 var(--font-sans)}
.atlas-single .chg-still{margin:0 0 22px;color:var(--muted);font:15px/1.5 var(--font-sans)}
.atlas-single svg .since-span{fill:rgba(212,160,18,.11)}
.atlas-single svg .since-rule{fill:none;stroke:#b8891a;stroke-width:1.5;stroke-dasharray:4 3}
.atlas-single .viz-svg svg .since-mark{fill:#7a5a17;font-weight:650;font-size:calc(12.5px / var(--k,1))}
@media (max-width:1100px){
 .atlas-single .chg-score,.atlas-single .chg-lists{grid-template-columns:minmax(0,1fr)}
 .atlas-single .chg-hero-top{grid-template-columns:220px minmax(0,1fr);gap:24px}
 .atlas-single .chg-hero h2{font-size:34px}
}
@media (max-width:700px){
 .atlas-single .chg-hero{margin-bottom:34px;padding:20px 16px 2px}
 .atlas-single .chg-hero-top{grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:20px}
 .atlas-single .chg-hero h2{font-size:29px}
 .atlas-single .chg-hero-lede{font-size:15px}
 .atlas-single .chg-facts{grid-template-columns:minmax(0,1fr)}
 .atlas-single .chg-fact{padding:16px 0 18px;border-left:0;border-top:1px solid var(--rule-night,rgba(236,237,240,.14))}
 .atlas-single .chg-fact:first-child{border-top:0}
 .atlas-single .chg-figure b{font-size:36px}
 .atlas-single .chg-figure b .rec-thumb{width:30px;height:30px}.atlas-single .chg-figure b .rec-thumb .thumb{width:16px;height:16px}
 .atlas-single .chg-score{gap:32px;margin-bottom:34px}
 .atlas-single .chg-added-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .atlas-single .chg-new-figs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
 .atlas-single .chg-new-fig span{max-width:none}
 .atlas-single .chg-days .viz-svg svg{min-width:0}
 .atlas-single .chg-days svg .axis-title.is-y,.atlas-single .chg-days svg .axis-title.is-x{display:none}
 .atlas-single .chg-days svg .tick.is-alt{display:none}
 .atlas-single .chg-scale{grid-template-columns:minmax(0,1fr)}
 .atlas-single .chg-scale-label{display:none}
 .atlas-single .chg-row{grid-template-columns:minmax(0,1fr) auto auto;row-gap:6px}
 .atlas-single .chg-track{grid-column:1/-1;grid-row:2}
}
/* Markers across an updated Atlas: New, or a noticeable move, beside a theme's or a language's name, and
   the theme panel's line with the two shares. A theme's move in its group's colour; a rate's by direction. */
.atlas-page .since-tag{--since-c:#4a4c52;display:inline-flex;align-items:center;flex:none;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--since-c) 12%,transparent);color:var(--since-c);font:650 11.5px/1.5 var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}
.atlas-page .since-tag.is-new{background:rgba(212,160,18,.22);color:#6b4f0e}
.atlas-page .since-tag[data-action]{cursor:pointer}.atlas-page .since-tag[data-action]:hover{box-shadow:inset 0 0 0 1px currentColor}.atlas-page button.since-tag{border:0}.atlas-page button.since-tag:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.atlas-page .grp-complaint .since-tag{--since-c:#a34c25}.atlas-page .grp-praise .since-tag{--since-c:#2f76b6}.atlas-page .grp-suggestion .since-tag{--since-c:var(--suggestion)}.atlas-page .grp-context .since-tag{--since-c:var(--context)}
.atlas-page .lang-name .since-tag{margin-left:8px;vertical-align:1px}.atlas-page .lang-row .since-tag.is-down{--since-c:#a34c25}.atlas-page .lang-row .since-tag.is-up{--since-c:#1f6aa6}
.atlas-page .since-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:10px 0 0;color:#3d4047;font:14px/1.5 var(--font-sans)}
.atlas-page .since-num{padding:0;border:0;background:none;color:var(--ink);font:650 14px/1.5 var(--font-sans);font-variant-numeric:tabular-nums;cursor:pointer;text-decoration:underline dotted;text-decoration-color:rgba(21,22,26,.35);text-underline-offset:4px}
.atlas-page .since-num:hover{text-decoration:underline;text-decoration-color:var(--gold)}.atlas-page .since-num:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.review-fact.fact-new{border-color:rgba(212,160,18,.5);background:rgba(212,160,18,.2);color:#5c430a;font-weight:650}
.atlas-page .since-key{display:inline-flex;align-items:center;gap:6px}.atlas-page .since-key .since-tag{padding:0 6px}
/* The cover's edition line (TASK-71): which collection this is, and the way to the others. On the dark
   cover, so it outranks the cover's mono caption style (theme-night.css). */
.atlas-page .report-cover .cover-edition{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:2px 0 14px;font:500 14px/1.5 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--bone-mute,#c9c3b3)}
.atlas-page .report-cover .cover-edition a{color:var(--paper,#f3efe4);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.atlas-page .report-cover .cover-edition a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.atlas-page .report-cover .cover-edition a.is-newer{padding:3px 11px;border-radius:999px;background:var(--gold);color:#16130a;font-weight:650;text-decoration:none}
.atlas-since[hidden]{display:none}