/* Editorial figures and working comparisons. */
.silicon-page,.atlas-page{--teal-dim:#e3ebe6;--oxide:#9a573a;--oxide-dim:#f1e5dc;--pale:#ecefe9;--slate:#587286}
.tool-page .snapshot-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:13px 0 23px;color:var(--ink-3);font-size:11px;line-height:1.7}
.snapshot-note>span{display:inline-block;border:1px solid var(--rule);padding:5px 10px;border-radius:30px;color:var(--amber);font:10px var(--mono);white-space:nowrap}
.silicon-page .silicon-bench{padding:30px}.bench-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.bench-heading>span{font-size:12px;color:var(--ink-3)}
.silicon-page .metrics{gap:7px}.silicon-page .metrics button{font:12px var(--sans);letter-spacing:0;border-radius:3px;padding:12px 16px;min-height:42px}.silicon-page .metrics button.on{color:#20251c}
.silicon-page .caption{font:14px/1.7 var(--sans);max-width:780px;margin:22px 0 28px;min-height:48px;color:var(--ink-2)}
.silicon-exhibit{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px}.comparison-chart{min-width:0}.chart-label{display:flex;justify-content:space-between;font:9px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);padding:0 10px 12px;border-bottom:1px solid var(--rule)}
.silicon-page .row{position:relative;grid-template-columns:142px minmax(20px,1fr) 116px 38px;padding:18px 10px;gap:12px;border-radius:0;border-bottom:1px solid var(--rule)}.silicon-page .row:hover{background:#eef1eb}.silicon-page .row.sel{border:1px solid var(--teal);border-radius:3px;background:#e7eee8}.silicon-page .row:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.silicon-page .row .g{font:19px var(--sans);letter-spacing:-.02em}.silicon-page .row .g em{font:9px/1.4 var(--mono);letter-spacing:0;color:var(--ink-3);margin-top:6px}.silicon-page .row .v{font-size:11px}.silicon-page .row .d{font-size:10px;color:var(--ink-3)}.silicon-page .track{height:22px;border-radius:2px;background:#e4e7e0}.silicon-page .fill{border-radius:2px;background:var(--teal)}.silicon-page .fill.amber{background:var(--amber)}.chart-footnote{font-size:11px;color:var(--ink-3);margin:16px 0!important}
.chip-insight{background:#eeeee7;color:var(--ink);padding:25px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:3px;min-width:0}.chip-insight .overline{color:#627052;font-size:9px;max-width:100%}.chip-value{font:clamp(20px,2.2vw,32px)/1.2 var(--sans);letter-spacing:-.045em}.chip-meaning{font:12px/1.6 var(--sans);color:#657057;max-width:24ch;margin-top:10px!important}.silicon-page .dossier{margin-top:30px;padding-top:0;border-bottom:0}.silicon-page .dossier>summary{padding:22px 0;cursor:pointer;color:var(--ink);font-size:14px}.silicon-page .dossier .detail-body{padding:0 0 10px}.silicon-page .dh h2{font:26px var(--sans);letter-spacing:-.03em}.silicon-page .dossier p{font:14px/1.8 var(--sans);max-width:86ch;margin-top:12px}.silicon-page .badge{font-size:9px}.silicon-page .notes,.atlas-page .notes{margin-top:25px;padding:0;max-width:none;border-bottom:1px solid var(--rule)}.silicon-page .notes summary,.atlas-page .notes summary,.atlas-page .srcblock summary{padding:22px 0;font:14px var(--sans);text-transform:none;letter-spacing:0;color:var(--ink)}.silicon-page .notes .detail-body,.atlas-page .notes .detail-body{padding:0 0 22px}.silicon-page .notes p,.atlas-page .notes p{font:14px/1.8 var(--sans);max-width:90ch;margin:12px 0}.silicon-page .foot a{color:var(--teal)}
.atlas-page .stage{max-width:1280px;margin:0 5%;padding:30px;background:var(--panel);border:1px solid var(--rule);border-radius:4px}.atlas-page .bsec{margin:0}.price-board-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:30px}.range-readout{font:clamp(30px,4vw,53px)/1.3 var(--sans);letter-spacing:-.06em;margin:12px 0 4px!important;color:var(--teal)}.range-caption{font-size:12px;color:var(--ink-3)}.chip-picker{align-self:center}.chip-picker label{display:block;margin-bottom:10px}.atlas-page .stp{gap:10px}.atlas-page .stp select{font:19px var(--sans);letter-spacing:-.025em;min-width:180px;max-width:100%;background:var(--paper);color:var(--ink);padding:15px 32px 15px 14px;border:1px solid var(--rule);border-radius:4px;cursor:pointer;color-scheme:light}.atlas-page .sarr{width:36px;height:36px;border-radius:50%;font:17px var(--sans)}.atlas-page .sarr.dis{color:var(--ink-3);opacity:.4}.atlas-page .controls{margin:0 0 16px}.atlas-page .seg button{font:12px var(--sans);border-radius:3px;padding:10px 15px;min-height:40px}.atlas-page .seg button.on{color:#20251c}.atlas-page details{max-width:none}.atlas-page .advanced-filters{margin:0 0 20px;border-bottom:1px solid var(--rule);padding-bottom:14px}.atlas-page .advanced-filters>summary{display:flex;align-items:center;gap:10px;cursor:pointer;font:12px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-2);list-style:none;min-height:30px}.atlas-page .advanced-filters>summary:before{content:'+';color:var(--teal);font-size:20px}.atlas-page .advanced-filters[open]>summary:before{content:'−'}.advanced-filters>summary::-webkit-details-marker{display:none}#filter-state{font:10px var(--mono);color:var(--amber);margin-left:auto}.filter-groups{display:flex;flex-wrap:wrap;gap:16px 40px;padding:12px 0 5px}.filter-groups p{font:10px var(--mono)!important;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px!important;color:var(--ink-3)}.board-status{font-size:11px;color:var(--ink-3);margin-bottom:24px!important}
.atlas-page .board{--nameW:170px;--stripW:70px;--padL:15px;--padR:12px;--lgap:20px;margin:0}.atlas-page .axis{height:30px}.atlas-page .axis .unit{font-size:9px}.atlas-page .brow{min-height:49px;padding-top:7px;padding-bottom:7px;background:transparent;border-color:var(--rule)}.atlas-page .brow:hover,.atlas-page .brow.sel{background:#e9eee7}.atlas-page .bn{font:14px/1.4 var(--sans);letter-spacing:0}.atlas-page .bb{font:8px var(--mono);letter-spacing:.08em;margin-top:4px}.atlas-page .lane{height:26px}.atlas-page .lgl{background:#dce0d8;top:-10px;bottom:-10px}.atlas-page .mkw .bar{height:3px;opacity:.8}.atlas-page .mk{width:11px;height:11px;margin-top:-5.5px}.atlas-page .mkw.co .mk{background:var(--panel)}.atlas-page .mkw.sp .mk{background:var(--panel)}.atlas-page .brow:hover .mkw.co .mk,.atlas-page .brow.sel .mkw.co .mk{background:#e9eee7}.atlas-page .sc{box-shadow:inset 0 0 0 1px #cbd1c7}.atlas-page .sc.p{box-shadow:none;background:#7f8f83}.atlas-page .gtag{font-size:9px;color:var(--ink-3)}.atlas-page .legend{font:10px var(--sans);gap:7px 20px;margin-top:20px;color:var(--ink-2)}.atlas-page .strip-legend{font-size:9px;color:var(--ink-3);margin-top:8px}.atlas-page .bhint{font:11px/1.7 var(--sans);margin-top:16px;color:var(--ink-3)}.atlas-page #tip{background:#fffefa;color:#232c31;border:1px solid #d9ddd5;box-shadow:0 8px 22px #232c3118;max-width:min(340px,calc(100vw - 16px))}.atlas-page #tip b{color:#232c31}.atlas-page #tip em{color:#626b70}.atlas-page .bx{background:#f0f1eb}.atlas-page .bxin{padding:25px;border-color:var(--rule)}.atlas-page .bx .badge{font-size:9px;text-transform:none;letter-spacing:0}.atlas-page .bx .scope-note{font-size:11px;background:transparent;padding:12px 0;border:0}.atlas-page .drow{font:14px/1.8 var(--sans);max-width:90ch}.atlas-page .xk{font-size:9px;color:var(--teal)}.atlas-page .ask{font:13px/1.7 var(--sans)}.atlas-page .ask b{font:9px var(--mono)}.atlas-page .compare{max-width:1280px;margin:25px 5% 0;border-radius:4px;padding:24px}.atlas-page #compareTable{overflow-x:auto}.atlas-page .compare h2{font:18px var(--sans);letter-spacing:-.03em;text-transform:none}.atlas-page .compare table{font:12px/1.8 var(--sans);min-width:500px}.atlas-page .compare th,.atlas-page .compare td{padding:12px 8px}.atlas-page .srcblock{margin-top:0;border-bottom:1px solid var(--rule)}.atlas-page .srcblock ul{padding:0 0 22px}.atlas-page .srcblock li{font-size:11px;overflow-wrap:anywhere}
@media(min-width:1423px){.atlas-page .stage,.atlas-page .compare{margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.silicon-exhibit{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.silicon-page .row{grid-template-columns:115px minmax(15px,1fr) 98px 34px;gap:8px}.silicon-page .row .g{font-size:17px}.silicon-page .row .g em{font-size:8px}.silicon-page .row .v{font-size:10px}.chip-insight{padding:24px 16px}}
@media(max-width:820px){.silicon-exhibit{grid-template-columns:1fr}.chip-insight{display:grid;grid-template-columns:160px 1fr;grid-template-rows:auto auto 1fr;text-align:left;column-gap:20px;padding:25px;min-height:208px;align-items:start;justify-items:start}.chip-object{grid-column:1;grid-row:1/4;margin:6px 0;width:138px;height:138px}.chip-insight .overline,.chip-insight .chip-value,.chip-insight .chip-meaning{grid-column:2}.chip-value{font-size:30px;margin-top:10px!important}.chip-meaning{max-width:30ch}.chip-insight .chip-meaning{margin-top:8px!important}.price-board-top{align-items:start}.atlas-page .stp{gap:6px}.atlas-page .stp select{min-width:145px;font-size:15px}.atlas-page .sarr{width:30px;height:30px}.atlas-page .board{--nameW:138px;--lgap:14px;--stripW:60px}.atlas-page .sc{width:6px}.atlas-page .bn{font-size:12px}.range-readout{font-size:38px}}
@media(max-width:600px){.silicon-page .silicon-bench,.atlas-page .stage{padding:18px}.bench-heading{align-items:start}.bench-heading>span{max-width:120px;text-align:right;font-size:10px}.silicon-page .metrics{gap:6px}.silicon-page .metrics button{padding:10px 12px;font-size:11px}.silicon-page .caption{font-size:13px;margin:20px 0;min-height:0}.silicon-page .row{grid-template-columns:91px minmax(20px,1fr) 92px;gap:9px;padding:18px 8px}.silicon-page .row .g{font-size:17px}.silicon-page .row .g em{font-size:8px}.silicon-page .row .d{display:none}.silicon-page .track{height:19px}.silicon-page .row .v{font-size:9px}.chart-label>span{display:none}.chip-insight{grid-template-columns:120px 1fr;padding:22px 18px;column-gap:20px;min-height:180px}.chip-object{width:110px;height:110px;border-width:6px;margin-top:12px}.chip-object:before{inset:19px}.chip-object>span{font-size:14px}.chip-object i{width:17px;height:12px}.chip-object i:nth-child(1),.chip-object i:nth-child(3){left:14px}.chip-object i:nth-child(2),.chip-object i:nth-child(4){right:14px}.chip-object i:nth-child(5),.chip-object i:nth-child(7){top:26px}.chip-object i:nth-child(6),.chip-object i:nth-child(8){bottom:26px}.chip-value{font-size:23px}.chip-meaning{font-size:11px}.silicon-page .dossier>summary{font-size:13px}.price-board-top{display:block;padding-bottom:22px}.range-readout{font-size:43px}.chip-picker{margin-top:24px}.atlas-page .stp{width:100%;gap:10px}.atlas-page .stp select{flex:1;font-size:18px}.atlas-page .sarr{width:36px;height:36px}.atlas-page .seg{gap:6px}.atlas-page .seg button{font-size:11px;padding:10px 12px}.atlas-page .board{--nameW:104px;--stripW:0px;--lgap:12px;--padL:8px;--padR:6px}.atlas-page .brow{grid-template-columns:var(--nameW) 1fr;min-height:58px}.atlas-page .brow .strip{display:none}.atlas-page .axis{margin-right:var(--padR)}.atlas-page .axis .tk{font-size:9px}.atlas-page .bn{font-size:12px;white-space:normal}.atlas-page .bb{font-size:7px}.atlas-page .strip-legend{display:none}.atlas-page .bxin{padding:20px 14px}.atlas-page .legend{font-size:9px;gap:7px 12px}.atlas-page .gtag{font-size:8px}.atlas-page .board-status{font-size:11px}.atlas-page .advanced-filters>summary{flex-wrap:wrap}#filter-state{font-size:9px}.atlas-page .filter-groups{gap:18px}.silicon-page .notes summary,.atlas-page .notes summary,.atlas-page .srcblock summary{font-size:13px;line-height:1.7}.tool-page .snapshot-note{font-size:10px;gap:7px 12px}.silicon-page .chart-footnote{font-size:10px}.silicon-page .dh h2{font-size:24px}}
/* Keep the first interaction in view beside the invitation. */
.silicon-page .tool-intro,.atlas-page .tool-intro{display:flex;justify-content:space-between;align-items:end;gap:35px}.silicon-page .tool-intro h1,.atlas-page .tool-intro h1{margin-bottom:0}.silicon-page .tool-intro .dek,.atlas-page .tool-intro .dek{max-width:400px;font-size:15px;margin-bottom:6px}.atlas-page .axis .tk{padding:0;min-width:0}
@media(max-width:760px){.silicon-page .tool-intro,.atlas-page .tool-intro{display:block}.silicon-page .tool-intro .dek,.atlas-page .tool-intro .dek{margin-top:20px}.silicon-page .tool-intro h1,.atlas-page .tool-intro h1{font-size:clamp(39px,8vw,56px)}}

/* A short reading layer gives each tool a concrete question to answer. */
.silicon-page .worked-example,.atlas-page .worked-example{padding:26px 0 30px;margin:0 0 30px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:transparent;border-radius:0}
.memory-example,.rate-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:44px;align-items:center}
.silicon-page .worked-example h2,.atlas-page .worked-example h2{font:400 26px/1.3 var(--sans);letter-spacing:-.035em;margin:10px 0 12px;max-width:480px}
.silicon-page .worked-example p:not(.overline),.atlas-page .worked-example p:not(.overline){font:14px/1.75 var(--sans);color:var(--ink-2);max-width:70ch}
.memory-figure{margin:0}.memory-comparison{display:grid;grid-template-columns:48px minmax(0,1fr) 55px;align-items:center;gap:14px;margin:18px 0;font:13px var(--sans)}.memory-comparison strong{font:12px var(--mono);text-align:right}.memory-track{height:24px;background:#e3e6df}.memory-track i{height:100%;display:block;background:var(--teal)}.memory-comparison:first-child .memory-track i{background:#8c9c94}.memory-figure figcaption{font:12px/1.7 var(--sans);color:var(--ink-2);margin-top:20px}.memory-figure figcaption a,.worked-example a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.silicon-page .chip-insight{display:flex;flex-direction:column;align-items:start;justify-content:start;text-align:left;padding:26px 24px;background:#eeeee7;color:var(--ink);min-height:0;border-radius:0;border-left:2px solid var(--teal)}.silicon-page .chip-insight .overline{color:var(--ink-2);font-size:10px}.silicon-page .selected-chip-name{font:400 34px/1.2 var(--sans);letter-spacing:-.04em;margin:18px 0 28px}.silicon-page .chip-value{font-size:26px;letter-spacing:-.035em;margin:0!important}.silicon-page .chip-meaning{color:var(--ink-2);font-size:12px;max-width:25ch}.silicon-page .metrics button.on,.atlas-page .seg button.on{color:var(--panel)}.silicon-page .row.sel{border-color:var(--teal)}.atlas-page .range-readout{font-size:36px;color:var(--ink);letter-spacing:-.04em}.atlas-page .example-equation{font:400 25px/1.3 var(--sans)!important;color:var(--ink)!important;letter-spacing:-.035em;margin-bottom:12px!important}.atlas-page .gtag{color:var(--ink-2)}.silicon-page .caption{min-height:0}.silicon-page .metrics button,.atlas-page .seg button{border-radius:3px}.atlas-page .price-board-top{padding-bottom:22px}
@media(max-width:820px){.memory-example,.rate-example{grid-template-columns:1fr;gap:20px}.silicon-page .chip-insight{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;align-items:center;border-left:0;border-top:2px solid var(--teal)}.silicon-page .chip-insight .overline{grid-column:1;grid-row:1}.silicon-page .selected-chip-name{grid-column:1;grid-row:2;margin:0}.silicon-page .chip-insight .chip-value{grid-column:2;grid-row:1}.silicon-page .chip-insight .chip-meaning{grid-column:2;grid-row:2;margin:0!important}.memory-figure figcaption{max-width:75ch}.silicon-page .worked-example h2,.atlas-page .worked-example h2{max-width:650px}}
@media(max-width:600px){.silicon-page .worked-example,.atlas-page .worked-example{padding:22px 0;margin-bottom:24px}.silicon-page .worked-example h2,.atlas-page .worked-example h2{font-size:24px}.silicon-page .worked-example p:not(.overline),.atlas-page .worked-example p:not(.overline){font-size:13px}.silicon-page .chip-insight{padding:22px 18px;gap:10px 18px}.silicon-page .selected-chip-name{font-size:28px}.silicon-page .chip-value{font-size:22px}.silicon-page .chip-meaning{font-size:11px}.atlas-page .range-readout{font-size:32px}.atlas-page .example-equation{font-size:23px!important}}