/* Four directions share data and interactions; structure and typography vary. */
.design-bar{--bar-bg:#f8faf8;--bar-ink:#44594c;display:flex;align-items:center;gap:20px;min-height:56px;padding:8px 28px;background:var(--bar-bg);color:var(--bar-ink);border-bottom:1px solid #cfd9d2;font-size:12px;position:relative;z-index:5}
.design-back{white-space:nowrap;min-height:36px;display:flex;align-items:center;font-weight:600}.design-back:hover{text-decoration:underline}.design-bar-label{font-size:10px;color:#65786a;white-space:nowrap}.design-tabs{display:flex;gap:4px}.design-tabs a{display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid transparent;border-radius:4px;white-space:nowrap}.design-tabs a b{font-family:"Avenir Next",sans-serif;font-size:11px}.design-tabs a[aria-current]{background:#e5eee6;border-color:#b7cabc;color:#284d39}.design-tabs a:hover{border-color:#a5b9aa}.design-stage{margin-left:auto;font-size:10px;white-space:nowrap;color:#627669}
.board-primary{min-width:0}.design-overview{padding:24px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.section-overline{font-size:.625rem;letter-spacing:1.8px;font-weight:600;color:var(--muted)}.design-overview h2{margin:8px 0 24px;font-size:1rem}.overview-list{margin:0}.overview-list>div{padding:16px 0;display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.overview-list dt{font-size:.75rem;color:var(--muted)}.overview-list dd{margin:0;font-family:"Avenir Next",sans-serif;font-size:1.375rem;font-variant-numeric:tabular-nums;font-weight:500}.overview-list dd small{font-size:.6875rem;margin-left:5px;color:var(--muted)}.tier-key{border-top:1px solid var(--line);padding-top:20px;display:grid;gap:12px;font-size:.6875rem}.tier-key>div{display:flex;justify-content:space-between;align-items:center}.tier-key b{font-variant-numeric:tabular-nums;font-size:.8125rem}.design-overview p{font-size:.6875rem;color:var(--muted);margin:24px 0 16px}.design-overview>a{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;min-height:44px;border-top:1px solid var(--line);color:var(--green)}.overview-footnote{margin-top:24px;font-size:.625rem;line-height:1.8;color:var(--muted)}
html[data-design]:not([data-design=original]){font-size:16px;font-kerning:normal;--radius:6px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;color-scheme:light}
html[data-design]:not([data-design=original]) h1{font-size:2rem;letter-spacing:-.04em;line-height:1.2}html[data-design]:not([data-design=original]) .sub{font-size:.8125rem}html[data-design]:not([data-design=original]) .author-name{font-size:.875rem}html[data-design]:not([data-design=original]) .data-table .num{font-size:.9375rem}html[data-design]:not([data-design=original]) .data-table th{font-size:.6875rem}html[data-design]:not([data-design=original]) .author-meta{font-size:.6875rem}html[data-design]:not([data-design=original]) .data-table .num,html[data-design]:not([data-design=original]) .rank{font-variant-numeric:tabular-nums}html[data-design]:not([data-design=original]) .toolbar{gap:16px 20px}html[data-design]:not([data-design=original]) button,html[data-design]:not([data-design=original]) .button,html[data-design]:not([data-design=original]) input,html[data-design]:not([data-design=original]) select{font-size:.8125rem}html[data-design]:not([data-design=original]) .filter-label{font-size:.6875rem}html[data-design]:not([data-design=original]) input[type=date]{font-size:.6875rem}html[data-design]:not([data-design=original]) .segmented button{font-size:.75rem}html[data-design]:not([data-design=original]) .search-filter{margin-left:0}html[data-design]:not([data-design=original]) .inline-notice{font-size:.75rem}html[data-design]:not([data-design=original]) .source-line{font-size:.8125rem}html[data-design]:not([data-design=original]) .definition{font-size:.8125rem}html[data-design]:not([data-design=original]) .reading li{font-size:1rem;line-height:1.8}html[data-design]:not([data-design=original]) .footer p{font-size:.6875rem}html[data-design]:not([data-design=original]) .data-table tbody tr:hover{background:var(--soft)}html[data-design]:not([data-design=original]) input::placeholder,html[data-design]:not([data-design=original]) textarea::placeholder{color:var(--muted);opacity:1}html[data-design]:not([data-design=original]) .data-table td{border-bottom-color:var(--line)}html[data-design]:not([data-design=original]) .count-pill,html[data-design]:not([data-design=original]) .status-tag{background:var(--soft);color:var(--green)}html[data-design]:not([data-design=original]) .inline-notice{background:var(--soft);color:var(--muted);border-color:var(--line)}html[data-design]:not([data-design=original]) .mini-meter{background:var(--line)}html[data-design]:not([data-design=original]) .mini-meter i{background:var(--green)}html[data-design]:not([data-design=original]) .insight-strip,html[data-design]:not([data-design=original]) .poster-wrap{background:var(--surface);border-color:var(--line)}html[data-design]:not([data-design=original]) .data-table th,html[data-design]:not([data-design=original]) .comparison th:first-child,html[data-design]:not([data-design=original]) .comparison td:first-child{background:var(--soft)}html[data-design]:not([data-design=original]) .segmented{background:var(--soft)}html[data-design]:not([data-design=original]) .data-table .net.positive{color:var(--win)}html[data-design]:not([data-design=original]) .data-table .net.negative{color:var(--muted)}html[data-design]:not([data-design=original]) .brand-caption{font-size:.625rem}html[data-design]:not([data-design=original]) .result-warning{background:var(--soft);color:var(--ink)}

/* A — task-oriented workspace, persistent left rail, compact ledger + side context. */
:root[data-design=workbench]{--bg:oklch(96.6% .008 145);--surface:oklch(99% .004 145);--ink:#253c32;--muted:#607269;--line:#d7e0d9;--green:#285b4a;--soft:#edf3ee;--win:#b44436;--push:#287db5;--radius:6px}
[data-design=workbench] .masthead{position:fixed;top:56px;left:0;bottom:0;width:196px;display:flex;flex-direction:column;align-items:stretch;gap:32px;padding:27px 16px;border-bottom:0;border-right:1px solid var(--line);background:#eaf0eb;z-index:3}
[data-design=workbench] .brand{gap:8px;padding-left:6px;flex-wrap:wrap}[data-design=workbench] .brand strong{font-size:1.625rem}[data-design=workbench] .brand svg{width:30px;height:30px}[data-design=workbench] .brand-caption{border:0;margin:4px 0 0 44px;padding:0;font-size:.625rem;display:block;flex-basis:100%}[data-design=workbench] nav{flex-direction:column;gap:6px;align-items:stretch;justify-content:flex-start;flex:1;align-self:stretch}[data-design=workbench] nav a{padding:12px 14px;min-height:44px;border:0;border-radius:4px;font-size:.8125rem;display:flex;align-items:center;gap:10px;color:#53695c}[data-design=workbench] nav a::before{content:'';width:6px;height:6px;border:1px solid #98ad9e;flex-shrink:0;border-radius:1px}[data-design=workbench] nav a[aria-current=page]{background:#d7e5d9;color:#254f38;font-weight:600}[data-design=workbench] nav a[aria-current=page]::before{background:#365d43;border-color:#365d43}[data-design=workbench] .edition{display:block;padding:14px 10px;border-top:1px solid #ccd9ce;font-size:.625rem}[data-design=workbench] main{margin:0 0 0 196px;padding:32px;max-width:none;min-height:calc(100vh - 160px)}[data-design=workbench] .page-head{margin-bottom:24px}[data-design=workbench] .eyebrow{font-size:.625rem;letter-spacing:1.6px}[data-design=workbench] .workbench-content{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:20px;align-items:start}[data-design=workbench] .toolbar{padding:16px;background:var(--surface)}[data-design=workbench] input[type=search]{width:195px}[data-design=workbench] .data-table td{height:58px;padding:10px 12px}[data-design=workbench] .data-table th{padding:11px 12px}[data-design=workbench] .data-table .author-col{min-width:160px}[data-design=workbench] .row-actions .small-button{font-size:.6875rem;padding:5px 7px}[data-design=workbench] .mini-meter{display:none}[data-design=workbench] .panel-head{padding:16px}[data-design=workbench] .panel-head .sort-note{display:none}[data-design=workbench] .footer{margin-left:196px;padding-left:32px;padding-right:32px;max-width:none}

/* B — typographic sports journal, long rules and one editorial observation. */
:root[data-design=editorial]{--bg:oklch(94.7% .022 84);--surface:oklch(96.8% .016 84);--ink:#342f27;--muted:#746957;--line:#cfc5b4;--green:#87503a;--soft:#eae3d4;--win:#a84433;--push:#287db5;--radius:0px}
[data-design=editorial] .masthead{background:var(--bg);border-bottom:3px double #93836a;padding:20px 4%;gap:48px;min-height:110px}[data-design=editorial] .brand{color:#433b2e}[data-design=editorial] .brand strong{font-family:"Songti SC","STSong",serif;font-size:2.625rem;font-weight:600;letter-spacing:.12em}[data-design=editorial] .brand svg{width:34px;height:34px}[data-design=editorial] .brand-caption{border-color:#b9ab93;color:#6d604b}[data-design=editorial] nav{justify-content:flex-end}[data-design=editorial] nav a{font-size:.8125rem;padding-top:23px;padding-bottom:22px;color:#6e614e;border-width:1px}[data-design=editorial] .edition{display:none}[data-design=editorial] main{max-width:1280px;padding:24px 40px 64px}[data-design=editorial] .journal-issue{display:flex;justify-content:space-between;font-size:.625rem;color:var(--muted);border-bottom:1px solid var(--line);padding:0 0 14px;letter-spacing:1px;margin-bottom:28px}[data-design=editorial] .page-head{align-items:center;margin-bottom:24px}[data-design=editorial] h1{font-family:"Songti SC","STSong",serif;font-size:3rem!important;font-weight:600;letter-spacing:.04em!important}[data-design=editorial] .eyebrow{letter-spacing:3px;font-size:.5625rem}[data-design=editorial] .head-actions .primary{background:transparent;color:var(--green);border-color:#a58b6e}[data-design=editorial] button,[data-design=editorial] .button,[data-design=editorial] input,[data-design=editorial] select,[data-design=editorial] .segmented{border-radius:0}[data-design=editorial] .toolbar{border-left:0;border-right:0;background:transparent;padding:20px 0;margin-top:24px}[data-design=editorial] .panel{background:transparent;border-left:0;border-right:0}[data-design=editorial] .panel-head{border-top:2px solid #6d604b;border-bottom:1px solid #b9ab93;padding:18px 0}[data-design=editorial] .panel-head h2{font-family:"Songti SC",serif;font-size:1.125rem}[data-design=editorial] .data-table td{height:76px;padding-top:17px;padding-bottom:17px}[data-design=editorial] .author-name{font-weight:500;font-size:1rem!important}[data-design=editorial] .data-table .rank{font-family:Georgia,serif;font-style:italic;font-size:1.25rem}[data-design=editorial] .data-table .num{font-family:Georgia,"Songti SC",serif;font-size:1.125rem!important}[data-design=editorial] .data-table .num.rate-col{font-size:1rem!important}[data-design=editorial] .mini-meter{display:none}[data-design=editorial] .data-table th{background:transparent!important;padding-top:16px;padding-bottom:16px}[data-design=editorial] .journal-feature{display:grid;grid-template-columns:120px minmax(0,1fr) 340px;align-items:center;padding:26px 0;border-top:1px solid #8e7c5f;border-bottom:1px solid #8e7c5f;gap:28px}[data-design=editorial] .feature-number{font:italic 100px/1 Georgia,serif;color:#9b5139;letter-spacing:-8px}[data-design=editorial] .feature-author>a{font:600 1.875rem/1.4 "Songti SC","STSong",serif;display:block;margin:10px 0}[data-design=editorial] .feature-author p{font-size:.8125rem;margin:0}[data-design=editorial] .feature-author p b{color:var(--win);font-size:1.125rem;font-family:Georgia,serif}[data-design=editorial] .feature-author p span{padding:0 10px;color:var(--line)}[data-design=editorial] .feature-context{border-left:1px solid var(--line);padding:4px 0 4px 32px}[data-design=editorial] .feature-context>span{font-family:"Songti SC",serif;font-size:1.25rem;letter-spacing:.08em}[data-design=editorial] .feature-context p{color:var(--muted);font-size:.75rem;line-height:1.9;margin:12px 0}[data-design=editorial] .feature-context>a{font-size:.6875rem;display:inline-flex;align-items:center;min-height:32px;color:var(--green)}[data-design=editorial] .inline-notice{background:transparent!important;border-left:0;border-right:0;padding-left:0;padding-right:0}[data-design=editorial] .footer{max-width:1200px;border-top:3px double #93836a;margin-top:24px}[data-design=editorial] .poster-wrap{background:#e5dccb!important}

/* C — athletic scoreboard, oversized ranking and sharp geometric rules. */
:root[data-design=arena]{--bg:oklch(95.9% .013 110);--surface:#fafbf3;--ink:#252c20;--muted:#626e55;--line:#cbd2bd;--green:#35472a;--soft:#edf2de;--win:#a43c31;--push:#287db5;--radius:0px;--lime:#d5ef66}
[data-design=arena] .masthead{background:#242c20;color:#eff4e3;border-bottom:0;min-height:88px;padding:0 40px;gap:48px}[data-design=arena] .brand{color:#d5ef66}[data-design=arena] .brand strong{font-size:2.125rem;letter-spacing:-.08em;font-weight:800}[data-design=arena] .brand-caption{color:#b7c4a8;border-color:#56624a}[data-design=arena] nav a{color:#bcc8ad;font-size:.8125rem;padding-top:31px;padding-bottom:28px}[data-design=arena] nav a[aria-current=page]{color:#e3f58d;border-bottom-color:#d5ef66}[data-design=arena] .edition{color:#c7d4b8}[data-design=arena] main{max-width:1380px;padding:36px 40px 64px}[data-design=arena] h1{font-size:3rem!important;font-weight:800;letter-spacing:-.08em!important}[data-design=arena] .eyebrow{font-family:"DIN Condensed","Avenir Next",sans-serif;font-size:.8125rem;letter-spacing:2px;font-weight:700}[data-design=arena] .page-head{align-items:center;margin-bottom:30px}[data-design=arena] button,[data-design=arena] .button,[data-design=arena] input,[data-design=arena] select,[data-design=arena] .segmented{border-radius:0}[data-design=arena] button.primary,[data-design=arena] .button.primary{background:#d5ef66;border-color:#b7cc58;color:#2d3923;font-weight:700}[data-design=arena] .toolbar{background:transparent;border:0;border-top:2px solid #303e27;border-bottom:1px solid #a4b68a;padding:18px 0;margin-bottom:18px}[data-design=arena] .arena-leaders{display:grid;grid-template-columns:150px 1.35fr 1fr 1fr;margin:12px 0 28px;background:#d5ef66;border:1px solid #b9cd62;min-height:166px}[data-design=arena] .arena-leaders-label{padding:24px 20px;border-right:1px solid #aec555;display:flex;justify-content:space-between;flex-direction:column}[data-design=arena] .arena-leaders-label>span{font:700 26px/.98 "DIN Condensed","Avenir Next",sans-serif;letter-spacing:-1px;color:#344128}[data-design=arena] .arena-leaders-label small{font-size:.5625rem;color:#4e6034;line-height:1.8}[data-design=arena] .arena-leader{display:flex;gap:16px;padding:24px 20px;border-right:1px solid #aec555;position:relative;min-width:0;align-items:center}[data-design=arena] .arena-leader:last-child{border:0}[data-design=arena] .arena-leader:hover{background:#cce65b}[data-design=arena] .arena-rank{font:700 62px/.9 "DIN Condensed","Avenir Next",sans-serif;letter-spacing:-3px;align-self:flex-start;color:#41512c}[data-design=arena] .arena-author{font-size:1rem;display:block;line-height:1.4;max-width:17ch;font-weight:700}[data-design=arena] .arena-sample{display:block;font-size:.625rem;color:#52643a;margin-top:8px}[data-design=arena] .arena-leader strong{font:700 30px/1 "DIN Condensed","Avenir Next",sans-serif;display:block;margin-top:18px}[data-design=arena] .arena-leader strong small{font-family:"PingFang SC",sans-serif;font-size:.625rem;font-weight:500}[data-design=arena] .arena-leader strong i{font-family:"PingFang SC",sans-serif;font-size:.625rem;font-weight:400;font-style:normal;color:#52643a}[data-design=arena] .arena-arrow{position:absolute;right:12px;top:12px;font-size:15px}[data-design=arena] .panel{border:0;border-top:3px solid #2d3923;border-bottom:1px solid #9fac8b}[data-design=arena] .panel-head{padding:20px 12px;border-bottom:1px solid #aebd98}[data-design=arena] .panel-head h2{font-size:1rem;font-weight:800}[data-design=arena] .data-table th{background:transparent!important;border-bottom:2px solid #9aaa83;padding-top:14px;padding-bottom:14px}[data-design=arena] .data-table td{height:72px}[data-design=arena] .data-table .rank{font-family:"DIN Condensed","Avenir Next",sans-serif;font-size:1.875rem;font-weight:700;letter-spacing:-1px}[data-design=arena] .author-name{font-weight:700}[data-design=arena] .mini-meter{display:none}[data-design=arena] .data-table .num{font-family:"DIN Alternate","Avenir Next",sans-serif;font-size:1.0625rem!important;font-weight:600}[data-design=arena] .data-table tbody tr:nth-child(-n+3){background:#f0f5df}[data-design=arena] .inline-notice{border-left:0;border-right:0;background:transparent!important;padding-left:0;padding-right:0}[data-design=arena] .footer{max-width:1300px;border-top:2px solid #566647}[data-design=arena] .poster-wrap{background:#dfe8c4!important}

/* D — low-glare research desk; real daily sample histogram and notes rail. */
:root[data-design=nocturne]{--bg:oklch(20% .012 240);--surface:oklch(23.7% .013 235);--ink:#e5e8df;--muted:#acb4ab;--line:#424e50;--green:#dbc59a;--soft:#2a3339;--win:#f0a294;--push:#287db5;--radius:3px;color-scheme:dark!important}
[data-design=nocturne] .design-bar{--bar-bg:#232a2e;--bar-ink:#d3dccf;border-color:#465148}[data-design=nocturne] .design-tabs a[aria-current]{background:#3d4136;border-color:#7d8065;color:#e3d2ae}[data-design=nocturne] .design-bar-label,[data-design=nocturne] .design-stage{color:#aebbac}[data-design=nocturne] .masthead{background:var(--bg);border-bottom:1px solid #3a4549;min-height:88px;padding:0 40px;gap:48px}[data-design=nocturne] .brand{color:#e0cda8}[data-design=nocturne] .brand strong{font-size:1.875rem;font-weight:500;letter-spacing:.12em}[data-design=nocturne] .brand-caption{color:#aeb9ad;border-color:#5a6258}[data-design=nocturne] nav a{font-size:.8125rem;font-weight:400;color:#aeb9ad;padding-top:32px;padding-bottom:29px}[data-design=nocturne] nav a[aria-current=page]{color:#e5d2a9;border-bottom-width:1px}[data-design=nocturne] .edition{color:#afbbae}[data-design=nocturne] .edition i{background:#cbb684}[data-design=nocturne] main{max-width:1400px;padding:36px 40px 64px}[data-design=nocturne] h1{font-weight:500}[data-design=nocturne] .eyebrow{color:#b7b292;letter-spacing:2.2px}[data-design=nocturne] .toolbar{background:transparent;border-left:0;border-right:0;padding:20px 0}[data-design=nocturne] button,[data-design=nocturne] .button{background:#293137;color:var(--ink);border-color:#4e5b5b}[data-design=nocturne] button.primary,[data-design=nocturne] .button.primary{background:#d5c096;color:#262b25;border-color:#d5c096}[data-design=nocturne] button.primary:hover,[data-design=nocturne] .button.primary:hover{background:#e0cfad}[data-design=nocturne] button:hover{background:#36413f;border-color:#7c8b7e}[data-design=nocturne] .text-button{background:transparent;color:#ddc89f;border-color:transparent}[data-design=nocturne] input,[data-design=nocturne] select,[data-design=nocturne] textarea{background:#252e34;border-color:#53615e;color:#e1e7dd}[data-design=nocturne] .segmented{background:#242d33!important}[data-design=nocturne] .segmented button[aria-pressed=true]{background:#3c443b;color:#e8d4aa;box-shadow:none}[data-design=nocturne] .active-button{background:#41483a;color:#e1cfa8}[data-design=nocturne] .research-ledger{display:grid;grid-template-columns:290px minmax(0,1fr);gap:48px;padding:24px 0 28px;border-bottom:1px solid #47514b;margin-bottom:28px}[data-design=nocturne] .research-label h2{font-size:1.25rem;margin:10px 0 12px;font-weight:400;letter-spacing:.02em}[data-design=nocturne] .research-label p{font-size:.6875rem;color:var(--muted);margin:0;line-height:1.9}[data-design=nocturne] .chart-caption{display:flex;justify-content:space-between;font-size:.625rem;color:var(--muted);margin-bottom:12px}[data-design=nocturne] .chart-bars{height:112px;display:flex;gap:16px;align-items:stretch;border-bottom:1px solid #576151}[data-design=nocturne] .chart-day{min-width:0;flex:1;position:relative;display:flex;justify-content:flex-end;flex-direction:column;align-items:center;padding-top:22px;padding-bottom:24px;gap:0}[data-design=nocturne] .chart-day i{display:block;width:100%;max-width:46px;height:var(--bar-height);min-height:2px;background:#929d8b}[data-design=nocturne] .chart-day:last-child i{background:#d3bc8e}[data-design=nocturne] .chart-value{position:absolute;top:0;font-family:"Avenir Next",sans-serif;font-size:.625rem;color:#cbd4c7}[data-design=nocturne] .chart-date{position:absolute;bottom:4px;font-size:.5625rem;color:#b0bdaf;white-space:nowrap}[data-design=nocturne] .chart-day:hover i{background:#e6d5ae}[data-design=nocturne] .chart-empty{font-size:.75rem;color:var(--muted)}[data-design=nocturne] .research-content{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:24px;align-items:start}[data-design=nocturne] .design-overview{border:0;border-left:1px solid var(--line);padding-top:8px;background:transparent}[data-design=nocturne] .panel{border:0;background:transparent;border-top:1px solid #7e8874;border-bottom:1px solid #48564b}[data-design=nocturne] .panel-head{background:#252d32;border-bottom:1px solid #4c5850;padding:17px 16px}[data-design=nocturne] .panel-head .sort-note{display:none}[data-design=nocturne] .panel-head h2{font-weight:500}[data-design=nocturne] .data-table th{background:#20292f!important;border-bottom-color:#4c5850}[data-design=nocturne] .data-table td{height:65px}[data-design=nocturne] .data-table .author-col{min-width:160px}[data-design=nocturne] .author-name{font-weight:450}[data-design=nocturne] .mini-meter{display:none}[data-design=nocturne] .row-actions .small-button{font-size:.6875rem;padding-left:7px;padding-right:7px}[data-design=nocturne] .source-line{color:#c8d3c4}[data-design=nocturne] .source-table th:first-child,[data-design=nocturne] .source-table td:first-child{background:#222c31}[data-design=nocturne] .avatar{background:#343d34;color:#e1cca3;border-color:#596451}[data-design=nocturne] .footer{border-top-color:#47544c;max-width:1320px}[data-design=nocturne] .footer-brand{color:#dfcda5}[data-design=nocturne] .reading ul{color:#c0cdbb}[data-design=nocturne] .day-bar{background:#39443c}[data-design=nocturne] .poster-wrap{background:#283238!important}[data-design=nocturne] .poster-wrap canvas{box-shadow:none}

@media(min-width:1650px){[data-design=workbench] main{max-width:1500px;margin-left:max(196px,calc((100vw - 1304px)/2))}[data-design=workbench] .footer{max-width:1436px;margin-left:max(228px,calc((100vw - 1240px)/2))}}
@media(max-width:1240px){[data-design=workbench] .workbench-content,[data-design=nocturne] .research-content{grid-template-columns:minmax(0,1fr)}[data-design=workbench] .design-overview,[data-design=nocturne] .design-overview{display:none}.design-stage{display:none}[data-design=arena] .arena-leaders{grid-template-columns:115px 1.2fr 1fr 1fr}[data-design=arena] .arena-rank{font-size:44px}[data-design=arena] .arena-leader{gap:12px;padding:20px 14px}[data-design=arena] .arena-author{font-size:.875rem}[data-design=editorial] .journal-feature{grid-template-columns:100px minmax(0,1fr) 290px;gap:20px}[data-design=editorial] .feature-context{padding-left:24px}}
@media(max-width:1000px){.design-bar{gap:12px;padding-left:20px;padding-right:20px}.design-bar-label{display:none}[data-design=workbench] .masthead{width:170px;padding-left:12px;padding-right:12px}[data-design=workbench] main{margin-left:170px;padding:28px 24px}[data-design=workbench] .footer{margin-left:170px;padding-left:24px}[data-design=editorial] .masthead,[data-design=arena] .masthead,[data-design=nocturne] .masthead{gap:20px;padding-left:24px;padding-right:24px}[data-design=editorial] .brand-caption,[data-design=arena] .brand-caption,[data-design=nocturne] .brand-caption{display:none}[data-design=editorial] .masthead{min-height:90px}[data-design=editorial] .brand strong{font-size:2.25rem}[data-design=editorial] nav a,[data-design=arena] nav a,[data-design=nocturne] nav a{padding-left:10px;padding-right:10px}[data-design=editorial] main,[data-design=arena] main,[data-design=nocturne] main{padding-left:28px;padding-right:28px}[data-design=nocturne] .research-ledger{grid-template-columns:240px minmax(0,1fr);gap:24px}[data-design=arena] .arena-leaders-label{display:none}[data-design=arena] .arena-leaders{grid-template-columns:1.2fr 1fr 1fr}[data-design=editorial] .feature-context{display:none}[data-design=editorial] .journal-feature{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:760px){
 .design-bar{min-height:92px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:8px 16px}.design-back{font-size:11px;min-height:28px;grid-row:1;grid-column:1}.design-tabs{grid-column:1/-1;grid-row:2;gap:4px;justify-content:space-between}.design-tabs a{flex:1;justify-content:center;min-height:40px;padding:7px 5px;gap:4px;font-size:11px}.design-tabs a span{font-size:10px}.design-tabs a b{font-size:11px}.design-stage{display:block;grid-row:1;grid-column:2;font-size:9px}.design-bar-label{display:none}
 html[data-design]:not([data-design=original]) main{margin:0;padding:24px 16px 40px;min-height:calc(100vh - 250px)}html[data-design]:not([data-design=original]) .masthead{position:relative;inset:auto;width:auto;padding:16px 16px 0;display:flex;flex-direction:row;flex-wrap:wrap;gap:0;min-height:0;border-right:0;border-bottom:1px solid var(--line);align-items:center}html[data-design]:not([data-design=original]) .brand{padding:0;flex-wrap:nowrap;margin-bottom:14px;gap:8px}html[data-design]:not([data-design=original]) .brand strong{font-size:1.625rem;letter-spacing:.04em}html[data-design]:not([data-design=original]) .brand svg{width:26px;height:26px}html[data-design]:not([data-design=original]) .brand-caption{display:block;flex-basis:auto;margin:0 0 0 8px;padding:0 0 0 10px;border-left:1px solid var(--line);font-size:.5625rem}html[data-design]:not([data-design=original]) .brand-caption small{font-size:.4375rem}html[data-design]:not([data-design=original]) nav{flex-direction:row;width:100%;flex-basis:100%;gap:0;align-self:auto;overflow:visible;justify-content:space-between}html[data-design]:not([data-design=original]) nav a{flex:1;padding:13px 2px 12px;text-align:center;min-height:44px;font-size:.6875rem;display:block;border:0;border-bottom:2px solid transparent;border-radius:0;white-space:nowrap}html[data-design]:not([data-design=original]) nav a::before{display:none}html[data-design]:not([data-design=original]) nav a[aria-current=page]{border-bottom-color:var(--green);background:transparent}html[data-design]:not([data-design=original]) .edition{display:none}html[data-design]:not([data-design=original]) .footer{margin:0;padding:20px 16px}html[data-design]:not([data-design=original]) .page-head{margin-bottom:20px;align-items:flex-start}html[data-design]:not([data-design=original]) h1{font-size:1.75rem!important}html[data-design]:not([data-design=original]) .sub{font-size:.8125rem;line-height:1.7}html[data-design]:not([data-design=original]) .toolbar{padding:14px;gap:12px 10px}html[data-design]:not([data-design=original]) .segmented button{font-size:.75rem;padding-left:9px;padding-right:9px;min-height:40px}html[data-design]:not([data-design=original]) .data-table .author-name{font-size:.875rem!important}html[data-design]:not([data-design=original]) .data-table .num{font-size:.875rem!important}html[data-design]:not([data-design=original]) .data-table td{height:82px;padding:14px 8px}html[data-design]:not([data-design=original]) .data-table .author-col{min-width:0}html[data-design]:not([data-design=original]) .data-table .rank{width:29px;padding-right:2px;font-size:.6875rem}html[data-design]:not([data-design=original]) .data-table .rate-col{width:62px}html[data-design]:not([data-design=original]) .mobile-cell{width:54px}html[data-design]:not([data-design=original]) .data-table th{font-size:.625rem}html[data-design]:not([data-design=original]) .data-table .author-meta{font-size:.625rem}html[data-design]:not([data-design=original]) .mobile-result{font-size:.6875rem;gap:4px 7px}html[data-design]:not([data-design=original]) .coverage{font-size:.6875rem;gap:8px}html[data-design]:not([data-design=original]) .head-actions button{font-size:.6875rem}html[data-design]:not([data-design=original]) .inline-notice{font-size:.75rem}html[data-design]:not([data-design=original]) input[type=search]{width:100%}html[data-design]:not([data-design=original]) .panel-head{padding:16px 12px}html[data-design]:not([data-design=original]) .panel-head .sort-note{display:none}
 [data-design=workbench] .workbench-content,[data-design=nocturne] .research-content{display:block}[data-design=workbench] .toolbar{margin-bottom:16px}[data-design=workbench] .masthead{background:#eaf0eb}[data-design=workbench] .brand-caption{color:#607368}
 [data-design=editorial] .masthead{border-bottom:3px double #93836a!important}[data-design=editorial] .journal-issue{font-size:.5rem;letter-spacing:0;margin-bottom:20px;padding-bottom:12px}[data-design=editorial] .page-head h1{font-size:2rem!important;letter-spacing:.05em!important}[data-design=editorial] .journal-feature{padding:20px 0;grid-template-columns:72px minmax(0,1fr);gap:16px;margin-top:4px}[data-design=editorial] .feature-number{font-size:72px;letter-spacing:-5px}[data-design=editorial] .feature-author>a{font-size:1.5rem;margin:8px 0}[data-design=editorial] .feature-author p{font-size:.75rem}[data-design=editorial] .feature-author p span{padding:0 5px}[data-design=editorial] .section-overline{font-size:.5rem}[data-design=editorial] .toolbar{padding:16px 0!important;margin-top:20px}[data-design=editorial] .data-table .rank{font-size:1rem!important}[data-design=editorial] .data-table th{padding-top:13px;padding-bottom:13px}[data-design=editorial] .panel-head{padding-left:0!important;padding-right:0!important}[data-design=editorial] .footer{border-top:3px double #93836a}
 [data-design=arena] .brand-caption{border-color:#5c6e49!important;color:#bdceac!important}[data-design=arena] .page-head h1{font-size:2.125rem!important}[data-design=arena] .toolbar{padding:16px 0!important}[data-design=arena] .arena-leaders{display:flex;flex-direction:column;gap:0;min-height:0;margin-top:8px;margin-bottom:24px}[data-design=arena] .arena-leader{padding:16px 18px;gap:16px;align-items:center;min-height:96px;border:0;border-bottom:1px solid #adc04e}[data-design=arena] .arena-rank{font-size:44px;letter-spacing:-2px;align-self:center;min-width:43px}[data-design=arena] .arena-leader>div{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;flex:1;min-width:0}[data-design=arena] .arena-author{font-size:.875rem;max-width:none;grid-column:1;grid-row:1}[data-design=arena] .arena-sample{font-size:.5625rem;grid-column:1;grid-row:2;margin-top:6px}[data-design=arena] .arena-leader strong{margin:0;grid-column:2;grid-row:1/3;font-size:32px}[data-design=arena] .arena-leader strong i{display:block;font-size:.5625rem;margin-top:7px}[data-design=arena] .arena-arrow{display:none}[data-design=arena] .arena-leader strong small{font-size:.5625rem}[data-design=arena] .data-table .rank{font-size:1.375rem!important}[data-design=arena] .section-overline{font-size:.5625rem}
 [data-design=nocturne] .brand-caption{color:#b4c1af!important;border-color:#5c6857!important}[data-design=nocturne] .toolbar{padding:16px 0!important}[data-design=nocturne] .research-ledger{grid-template-columns:1fr;gap:20px;padding:12px 0 24px;margin-bottom:24px}[data-design=nocturne] .research-label h2{font-size:1.125rem;margin:8px 0}[data-design=nocturne] .research-label p{font-size:.6875rem}[data-design=nocturne] .research-label br{display:none}[data-design=nocturne] .chart-bars{height:100px;gap:12px}[data-design=nocturne] .chart-day i{max-width:28px}[data-design=nocturne] .chart-caption{font-size:.625rem}[data-design=nocturne] .chart-value{font-size:.5625rem}[data-design=nocturne] .chart-date{font-size:.5rem}
}
@media(max-width:360px){.design-bar{padding-left:12px;padding-right:12px}.design-tabs a{font-size:10px;padding:6px 3px;gap:3px}.design-tabs a span{font-size:9px}.design-stage{font-size:8px}html[data-design]:not([data-design=original]) main{padding-left:12px;padding-right:12px}html[data-design]:not([data-design=original]) .toolbar{padding:12px}html[data-design]:not([data-design=original]) .data-table .rank{width:24px}html[data-design]:not([data-design=original]) .data-table .num{font-size:.8125rem!important}html[data-design]:not([data-design=original]) .mobile-result{font-size:.625rem;gap:3px 5px}html[data-design]:not([data-design=original]) .data-table .author-name{font-size:.8125rem!important}html[data-design]:not([data-design=original]) .brand-caption{display:none}[data-design=editorial] .feature-author>a{font-size:1.25rem}[data-design=nocturne] .chart-bars{gap:6px}[data-design=arena] .arena-leader{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:no-preference){html[data-design]:not([data-design=original]) main{animation:design-reveal .25s ease-out both}@keyframes design-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media print{.design-bar{display:none}}

[data-design=nocturne] .chart-bars.dense .chart-value,[data-design=nocturne] .chart-bars.dense .chart-date{display:none}[data-design=nocturne] .chart-bars.dense .chart-day:first-child .chart-date,[data-design=nocturne] .chart-bars.dense .chart-day:last-child .chart-date{display:block}[data-design=nocturne] .chart-bars.dense .chart-day:first-child .chart-date{left:0}[data-design=nocturne] .chart-bars.dense .chart-day:last-child .chart-date{right:0}

/* Breakpoint notes stay available after the ledger instead of disappearing. */
@media(max-width:1240px){[data-design=workbench] .design-overview,[data-design=nocturne] .design-overview{display:block;margin-top:20px}.overview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.overview-list>div{flex-direction:column;align-items:flex-start;gap:8px}.tier-key{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.design-overview p{max-width:70ch}}
@media(max-width:760px){.overview-list{gap:12px}.overview-list dt{font-size:.625rem}.overview-list dd{font-size:1.25rem}.tier-key{grid-template-columns:1fr;gap:12px}[data-design=nocturne] .design-overview{border-left:0;border-top:1px solid var(--line);padding:24px 8px}[data-design=workbench] .design-overview{padding:24px 16px}}

@media(min-width:761px) and (max-width:1100px){[data-design=workbench] .share-layout{grid-template-columns:minmax(0,1fr)}[data-design=workbench] .poster-wrap{max-width:440px;width:100%}[data-design=workbench] .service-layout,[data-design=workbench] .split{grid-template-columns:minmax(0,1fr)}[data-design=workbench] .archive-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
