/* Shared reading hierarchy. Labels and values remain separate without larger type. */
:where(body.site-ui.site-refresh,#tool){--clarity-label:#b8cfd9;--clarity-value:#e1edf3;--clarity-line:#35505f;--clarity-band:#0c1c28;--clarity-row:#10232e;--clarity-alt:#142b37}
body.site-ui.site-refresh main :is(.range-heading,.home-group-head,.gear-section-heading,.formation-section-heading){border-bottom:2px solid #416474;background:#0d1e2a;border-radius:8px 8px 0 0}
body.site-ui.site-refresh main :is(.range-heading,.home-group-head){padding:10px 12px}
body.site-ui.site-refresh main :is(.panel,.setup-section,.account-panel,.reader-section)>:is(h2,h3),#tool .reference-section-title{padding-bottom:10px;border-bottom:1px solid #416474;letter-spacing:0;font-weight:650}
body.site-ui.site-refresh main :is(.field>span,.stat-label),#tool :is(.field>span,.metric>span){color:var(--clarity-label)}
/* Consistent table headers, quiet alternating rows, and a visible footer boundary. */
body.site-ui.site-refresh :is(main,dialog) table:has(thead),#tool table:has(thead){font-variant-numeric:tabular-nums lining-nums;border-color:var(--clarity-line)}
body.site-ui.site-refresh :is(main,dialog) table thead th,#tool table thead th{background:var(--clarity-band)!important;color:var(--clarity-label)!important;font-weight:600;line-height:1.5;border-bottom:2px solid #507b86!important;vertical-align:bottom}
body.site-ui.site-refresh :is(main,dialog) table tbody tr:not([class])>:is(td,th),#tool table tbody tr:not([class])>:is(td,th){background:var(--clarity-row);border-color:#2e4858}
body.site-ui.site-refresh :is(main,dialog) table tbody tr:not([class]):nth-child(even)>:is(td,th),#tool table tbody tr:not([class]):nth-child(even)>:is(td,th){background:var(--clarity-alt)}
body.site-ui.site-refresh :is(main,dialog) table tfoot :is(th,td),#tool table tfoot :is(th,td){border-top:2px solid #507b86;font-weight:650}
body.site-ui.site-refresh :is(.amount,.stat-number,.price,.price-primary,.chain-card-total strong,.material-summary strong,.hero-stat-grid strong,.hero-march-stat strong,.vit-result strong),#tool :is(.lead,.metric strong,.compare-value){font-variant-numeric:tabular-nums lining-nums;letter-spacing:0}
body.site-ui.site-refresh #cost-table tr>:is(:nth-child(2),:nth-child(4)){text-align:right}
body.site-ui.site-refresh .material-summary li{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
body.site-ui.site-refresh .material-summary strong{flex-shrink:0;text-align:right}
/* Results read as label, value, then context. Preserve the established primary result. */
body.site-ui.site-refresh .stat{padding:14px;border:1px solid #35505f;border-radius:9px;background:#10232e}
body.site-ui.site-refresh main .stat.primary{background:#17382f;border-color:#548776}
body.site-ui.site-refresh .stat-label{display:block;font-size:12px;font-weight:500;line-height:1.5;margin-bottom:8px}
body.site-ui.site-refresh .stat-number{display:block;font-size:20px;line-height:1.45;font-weight:650;color:#e1edf3}
body.site-ui.site-refresh .stat-number .amount{font-size:inherit}
body.site-ui.site-refresh .stat small{display:block;margin-top:6px;color:#b8cfd9;font-size:12px;line-height:1.5}
#tool .calculator-answer .result{border-top:3px solid #81baa7}
#tool .calculator-answer .result .lead{font-size:22px;line-height:1.4}
#tool .result .metric{padding:8px 0;border-bottom:1px solid #35534e}
#tool .result .metric:last-child{border-bottom:0}
#tool .result .metric strong{padding-inline-start:12px}
/* Prices share a fixed edge; catalogue cards no longer expose white gutters. */
body.site-ui.site-refresh main #results{background:transparent}
body.site-ui.site-refresh main .pack-result>.meta-right{font-variant-numeric:tabular-nums;text-align:right}
body.site-ui.site-refresh main#app .pack-result :is(.chain-card-total,.meta-right){border-color:#35505f}
body.site-ui.site-refresh main .pack-result .price,body.site-ui.site-refresh main .chain-card-total strong{font-weight:650;color:#d1efe3}
body.site-ui.site-refresh main .store-result+.store-result{margin-top:8px}
body.site-ui.site-refresh main .store-result .store-summary{font-variant-numeric:tabular-nums}
/* One clear main action; secondary and disclosure controls retain their own shape. */
body.site-ui.site-refresh main :is(button.primary,.primary-button,.home-button,#open-funding),#tool button.primary{background:#a6ddcb;color:#102c28;border:1px solid #b8e9d9;font-weight:650;box-shadow:0 1px 0 #071714}
body.site-ui.site-refresh main :is(button.primary,.primary-button,.home-button,#open-funding):hover:not(:disabled),#tool button.primary:hover:not(:disabled){background:#c2ecde;color:#102c28}
body.site-ui.site-refresh main :is(button,a,summary):focus-visible,#tool :is(button,a,summary,input,select):focus-visible{outline:3px solid #b5ebd8;outline-offset:3px}
body.site-ui.site-refresh main details[open]>summary,#tool details:not(.cp-row):not(.player-row):not(.change-row)[open]>summary{border-color:#6b968c;box-shadow:inset 3px 0 #8ecfba}
body.site-ui.site-refresh main :is(#pack-sections,#store-sections){border-bottom-color:#35505f}
@media(hover:hover){body.site-ui.site-refresh :is(main,dialog) table tbody tr:not([class]):hover>:is(td,th),#tool table tbody tr:not([class]):hover>:is(td,th){background:#203e49}body.site-ui.site-refresh main summary:hover,#tool details:not(.cp-row):not(.player-row):not(.change-row)>summary:hover{border-color:#6b968c}}
@media(min-width:761px){body.site-ui.site-refresh main .pack-result>.meta-right{border-inline-start:1px solid #35505f;padding-inline-start:16px}body.site-ui.site-refresh main .store-result .store-summary{text-align:right;padding-inline-end:14px;border-inline-end:1px solid #35505f}}
@media(max-width:700px){body.site-ui.site-refresh .stat{padding:12px}body.site-ui.site-refresh .stat-number{font-size:18px}#tool .calculator-answer .result .lead{font-size:20px}body.site-ui.site-refresh main :is(.range-heading,.home-group-head){padding:9px 10px}}
body.site-ui.site-refresh main .material-summary strong{font-size:18px;font-weight:650;line-height:1.5}
body.site-ui.site-refresh main .saving-bar{background:#263e4b;border:1px solid #4d6875;height:7px}
body.site-ui.site-refresh main .saving-bar>span{background:#9edbc8}
body.site-ui.site-refresh main #pack-hidden-dates{background:#332a1b;color:#f0d39d;border:1px solid #76613a;border-radius:8px}
@media(max-width:640px){#tool #craft-reference-table tr>:first-child{width:52%}}
/* Expanded gold planning uses the same dark surface as the default results. */
body.site-ui.site-refresh main .funding-overview{background:#10232e;color:#e1edf3;border-color:#35505f}
body.site-ui.site-refresh main .funding-overview>h2{font-size:16px;padding-bottom:10px;border-bottom:1px solid #416474}
body.site-ui.site-refresh main .funding-progress progress{accent-color:#9edbc8}
body.site-ui.site-refresh main .funding-ledger dl>div{border-color:#35505f}
body.site-ui.site-refresh main .funding-ledger dd{font-variant-numeric:tabular-nums lining-nums;font-weight:600}
body.site-ui.site-refresh main .chain-overview-table tr>:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums lining-nums}
@media(forced-colors:active){body.site-ui.site-refresh :is(main,dialog) table :is(th,td),#tool table :is(th,td),body.site-ui.site-refresh main :is(.stat,.stat-label,.stat-number,.stat small,.range-heading,.home-group-head),#tool .calculator-answer .result{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}body.site-ui.site-refresh main :is(button.primary,.primary-button,.home-button,#open-funding),#tool button.primary{background:ButtonFace;color:ButtonText;border-color:ButtonText}body.site-ui.site-refresh main #pack-hidden-dates{background:Canvas;color:CanvasText;border-color:CanvasText}body.site-ui.site-refresh main .funding-overview,body.site-ui.site-refresh main .stat.primary{background:Canvas!important;color:CanvasText!important}body.site-ui.site-refresh main :focus-visible,#tool :focus-visible{outline-color:Highlight}}