.hero>#emulator-title{font:var(--t-display-md);letter-spacing:var(--t-display-md-ls)}:is(#replay,#method)>.chapter-head h2{font:var(--t-title-lg);letter-spacing:var(--t-title-lg-ls)}.emulator-panel{text-align:left}.emulator-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.emulator-form{min-width:0;padding:var(--panel-pad);border-right:1px solid var(--line);align-self:stretch}.emulator-results{min-width:0;padding:var(--panel-pad);display:flex;flex-direction:column;gap:var(--s-4)}@media (max-width: 960px){.emulator-split{grid-template-columns:minmax(0,1fr)}.emulator-form{border-right:0;border-bottom:1px solid var(--line)}}.emulator-workload{display:inline-flex;border:0;margin:0 0 var(--s-6);padding:2px}.emulator-workload label{position:relative;display:flex;align-items:center;height:28px;padding:0 var(--s-4);border:1px solid transparent;border-radius:var(--r-full);font:var(--t-meta);letter-spacing:var(--t-meta-ls);color:var(--ink-3);cursor:pointer;transition:color var(--dur-tint) var(--ease-tint)}.emulator-workload input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.emulator-workload label:has(input:checked){background:var(--accent-soft);border-color:transparent;color:var(--accent)}.emulator-workload label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 480px){.emulator-workload{width:100%;min-width:0;max-width:100%;justify-content:space-between;overflow-x:auto;white-space:nowrap}.emulator-workload label{flex:0 0 auto;padding:0 var(--s-1)}}.emulator-mode-head{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--s-5)}.emulator-mode-title{font:var(--t-title-sm);letter-spacing:var(--t-title-sm-ls);color:var(--ink)}.emulator-mode-desc{font:var(--t-body);letter-spacing:var(--t-body-ls);color:var(--ink-2)}.emulator-profile-field{margin-bottom:var(--s-5)}.emulator-advanced{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line)}.emulator-advanced summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);font:var(--t-ui);letter-spacing:var(--t-ui-ls);color:var(--ink);cursor:pointer;list-style:none}.emulator-advanced summary::-webkit-details-marker{display:none}.emulator-advanced summary:after{content:"+";font:var(--t-mono);color:var(--accent)}.emulator-advanced[open] summary:after{content:"−"}.emulator-advanced .form-grid{margin-top:var(--s-5)}.emulator-advanced-note{margin-top:var(--s-4);font:var(--t-meta);letter-spacing:var(--t-meta-ls);font-weight:400;color:var(--ink-3)}.emulator-advanced-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.emulator-total{display:flex;align-items:baseline;gap:var(--s-2);font:var(--t-display);letter-spacing:var(--t-display-ls);color:var(--ink)}.emulator-total small{font:var(--t-ui);letter-spacing:var(--t-ui-ls);font-weight:400;color:var(--ink-3)}.emulator-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--line)}.emulator-result-grid dt{font:var(--t-meta);letter-spacing:var(--t-meta-ls);color:var(--ink-3)}.emulator-result-grid dd{margin:4px 0 0;font:var(--t-mono);letter-spacing:var(--t-mono-ls);font-variant-numeric:tabular-nums;color:var(--ink)}.emulator-context-risk{display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-4);border-top:1px solid var(--line)}.emulator-context-risk>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.emulator-context-risk>div span{font:var(--t-meta);letter-spacing:var(--t-meta-ls);color:var(--ink-3)}.emulator-context-risk>div strong{font:var(--t-ui);letter-spacing:var(--t-ui-ls);font-variant-numeric:tabular-nums;color:var(--ink)}.emulator-context-risk p{font:var(--t-meta);letter-spacing:var(--t-meta-ls);font-weight:400;color:var(--ink-3)}.emulator-meter{display:block;height:8px;border-radius:var(--r-full);background:var(--surface-strong);overflow:hidden}.emulator-meter i{display:block;height:100%;width:0%;border-radius:var(--r-full);background:var(--ink);transition:width var(--dur-move) var(--ease-move),background-color var(--dur-tint) var(--ease-tint)}.emulator-context-risk.is-warning .emulator-meter i{background:var(--warn)}.emulator-context-risk.is-over .emulator-meter i{background:var(--bad)}.emulator-cost{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--line)}.emulator-cost span{font:var(--t-meta);letter-spacing:var(--t-meta-ls);color:var(--ink-3)}.emulator-cost strong{font:var(--t-title-lg);letter-spacing:var(--t-title-lg-ls);font-variant-numeric:tabular-nums;font-family:var(--font-ui);color:var(--ink)}.emulator-fineprint{font:var(--t-meta);letter-spacing:var(--t-meta-ls);font-weight:400;color:var(--ink-3)}@media (max-width: 720px){.emulator-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.emulator-breakdown{padding-top:var(--s-4);border-top:1px solid var(--line)}.emulator-breakdown-head{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--s-4)}.emulator-breakdown-head .emulator-breakdown-title{font:var(--t-title-sm);letter-spacing:var(--t-title-sm-ls);color:var(--ink);max-width:none;text-wrap:balance;overflow-wrap:break-word}.emulator-breakdown-head p{font:var(--t-body);letter-spacing:var(--t-body-ls);color:var(--ink-2);max-width:var(--measure-prose)}.emulator-breakdown .table td{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}.emulator-breakdown .table caption{padding:0 0 var(--s-3)}@media (min-width: 961px){.emulator-breakdown .table :is(th,td){white-space:normal;padding:10px 12px;vertical-align:top}}.emulator-breakdown .table th small{display:block;margin-top:2px;font:var(--t-micro);letter-spacing:var(--t-micro-ls);font-weight:400;color:var(--ink-3)}#method>.panel-note{padding-inline:0;margin-top:var(--gap-block)}@media (max-width: 480px){#method .tiles.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}#method .tile{--tile-pad: var(--s-4);min-height:0}}@media (prefers-reduced-motion: reduce){.emulator-meter i{transition:none}}
