:root{--canvas:#f1f3f5;--paper:#fff;--ink:#182632;--muted:#526475;--line:#d4dde4;--teal:#344f79;--teal-soft:#eaf0f6;--amber:#a56522;--blue:#4261a3;--a:#146f66;--b:#a56522;--c:#4261a3;font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:var(--ink);background:var(--canvas);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #469c93;outline-offset:3px}button{border:0;background:none}input[type=search]::-webkit-search-cancel-button{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.6px;font-weight:750}h2{font-size:18px;letter-spacing:-.5px}h3{font-size:19px;letter-spacing:-.5px}small{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}[hidden]{display:none!important}
.topbar{height:78px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:48px;background:white}.brand{display:flex;align-items:center;gap:10px;font-family:Bahnschrift,Aptos,sans-serif;font-size:27px;font-weight:650;letter-spacing:-1px}.brand-mark{display:grid;grid-template-columns:7px 7px;gap:3px;transform:rotate(-8deg)}.brand-mark i{width:7px;height:7px;background:var(--teal);border-radius:1px}.brand-mark i:last-child{opacity:.45}.brand-caption{margin-left:13px;padding-left:20px;border-left:1px solid var(--line);font-family:"Malgun Gothic",sans-serif;font-size:11px;letter-spacing:-.3px;font-weight:400;color:var(--muted)}.topbar nav{height:100%;display:flex;align-items:center;gap:27px;font-size:12px}.topbar nav a,.topbar nav button{height:100%;display:flex;align-items:center;padding:0;color:var(--muted)}.topbar nav .current{border-bottom:2px solid var(--teal);font-weight:bold;color:var(--ink)}.header-actions{display:flex;align-items:center;gap:15px;margin-left:auto}.search-trigger{border:1px solid var(--line);border-radius:7px;padding:9px 12px;display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px}.search-trigger>span{font-size:22px;line-height:16px}.search-trigger kbd{font-family:inherit;border:1px solid var(--line);border-radius:3px;font-size:10px;width:18px;margin-left:28px;line-height:18px}.share-button{border:1px solid #bacbc9;background:white;border-radius:7px;font-size:12px;padding:11px 14px}.share-button:hover{background:var(--teal-soft)}
.workspace{display:grid;grid-template-columns:218px minmax(0,1fr);max-width:1680px;margin:auto;min-height:calc(100vh - 78px)}.sidebar{border-right:1px solid var(--line);padding:36px 20px 28px 25px;position:sticky;top:0;align-self:start;height:calc(100vh - 78px);min-height:610px;display:flex;flex-direction:column}.nav-label{font-size:11px;font-weight:600;color:var(--muted);padding:0 10px;margin-bottom:14px}.kind-nav,.section-nav{display:flex;flex-direction:column;gap:5px}.kind-nav button,.section-nav button{text-align:left;display:flex;align-items:center;gap:11px;padding:12px 10px;border-radius:6px;font-size:12px}.kind-nav button:hover,.section-nav button:hover{background:#eef1f4}.kind-nav button[aria-pressed=true]{background:var(--teal-soft);color:var(--teal);font-weight:bold}.nav-icon{font-size:17px;width:20px;text-align:center}.kind-count{margin-left:auto;font-size:10px;opacity:.8;font-variant-numeric:tabular-nums}.sidebar-rule{height:1px;background:var(--line);margin:26px 10px}.section-nav button{color:var(--muted);padding-top:10px;padding-bottom:10px}.section-nav button[aria-pressed=true]{color:var(--ink);font-weight:bold}.section-nav button span{margin-left:auto;color:var(--teal)}.sidebar-note{margin:auto 10px 0;padding-top:30px;font-size:11px}.sidebar-note strong{font-size:11px;font-weight:600}.live-dot{background:var(--teal);width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}.sidebar-note p{color:var(--muted);line-height:1.8;margin:10px 0 17px}.sidebar-note small{color:var(--muted);font-size:10px}
main{padding:30px 40px 0;min-width:0;max-width:1440px;width:100%}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:15px}.breadcrumb span:first-child{padding:0 8px;color:#a5afb7}.page-heading p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:10px}.preview-label{font-size:10px;background:#eef1f4;padding:6px 9px;color:var(--muted);border-radius:4px}.preset-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.preset-toolbar>span{font-size:12px;font-weight:bold}.presets{display:flex;gap:5px;border:1px solid var(--line);padding:4px;border-radius:8px;background:#fff}.presets button{font-size:11px;padding:9px 13px;border-radius:5px;color:var(--muted);white-space:nowrap}.presets button[aria-pressed=true]{background:var(--ink);color:white}.status{min-height:0;font-size:12px;color:var(--muted);line-height:1.7}.status:not(:empty){margin:10px 0;padding:12px 16px;background:var(--teal-soft);border-radius:6px}.status.error{background:#fff0ed;color:#963e2c}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 32px}.product-card{position:relative;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--product-color);border-radius:10px;padding:18px 20px 15px;min-height:230px;overflow:hidden;display:flex;flex-direction:column}.product-b{--product-color:var(--b)}.product-c{--product-color:var(--c)}.product-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.product-tag{display:flex;gap:6px;align-items:center}.product-dot{height:6px;width:6px;border-radius:50%;background:var(--product-color)}.icon-button{font-size:22px;line-height:24px;width:28px;height:28px;border-radius:5px;color:var(--muted)}.icon-button:hover{background:#eef1f4}.product-card h3{font-size:17px;line-height:1.45;min-height:25px;font-weight:700}.product-maker{font-size:10px;color:var(--muted);margin-top:5px}.product-summary{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted);margin-top:13px;min-height:17px}.product-summary span+span{border-left:1px solid var(--line);padding-left:8px}.product-bottom{margin-top:auto;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:8px}.data-tag{color:var(--muted);font-size:9px}.change-product{font-size:10px;color:var(--product-color);font-weight:bold;white-space:nowrap}.empty-product{background:transparent;border:1px dashed #bdc9cb;display:flex;align-items:center;justify-content:center;border-radius:10px;min-height:230px;flex-direction:column;gap:12px;color:var(--muted);text-align:center;width:100%;padding:20px}.empty-product:hover{border-color:var(--teal);background:#f0f5f3}.add-symbol{height:34px;width:34px;border:1px solid #cdd8d6;border-radius:50%;font-size:22px;line-height:30px;color:var(--teal);font-weight:300}.empty-product strong{font-size:12px;color:var(--ink)}.empty-product small{font-size:10px;line-height:1.7}
.benchmark-section,.spec-section{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 22px;border-bottom:1px solid var(--line)}.section-heading>div{display:flex;align-items:center;gap:10px}.section-symbol{font-size:20px;color:var(--teal)}.sub-label{font-size:10px;color:var(--muted);margin-left:3px}.metric-control select{max-width:300px}.metric-control select, .condition-control select{border:1px solid var(--line);border-radius:5px;background:white;padding:8px 28px 8px 9px;font-size:11px;color:var(--ink)}.benchmark-chart{display:grid;grid-template-columns:repeat(var(--columns,2),minmax(0,1fr));padding:25px 26px 22px;gap:0}.benchmark-item{min-width:0;padding:0 24px}.benchmark-item:first-child{padding-left:0}.benchmark-item:last-child{padding-right:0}.benchmark-item+.benchmark-item{border-left:1px solid var(--line)}.benchmark-name{color:var(--muted);font-size:11px;line-height:1.5;margin-bottom:8px;min-height:17px}.benchmark-value{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;line-height:1.3;min-height:44px}.benchmark-value strong{font-family:Aptos,"Malgun Gothic",sans-serif;font-size:33px;letter-spacing:-1px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--product-color)}.benchmark-value>span{font-size:10px;color:var(--muted)}.bar-track{height:6px;background:#edf1f3;border-radius:2px;margin:15px 0 11px;overflow:hidden}.bar{height:100%;background:var(--product-color);width:var(--bar-size);border-radius:2px}.benchmark-meta{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:8px;line-height:1.5}.benchmark-meta button{color:var(--product-color);font-size:10px;text-decoration:underline;text-underline-offset:3px}.benchmark-missing{font-size:20px;color:var(--muted);line-height:44px;font-weight:500}.benchmark-empty{grid-column:1/-1;padding:12px 0;color:var(--muted);font-size:13px;line-height:1.8}.benchmark-footnote{border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:8px;padding:12px 22px;background:#fafbfc;color:var(--muted);font-size:10px;line-height:1.7}.benchmark-footnote>span{font-size:13px}.benchmark-footnote p{flex:1}.benchmark-footnote button{color:var(--ink);font-size:10px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.ai-context{padding:15px 22px;background:#f0f6f4;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.ai-context strong{font-size:12px}.ai-context p,.ai-context>span{font-size:10px;color:var(--muted);line-height:1.7}.ai-context p{margin-top:5px}.condition-control{display:flex;align-items:center;gap:12px;padding:13px 22px;border-bottom:1px solid var(--line);font-size:11px}.condition-control select{max-width:650px;min-width:0}
.difference-toggle{display:flex;gap:7px;align-items:center;font-size:10px;cursor:pointer;white-space:nowrap}.difference-toggle input{position:absolute;opacity:0;width:30px;height:20px}.toggle-track{display:inline-flex;width:27px;height:16px;border-radius:10px;background:#b9c3cb;align-items:center;padding:2px}.toggle-track:after{content:"";width:12px;height:12px;background:white;border-radius:50%;transition:transform .15s}.difference-toggle input:checked+.toggle-track{background:var(--teal)}.difference-toggle input:checked+.toggle-track:after{transform:translateX(11px)}.difference-toggle input:focus-visible+.toggle-track{outline:3px solid #469c93;outline-offset:3px}.spec-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;border-bottom:1px solid var(--line);background:#fafbfc}.spec-search{display:flex;gap:7px;align-items:center}.spec-search>span{font-size:20px;color:var(--muted)}.spec-search input{border:none;background:transparent;min-width:0;width:300px;color:var(--ink);font-size:11px;padding:6px 2px}.spec-toolbar>span{font-size:10px;color:var(--muted);white-space:nowrap}.table-scroll{overflow-x:auto;max-height:780px;overflow-y:auto;scrollbar-width:thin}.table-scroll table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;table-layout:fixed}.table-scroll th,.table-scroll td{text-align:left;border-bottom:1px solid #eaf0f3;padding:14px 20px;vertical-align:middle;line-height:1.65;overflow-wrap:anywhere}.table-scroll thead th{font-size:11px;font-weight:600;padding-top:13px;padding-bottom:13px;background:#fdfefe;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--line)}.table-scroll thead th:first-child{width:24%;color:var(--muted)}.table-scroll th[scope=row]{font-weight:400;color:var(--muted);font-size:11px;background:#fff}.table-scroll thead th:not(:first-child){color:var(--product-color)}.spec-value{font-size:12px;text-align:left;line-height:1.65;padding:2px 0;color:var(--ink);font-variant-numeric:tabular-nums;max-width:100%}.spec-value:hover{color:var(--teal);text-decoration:underline;text-underline-offset:4px}.value-unit{font-size:10px;color:var(--muted);margin-left:3px}.missing{color:#7c8793;font-size:11px}.supported{color:var(--teal);font-size:11px}.unsupported{color:var(--muted);font-size:11px}.condition-badge{display:inline-block;font-size:10px;border-bottom:1px dotted #768a91;color:var(--muted)}.group-row th{background:#f4f7f8!important;padding:9px 20px;font-size:10px;font-weight:600;letter-spacing:0!important}.table-help{color:var(--muted);font-size:10px;padding:13px 22px;line-height:1.7}.empty-row td{padding:24px;color:var(--muted)}.page-footer{display:flex;align-items:center;gap:20px;padding:5px 0 25px;font-size:10px;color:var(--muted)}.page-footer>span:first-child{font-family:Aptos,"Malgun Gothic",sans-serif;color:var(--ink)}.page-footer>span:first-child span{margin:0 7px;color:#adbac3}.page-footer button{color:var(--muted);font-size:10px}.page-footer>span:last-child{margin-left:auto}
dialog{padding:0;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 80px #1c273428;width:min(700px,calc(100% - 32px));max-height:85vh;color:var(--ink);background:white}dialog::backdrop{background:#25313f55;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:24px 25px 17px;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:21px}.dialog-heading p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}.dialog-search{display:flex;gap:10px;padding:18px 25px 8px}.search-field{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:9px 11px;min-width:0}.search-field span{font-size:24px;color:var(--muted);line-height:18px}.search-field input{border:none;outline:none;width:100%;min-width:0;font-size:13px}.search-field:focus-within{outline:2px solid var(--teal)}.dialog-search select{border:1px solid var(--line);border-radius:6px;padding:10px;font-size:11px;max-width:140px;background:white}.result-count{font-size:10px;color:var(--muted);padding:7px 25px 11px}.search-results{min-height:160px;max-height:48vh;overflow:auto}.search-result{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 25px;border-bottom:1px solid #eef1f4;width:100%;text-align:left}.search-result:hover{background:var(--teal-soft)}.search-result strong{font-size:13px;font-weight:600}.search-result small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.search-result>span:last-child{color:var(--teal);font-size:11px;flex:none}.search-result:disabled{opacity:.6}.no-results{padding:30px 25px;color:var(--muted);line-height:1.8;font-size:12px}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:14px 25px;font-size:10px;color:var(--muted)}.dialog-footer button{background:var(--teal);color:white;border-radius:5px;padding:8px 15px;font-size:11px}.source-content{padding:6px 25px 24px;max-height:60vh;overflow:auto}.source-record{padding:20px 0;border-bottom:1px solid var(--line)}.source-record:last-child{border:none}.source-record h3{font-size:15px;line-height:1.6}.source-value{font-size:22px;line-height:1.5;margin:8px 0 12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.source-record dl{margin:8px 0;display:grid;grid-template-columns:112px minmax(0,1fr);font-size:11px;gap:8px;line-height:1.7}.source-record dt{color:var(--muted)}.source-record dd{margin:0;overflow-wrap:anywhere}.source-record a{display:inline-block;margin-top:8px;color:var(--teal);font-size:11px;text-decoration:underline;text-underline-offset:3px}.method-copy{padding-top:20px;font-size:12px;line-height:1.9;color:var(--muted)}.method-copy h3{font-size:15px;margin:20px 0 8px;color:var(--ink)}.method-copy h3:first-child{margin-top:0}.copied-link{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;font-size:12px;color:var(--ink);margin-top:14px}.relationship-link{color:var(--teal);font-size:11px;text-decoration:underline;text-underline-offset:3px}.source-warning{padding:10px;background:#fff7eb;color:#81511f;line-height:1.7;font-size:11px;margin:10px 0}
@media(min-width:1500px){main{padding-left:55px;padding-right:55px}.product-card{min-height:200px}}
@media(max-width:1150px){.topbar{padding:0 24px;gap:25px}.brand-caption{display:none}.workspace{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding-left:15px;padding-right:15px}main{padding:25px 24px 0}.product-card{padding:14px;min-height:200px}.product-card h3{font-size:15px}.preset-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.metric-control select{max-width:230px}.sub-label{display:none}.benchmark-item{padding:0 18px}.table-scroll th,.table-scroll td{padding:12px 15px}.table-scroll thead th:first-child{width:28%}}
@media(max-width:780px){.topbar{height:64px;padding:0 18px;gap:15px}.brand{font-size:23px}.topbar nav{display:none}.header-actions{gap:8px}.search-trigger{padding:8px 10px;font-size:11px}.search-trigger kbd{display:none}.share-button{font-size:10px;padding:10px}.workspace{display:block}.sidebar{position:static;height:auto;min-height:0;padding:13px 18px;border-right:none;border-bottom:1px solid var(--line)}.sidebar>.nav-label,.sidebar-rule,.section-nav,.sidebar-note{display:none}.kind-nav{flex-direction:row;gap:8px;overflow-x:auto}.kind-nav button{white-space:nowrap;padding:10px;font-size:11px;gap:7px}.nav-icon{font-size:15px;width:15px}.kind-count{font-size:9px}main{padding:24px 18px 0}.page-heading{margin-bottom:22px}.breadcrumb{margin-bottom:10px}h1{font-size:29px}.page-heading p{font-size:11px;max-width:260px}.preview-label{font-size:9px}.presets{width:100%;justify-content:space-between;overflow-x:auto}.presets button{font-size:10px;padding:9px 10px}.product-grid{gap:10px;margin-bottom:22px}.product-card{padding:12px;min-height:185px}.product-card h3{font-size:13px}.product-top{font-size:9px}.product-summary{gap:6px;font-size:10px;margin-top:10px;line-height:1.7}.product-summary span+span{padding-left:6px}.product-bottom{gap:5px}.data-tag{font-size:8px}.change-product{font-size:9px}.empty-product{padding:12px;min-height:185px}.empty-product strong{font-size:10px}.empty-product small{font-size:9px}.section-heading{padding:16px;gap:8px}.section-heading>div{gap:7px}.section-heading h2{font-size:16px}.section-symbol{font-size:18px}.metric-control{max-width:55%}.metric-control select{max-width:100%;font-size:10px;padding:8px 20px 8px 7px}.benchmark-chart{padding:20px 17px;gap:0}.benchmark-item{padding:0 13px}.benchmark-name{font-size:10px;min-height:30px}.benchmark-value strong{font-size:27px}.benchmark-value>span{font-size:9px}.benchmark-meta{font-size:9px;flex-wrap:wrap}.benchmark-footnote{padding:11px 16px;font-size:9px}.benchmark-footnote button{font-size:9px}.difference-toggle{font-size:9px;gap:5px}.spec-toolbar{padding:10px 16px}.spec-search{min-width:0;width:75%}.spec-search input{width:100%;font-size:10px}.table-scroll table{min-width:570px}.table-scroll th,.table-scroll td{padding:12px 15px}.table-scroll thead th:first-child{width:30%}.table-scroll th:first-child{position:sticky;left:0;z-index:1;border-right:1px solid var(--line)}.table-scroll thead th:first-child{z-index:3;background:white}.group-row th{position:static!important}.table-help{padding:12px 16px;font-size:9px}.page-footer{gap:10px;flex-wrap:wrap;font-size:9px}.page-footer button{font-size:9px}.page-footer>span:last-child{margin-left:0}.ai-context{padding:13px 16px;display:block}.ai-context>span{display:block;margin-top:8px}.condition-control{padding:12px 16px;display:block}.condition-control select{margin-top:8px;width:100%}.dialog-heading{padding:20px}.dialog-heading h2{font-size:18px}.dialog-search{padding-left:20px;padding-right:20px}.search-field input{font-size:12px}.dialog-search select{max-width:110px;font-size:10px}.search-result{padding:14px 20px}.dialog-footer{padding:13px 20px;font-size:9px}.source-content{padding:0 20px 20px}.source-record dl{grid-template-columns:88px 1fr}.source-value{font-size:19px}}
@media(max-width:480px){.kind-count{display:none}.kind-nav{justify-content:space-between;gap:3px}.kind-nav button{padding:9px 7px}.nav-icon{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid .empty-product{grid-column:1/-1;min-height:54px;flex-direction:row;gap:9px;border-radius:7px}.product-grid .empty-product small{display:none}.product-grid .empty-product .add-symbol{width:23px;height:23px;font-size:17px;line-height:19px}.product-card{min-height:238px}.product-top .icon-button{width:23px;height:23px;line-height:20px;font-size:20px}.product-card.product-c{grid-column:1/-1;min-height:170px}.product-card.product-c .product-card.product-c h3{margin-top:12px}.benchmark-chart[style*="--columns: 3"]{grid-template-columns:1fr}.benchmark-chart[style*="--columns: 3"] .benchmark-item{padding:16px 0;border-left:0;border-bottom:1px solid var(--line)}.benchmark-chart[style*="--columns: 3"] .benchmark-item:last-child{border-bottom:0}.benchmark-value strong{font-size:26px}.header-actions{gap:5px}.share-button{font-size:9px;padding:9px 8px}.search-trigger{font-size:10px;padding:7px 8px}.search-trigger>span{font-size:18px}.preview-label{display:none}}
.product-a{--product-color:var(--a)}
.component-button{padding:0;font-size:10px;color:var(--product-color);text-decoration:underline;text-underline-offset:3px}
.language-control select{border:1px solid var(--line);background:white;border-radius:6px;font:inherit;font-size:11px;padding:9px 6px;max-width:92px}
.product-power{margin:10px 0 3px;font-size:13px;min-height:22px}.product-power button{font-size:13px;text-align:left;line-height:1.5}.product-power button>span:first-child{font-size:10px;color:var(--muted);margin-right:7px}.product-power .missing{border:1px dashed #bbc6cc;padding:4px 7px;border-radius:4px}.data-tag small{display:block;margin-top:4px}
.overview-section{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin-bottom:24px;overflow:hidden}.spec-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 30px;padding:22px}.spec-chart h3{font-size:12px;margin-bottom:15px}.spec-chart-row{display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin-bottom:13px;align-items:center;min-width:0}.chart-product{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.chart-value{font-size:12px;font-variant-numeric:tabular-nums;text-align:right;max-width:200px;line-height:1.5}.chart-value:hover{text-decoration:underline}.spec-chart-row .bar-track{grid-column:1/-1;margin:1px 0;height:8px}.missing-track{background:repeating-linear-gradient(135deg,#edf1f3,#edf1f3 4px,#fff 4px,#fff 8px);border:1px dashed #bdc9d0}.missing{color:#687784}.not-applicable{color:var(--muted);font-size:11px}.missing-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 22px;border-bottom:1px solid var(--line);background:#f5f8fa;font-size:10px;line-height:1.7}.missing-legend strong{font-size:10px}.value-delta{font-size:11px;font-weight:bold;margin-left:10px;color:var(--ink)}
.benchmark-chart{display:block;padding:20px 22px}.chart-scale{display:flex;justify-content:space-between;margin-left:calc(24% + 18px);margin-right:150px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px}.benchmark-item{display:grid;grid-template-columns:minmax(110px,24%) minmax(0,1fr) 132px;align-items:center;gap:4px 18px;padding:18px 0!important;border-left:0!important;border-bottom:1px solid var(--line)}.benchmark-item:last-child{border-bottom:0}.benchmark-name{margin:0;min-height:0;font-size:12px}.benchmark-item .bar-track{margin:0;height:18px;border-radius:3px}.benchmark-item .bar{border-radius:3px}.benchmark-value{justify-content:flex-end;min-height:0;gap:5px}.benchmark-value strong{font-size:26px}.benchmark-meta{grid-column:2/-1;align-items:center;margin-top:3px}.benchmark-missing{font-size:12px!important;line-height:1.6!important}.missing-explanation{font-size:10px;line-height:1.5}.dialog-search{flex-wrap:wrap}.dialog-search .search-field{flex-basis:100%}.dialog-search select{max-width:200px}.condition-control select{max-width:100%}
@media(max-width:780px){.language-control select{font-size:10px;padding:7px 3px;max-width:72px}.spec-charts{padding:16px;gap:20px;grid-template-columns:1fr}.missing-legend{padding:12px 16px;gap:8px 12px}.overview-section .section-heading{padding:16px}.benchmark-chart{padding:16px}.benchmark-item{grid-template-columns:minmax(90px,1fr) 100px;gap:8px 12px}.benchmark-name{grid-column:1;grid-row:1;font-size:11px}.benchmark-value{grid-column:2;grid-row:1}.benchmark-item .bar-track{grid-column:1/-1;grid-row:2;height:15px}.benchmark-meta{grid-column:1/-1;grid-row:3;flex-wrap:wrap}.benchmark-value strong{font-size:23px}.chart-scale{margin:0}.dialog-search select{max-width:180px}}
@media(max-width:480px){.topbar{flex-wrap:wrap;height:auto;min-height:64px;padding:12px 18px;gap:10px}.header-actions{margin-left:auto}.search-trigger{padding:7px}.language-control select{max-width:68px}.benchmark-chart[style*="--columns: 3"] .benchmark-item{padding:18px 0}.product-tag{flex-wrap:wrap}.product-bottom{align-items:flex-start}.product-card{min-height:200px}.product-power button{font-size:12px}.chart-value{max-width:150px}.spec-chart-row{gap:5px 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Keep the same product colors across cards, graphs and specification columns. */
.bar-track,.benchmark-item .bar-track,.benchmark-item .bar{border-radius:999px}
.bar{border-radius:999px}
.benchmark-name{color:var(--ink);font-size:14px;font-weight:600;line-height:1.6}
.benchmark-name::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--product-color)}
.benchmark-item .bar-track{height:20px}
.benchmark-value strong{font-size:29px;font-variant-numeric:tabular-nums}
.benchmark-meta{font-size:11px;line-height:1.7}
.chart-reading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px 0;font-size:12px;line-height:1.6;color:var(--muted)}
.chart-reading strong{color:var(--ink);padding:5px 10px;background:#eef3f6;border-radius:6px;font-weight:600}
.spec-charts{gap:0;padding:0}
.spec-chart{padding:22px;border-bottom:1px solid var(--line)}
.spec-chart:nth-child(odd){border-right:1px solid var(--line)}
.spec-chart h3{font-size:14px;margin-bottom:18px}
.chart-product{font-size:12px;color:var(--ink);line-height:1.6}
.chart-value{font-size:14px;font-weight:600}
.spec-chart-row{margin-bottom:16px}
.spec-chart-row:last-child{margin-bottom:0}
.spec-chart-row .bar-track{height:10px}
.table-scroll table{font-size:13px}
.table-scroll th,.table-scroll td{padding:16px 20px;border-right:1px solid #e2e7eb;line-height:1.8}
.table-scroll th:last-child,.table-scroll td:last-child{border-right:0}
.table-scroll thead th{font-size:13px;font-weight:700;background:#fff;border-bottom:2px solid var(--line)}
.table-scroll thead th:not(:first-child){border-top:3px solid var(--product-color)}
.table-scroll th[scope=row]{font-size:13px;font-weight:500;color:var(--ink)}
.table-scroll .spec-row:nth-child(even)>*{background:#f5f8fa}
.table-scroll .spec-row:hover>*{background:#edf4f3}
.table-scroll th[scope=row]{position:sticky;left:0;z-index:1;border-right:2px solid var(--line)}
.table-scroll thead th:first-child{left:0;z-index:3;border-right:2px solid var(--line)}
.table-scroll .group-row th{padding:13px 20px;background:#e9eff3!important;color:#304553;font-size:13px;font-weight:700;border-top:8px solid #fff;border-bottom:1px solid #cbd7df}
.group-row small{margin-left:10px;font-size:11px;font-weight:400;color:var(--muted)}
.spec-value{font-size:14px;line-height:1.8;padding:3px 0;font-weight:500}
.table-scroll .supported,.table-scroll .unsupported{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:5px;font-size:12px;font-weight:500;background:#e7f2ee;color:#146f66}
.table-scroll .supported::before{content:"✓"}
.table-scroll .unsupported{background:#edf0f3;color:#52616e}
.table-scroll .unsupported::before{content:"×"}
.table-scroll .missing{font-size:12px;color:#687784;font-weight:400}
.table-scroll .condition-badge{font-size:12px;padding:3px 7px;line-height:1.6}
.system-scope{font-size:11px;line-height:1.7;color:var(--muted);margin-top:8px}
.benchmark-scope{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.spec-group-control select{border:1px solid #cad5dc;border-radius:6px;background:#fff;padding:9px 12px;font-size:12px;max-width:190px;color:var(--ink)}
.table-scroll-hint{display:none}
.comparison-nav{position:sticky;top:0;z-index:4;display:flex;gap:24px;align-items:center;background:var(--canvas);padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:20px;font-size:13px;font-weight:600}
.comparison-nav a{padding:4px 0;color:var(--muted)}
.comparison-nav a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:5px}
#benchmark-heading,#overview,#specifications{scroll-margin-top:64px}
.product-card h3{margin-top:12px}
.spec-delta{display:block;margin-top:6px;font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}
.spec-options{border-bottom:1px solid var(--line);font-size:12px;background:#f8fafb}
.spec-options>summary{padding:12px 22px;cursor:pointer;color:var(--muted)}
.raw-control{display:flex;align-items:center;gap:8px;margin:4px 22px 10px;line-height:1.6}
.spec-options .missing-legend{border-bottom:0}
.relationship-details{margin-top:12px;font-size:12px;line-height:1.8}
.relationship-details summary{cursor:pointer;color:var(--muted)}
.system-facts{font-size:12px;line-height:1.8;margin:20px 0}
.system-facts>div{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.system-facts dt{color:var(--muted)}
.system-facts dd{margin:0;overflow-wrap:anywhere}
.system-results-heading{font-size:16px;margin:24px 0 16px}
.system-metric{font-size:13px;line-height:1.7;margin:16px 0 0;color:var(--teal);font-weight:600}
@media(max-width:780px){
  .benchmark-label{grid-column:1;grid-row:1}
  .benchmark-name{font-size:13px}
  .benchmark-value strong{font-size:25px}
  .benchmark-item .bar-track{height:18px}
  .chart-reading{padding:14px 16px 0;font-size:11px;flex-wrap:wrap;gap:6px}
  .benchmark-meta{font-size:11px}
  .spec-chart{padding:18px 16px}
  .spec-chart:nth-child(odd){border-right:0}
  .table-scroll table{min-width:640px}
  .table-scroll th,.table-scroll td{padding:14px 16px}
  .table-scroll .group-row th{padding:12px 16px}
  .table-scroll thead th:first-child{width:30%}
  .system-scope{font-size:10px}
  .product-grid>.product-card:only-of-type{grid-column:1/-1;min-height:0}
  .spec-toolbar{gap:10px;flex-wrap:wrap}
  .spec-search{flex:1;min-width:150px;width:auto}
  .spec-group-control select{font-size:11px;max-width:145px;padding:8px}
  .table-scroll-hint{display:block;padding:10px 16px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line);text-align:center}
  .kind-nav{justify-content:flex-start;gap:12px}
  .kind-nav button{padding:10px 18px}
  .comparison-nav{font-size:12px;gap:22px;margin-bottom:16px}
  .spec-options>summary{padding:12px 16px}
  .raw-control{margin-left:16px;margin-right:16px}
}

/* A comparison workbench: precise rules, visible composition, a branching lineage. */
.topbar{height:70px;background:#fff;padding:0 32px}.brand-mark{transform:none;gap:2px;padding:5px;border:1px solid var(--ink)}.brand-mark i{background:var(--ink)}
.workspace{grid-template-columns:176px minmax(0,1fr);max-width:1560px}.sidebar{padding:32px 14px;height:calc(100vh - 70px);background:var(--canvas)}.kind-nav button,.section-nav button{border-radius:2px}.kind-nav button[aria-pressed=true]{box-shadow:inset 3px 0 var(--ink);background:#e0e6ec;color:var(--ink)}
main{padding:36px 38px 0}.page-heading{padding-bottom:24px;border-bottom:1px solid var(--ink);margin-bottom:20px}.page-heading h1{word-break:keep-all;text-wrap:balance;font-size:clamp(28px,3.4vw,49px);letter-spacing:-2px;line-height:1.25;font-weight:800}.page-heading p{font-size:13px}.breadcrumb{font-family:Bahnschrift,Aptos,sans-serif;font-size:12px}
.presets{background:transparent;border:0;border-radius:0;padding:0;gap:0;border-bottom:1px solid var(--line)}.presets button{padding:11px 16px;border-radius:0}.presets button[aria-pressed=true]{color:var(--ink);background:transparent;box-shadow:inset 0 -2px var(--ink);font-weight:700}
.product-grid{gap:0;background:var(--paper);border:1px solid var(--line);margin-bottom:20px}.product-card{border:0;border-radius:0;border-right:1px solid var(--line);padding:20px 24px;min-height:282px;border-top:3px solid var(--product-color)}.product-card h3{font-size:22px;letter-spacing:-.7px;margin-top:9px}.product-tag{font-size:11px}.product-power{margin-top:15px}.product-power button{font-size:17px;font-weight:600}.product-summary{font-size:12px}.empty-product{min-height:282px;border:0;border-radius:0;background:repeating-linear-gradient(135deg,transparent 0 16px,#edf0f3 16px 17px)}.empty-product:hover{background-color:#e8edf1}.product-bottom{border-top:1px solid var(--line);margin-top:16px}.core-map{margin-top:17px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 12px}.core-tiles{display:grid;grid-template-columns:repeat(8,10px);gap:3px;min-height:10px}.core-tiles i{height:10px;background:var(--product-color);border-radius:1px}.core-tiles .efficient{background:transparent;border:1px solid var(--product-color)}.core-map>span{font-size:12px;font-family:Bahnschrift,Aptos,sans-serif;white-space:nowrap}.core-map>small{grid-column:1/-1;color:var(--muted);font-size:10px}
.benchmark-section,.overview-section,.spec-section{border:0;border-top:2px solid var(--ink);border-radius:0;margin-bottom:36px;box-shadow:0 1px 0 var(--line)}.section-heading{padding:20px 24px;border-bottom:1px solid var(--line)}.section-heading h2{font-size:21px}.section-symbol{display:none}.section-heading>div:before{font:12px Bahnschrift,Aptos,sans-serif;color:var(--muted);padding-right:8px}.benchmark-section .section-heading>div:before{content:'01'}.overview-section .section-heading>div:before{content:'02'}.spec-section .section-heading>div:before{content:'04'}
.benchmark-chart{padding:10px 24px 20px}.benchmark-item{padding:23px 0!important}.benchmark-value strong{font-family:Bahnschrift,Aptos,sans-serif;font-size:39px;font-weight:600}.benchmark-item .bar-track{height:24px;background:#edf0f3}.benchmark-meta{font-size:11px}.chart-reading{padding:14px 24px 0}.chart-reading strong{background:transparent;padding:0;font-size:12px}.chart-scale{padding-top:10px}.spec-chart{padding:24px}.spec-chart h3{font-size:15px}.table-scroll th[scope=row]{font-size:13px}.table-scroll td{font-size:14px}.group-row th{border-top:2px solid #c7d2dc;background:#eaf0f4!important;color:var(--ink);font-size:13px}.spec-value{font-size:14px}.spec-row td.spec-leading{background:color-mix(in srgb,var(--product-color) 8%,white);box-shadow:inset 3px 0 var(--product-color)}.spec-leading .spec-value,.spec-leading .spec-value>span{color:var(--product-color);font-weight:800;font-size:16px}.advantage-label{display:block;color:var(--product-color);font-size:10px;font-weight:700;margin-top:3px}.advantage-guide{padding:14px 24px;font-size:11px;line-height:1.9;background:#f4f7f9;color:var(--muted);border-bottom:1px solid var(--line)}.advantage-key{font-weight:700;color:var(--ink);margin-right:10px}.spec-options{background:#fff}.comparison-nav{border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--canvas);padding:12px 0;margin-bottom:22px;gap:24px}.comparison-nav a{font-size:12px;padding:5px 0}.comparison-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.generation-section{scroll-margin-top:76px;margin-bottom:36px;background:#20323f;color:#eef4f7;padding:28px 28px 20px;border-radius:3px}.lineage-heading{display:flex;justify-content:space-between;align-items:start;gap:14px}.lineage-heading>div{display:grid;grid-template-columns:auto 1fr;gap:7px 10px}.lineage-symbol{font-size:29px;grid-row:1/3;align-self:center;color:#9fbdce}.lineage-heading h2{font-size:24px}.lineage-heading h2:before{content:'03';font:12px Bahnschrift,Aptos,sans-serif;color:#b2c5d2;margin-right:10px}.lineage-heading p{font-size:12px;color:#b2c5d2}.lineage-heading>a{font-size:11px;white-space:nowrap;color:#b2c5d2;border-bottom:1px solid #69899c;padding-bottom:4px}.family-nav{display:flex;flex-wrap:wrap;gap:4px;margin:24px 0 18px;border-bottom:1px solid #496070}.family-nav button{font:14px Bahnschrift,Aptos,sans-serif;padding:10px 14px;color:#b2c5d2;border-bottom:2px solid transparent}.family-nav button[aria-pressed=true]{color:white;border-bottom-color:#b2d6e8}.family-nav button:hover{background:#304957}.lineage-caption{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#b2c5d2}.generation-scroll{overflow-x:auto;scrollbar-width:thin;margin:22px 0 20px;padding-bottom:8px}.generation-track{list-style:none;display:flex;margin:0;padding:0;min-width:600px;position:relative}.generation-track:before{content:'';position:absolute;top:21px;left:42px;right:42px;height:1px;background:#7894a6}.generation-track li{flex:1;min-width:95px;position:relative;text-align:center}.generation-track button{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;position:relative;padding:0 5px 10px;color:#bdd0dc;line-height:1.4}.generation-node{width:43px;height:43px;border:1px solid #7894a6;border-radius:50%;display:grid;place-items:center;background:#20323f;font:13px Bahnschrift,Aptos,sans-serif;transition:background .2s,transform .2s}.generation-track button[aria-pressed=true] .generation-node{background:#c8e0eb;color:#20323f;border-color:#c8e0eb;box-shadow:0 0 0 5px #c8e0eb15}.generation-track button:hover .generation-node{transform:translateY(-3px)}.generation-track strong{font:15px Bahnschrift,Aptos,sans-serif;color:#f4f8fa}.generation-track small{font:11px Aptos,sans-serif;max-width:100px;min-height:30px}.lineage-products{display:flex;flex-direction:column;gap:4px;align-items:center;min-height:25px}.lineage-product{font-size:10px;line-height:1.5;padding:4px 7px;background:#fff;color:var(--product-color);border-left:3px solid var(--product-color);max-width:135px;text-align:left}.generation-detail{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0 15px;border-top:1px solid #496070}.generation-detail h3{font-size:16px;line-height:1.6}.generation-detail>div>span{font-size:11px;color:#b2c5d2}.generation-action{display:flex;gap:8px;align-items:center;min-width:0}.generation-action select{font-size:12px;padding:10px;border:1px solid #7894a6;border-radius:2px;background:#20323f;color:white;max-width:240px;min-width:0}.generation-action button{font-size:11px;white-space:nowrap;background:#c8e0eb;color:#20323f;padding:11px 12px;border-radius:2px}.generation-action button:disabled{opacity:.55}.lineage-note{font-size:10px;color:#b2c5d2;line-height:1.8}.generation-section :focus-visible{outline-color:#c8e0eb}
@keyframes measure-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes node-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.bar{transform-origin:left;animation:measure-in .65s cubic-bezier(.18,.7,.2,1) both}.core-tiles{animation:node-in .4s ease-out}.generation-node{animation:node-in .35s ease-out}}
@media(min-width:1500px){main{padding-left:45px;padding-right:45px}}
@media(max-width:1150px){main{padding:28px 24px 0}.product-card{padding:18px 16px}.product-card h3{font-size:18px}.core-map{grid-template-columns:1fr}.core-map>span{grid-row:2}.core-tiles{grid-template-columns:repeat(8,8px);gap:3px}.core-tiles i{height:8px}.generation-detail{align-items:start;flex-direction:column}}
@media(max-width:780px){.topbar{padding:12px 18px;height:auto;min-height:64px}.workspace{display:block}.sidebar{height:auto;padding:10px 18px}.kind-nav button{font-size:12px}.kind-nav button[aria-pressed=true]{box-shadow:inset 0 -2px var(--ink)}main{padding:24px 16px 0}.page-heading h1{font-size:30px;letter-spacing:-1.3px;max-width:340px}.page-heading p{font-size:12px;max-width:none}.product-card{padding:14px 12px;min-height:295px}.product-card h3{font-size:17px;min-height:48px}.product-tag{font-size:10px}.product-power button{font-size:14px}.core-map{margin-top:14px}.product-summary{font-size:10px}.empty-product{min-height:72px!important;border-top:1px solid var(--line);border-radius:0!important}.product-grid .empty-product{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.product-card.product-c{min-height:220px}.product-card.product-c h3{min-height:0}.product-card.product-c .core-map{grid-template-columns:1fr auto}.comparison-nav{gap:0;justify-content:space-between;top:0}.comparison-nav a{font-size:11px}.section-heading{padding:18px 16px;flex-wrap:wrap;gap:12px}.section-heading h2{font-size:19px}.metric-control{max-width:100%;width:100%}.metric-control select{width:100%;max-width:none;font-size:12px;padding:10px}.benchmark-chart{padding:8px 16px 16px}.benchmark-value strong{font-size:31px}.benchmark-item .bar-track{height:20px}.chart-reading{padding:14px 16px 0}.spec-chart{padding:20px 16px}.advantage-guide{padding:12px 16px}.table-scroll td{padding:14px 16px}.table-scroll th[scope=row]{font-size:12px}.generation-section{padding:22px 16px 16px}.lineage-heading h2{font-size:22px}.lineage-heading p{font-size:11px;line-height:1.7}.lineage-heading>a{font-size:10px}.family-nav button{padding:10px 9px;font-size:12px}.family-nav{margin-top:18px}.lineage-caption{font-size:9px;gap:8px}.generation-detail{gap:12px}.generation-action{width:100%;align-items:stretch}.generation-action select{flex:1;max-width:none;width:0;font-size:11px}.generation-action button{font-size:10px;white-space:normal;max-width:120px}.generation-detail h3{font-size:14px}.generation-track{min-width:650px}.lineage-note{font-size:10px}.spec-leading .spec-value,.spec-leading .spec-value>span{font-size:15px}.advantage-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* One scroll timeline; the diagrams illustrate composition, not physical die layouts. */
.comparison-nav{overflow-x:auto;white-space:nowrap;height:48px;min-height:48px;padding:0;align-items:center;scrollbar-width:none}.comparison-nav a{min-height:44px;display:flex;align-items:center}
.story-section{--spread:0;--benchmark-reveal:0;position:relative;height:430svh;margin-bottom:36px;scroll-margin-top:48px;color:#eaf1f5;background:#111d27}
.story-sticky{position:sticky;top:48px;height:calc(100svh - 48px);min-height:550px;display:flex;flex-direction:column;overflow:hidden;background:#111d27}
.story-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 28px;border-bottom:1px solid #34424d;flex:none}.story-toolbar h2{font-size:12px;font-weight:500;white-space:nowrap}.story-toolbar>div{display:flex;align-items:center;gap:14px}.story-toolbar button,.story-toolbar a{min-height:44px;display:inline-flex;align-items:center;font-size:11px;color:#c0ced7}.story-toolbar button[aria-pressed=true]{color:white;text-decoration:underline;text-underline-offset:5px}.story-toolbar button:disabled{cursor:default;opacity:.6}
.story-chapters{display:flex;padding:0 28px;gap:0;flex:none;border-bottom:1px solid #34424d}.story-chapters button{flex:1;min-height:52px;text-align:left;color:#a2b3bf;font-size:12px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.story-chapters span{font:11px Bahnschrift,Aptos,sans-serif;margin-right:10px;color:#859caa}.story-chapters [aria-current]{color:white;border-bottom-color:#c5d6df}.story-chapters [aria-current] span{color:#c5d6df}
.story-screen{flex:1;min-height:0;position:relative;isolation:isolate;background-image:linear-gradient(#829ead0b 1px,transparent 1px),linear-gradient(90deg,#829ead0b 1px,transparent 1px);background-size:36px 36px}
.story-frame{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .3s,transform .3s,visibility .3s;pointer-events:none}
.story-section[data-scene="0"] #story-scene-0,.story-section[data-scene="1"] #story-scene-1,.story-section[data-scene="2"] #story-scene-2,.story-section[data-scene="3"] #story-scene-3,.story-section[data-scene="4"] #story-scene-4{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.story-copy{max-width:900px;position:relative;z-index:2}.story-scene-number{font:12px Bahnschrift,Aptos,sans-serif;display:block;margin-bottom:12px;color:#9cb4c3}.story-copy h3{font-size:clamp(28px,3.3vw,52px);letter-spacing:-1.5px;font-weight:600;line-height:1.25;text-wrap:balance;word-break:keep-all}.story-copy>p{font-size:12px;color:#abbfcd;line-height:1.8;margin-top:12px;max-width:620px}.story-metric-link{display:inline-flex;min-height:40px;align-items:center;font-size:13px;color:#d0e2ec;text-decoration:underline;text-underline-offset:4px;max-width:100%;overflow-wrap:anywhere}
.story-direction{display:block;font-size:11px;line-height:1.7;color:#abbfcd}
.product-peak-power{margin-top:3px}.product-peak-power button{font-size:13px}.product-peak-power button>span:first-child{font-size:10px}
.core-map>span{white-space:normal;line-height:1.6}.core-tiles{width:min(160px,100%);grid-template-columns:repeat(var(--core-columns),minmax(0,1fr));gap:2px}.core-tiles i{height:auto;aspect-ratio:1;position:relative;--thread-divider:var(--paper)}.core-tiles i.core-super{background:#344f79}.core-tiles i.core-low-power{background:transparent;border:1px dashed var(--product-color)}
.story-silicon{grid-template-columns:repeat(var(--core-columns),minmax(0,1fr));gap:2px}.story-silicon i{position:relative;--thread-divider:#102330}.story-silicon .core-super{background:#deedf9;border:1px double white}.story-silicon .core-efficient{background:#283f4c;border:1px solid #bdd5e2}.story-silicon .core-low-power{background:#142a37;border:1px dashed #bdd5e2}
.core-tiles i,.story-silicon i{border-radius:3px;border:1px solid color-mix(in srgb,var(--product-color) 75%,white);overflow:hidden}
.core-tiles i[data-thread-count="2"]:after,.core-tiles i[data-thread-count="4"]:after,.core-tiles i[data-thread-count="8"]:after,.story-silicon i[data-thread-count="2"]:after,.story-silicon i[data-thread-count="4"]:after,.story-silicon i[data-thread-count="8"]:after{content:'';position:absolute;inset:22% 0;background:repeating-linear-gradient(90deg,transparent 0 calc(100% / var(--threads) - 1px),#fff9 calc(100% / var(--threads) - 1px) calc(100% / var(--threads)))}
.core-tiles i[data-thread-count="2"]:after,.story-silicon i[data-thread-count="2"]:after{inset:22% auto 22% calc(50% - .5px);width:1px;background:#fff9}
.has-ccds{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ccd-group{min-width:0;border:1px solid #78938788;border-radius:4px;padding:3px;background:#7893870a}.ccd-group>span{display:block;font:7px Bahnschrift,sans-serif;line-height:1.5;color:var(--ink-muted)}.ccd-group>div{display:grid;grid-template-columns:repeat(var(--ccd-core-columns),minmax(0,1fr));gap:2px}.story-silicon.has-ccds{inset:12%;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.story-silicon.has-ccds:has(.ccd-group:last-child[data-ccd="2"]){grid-template-columns:repeat(2,minmax(0,1fr))}.story-silicon .ccd-group>span{color:#c4dce9}.story-silicon .ccd-group{background:#142f3e;border-color:#a5c6d7}.story-silicon i{transform:none!important}.ccd-evidence{font-size:11px;color:#d1e4f0;text-decoration:underline;text-underline-offset:3px;min-height:40px;display:flex;align-items:center}
.story-core-legend{display:flex;gap:4px 10px;flex-wrap:wrap;align-items:center;margin-top:8px}.story-core-legend button{display:inline-flex;gap:5px;align-items:center;min-height:40px;font:12px Bahnschrift,Aptos,sans-serif;color:#d7e9f2;flex-wrap:wrap}.story-core-legend button>i{width:9px;height:9px;background:var(--product-color);border:1px solid #bcd5e2}.story-core-legend .core-super>i{background:#deedf9}.story-core-legend .core-efficient>i{background:transparent}.story-core-legend .core-low-power>i{background:transparent;border-style:dashed}.story-core-legend button>span{font:10px Aptos,'Malgun Gothic',sans-serif;color:#abbfcd}.story-core-legend>small{font-size:10px;color:#abbfcd;width:100%}.story-section[data-scene="1"] .story-dies{top:31%;height:27%}
.story-memory{position:absolute;inset:32% 28px auto;height:30%;display:grid;grid-template-columns:repeat(var(--story-columns),minmax(0,1fr));gap:24px;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .3s,transform .3s,visibility .3s;pointer-events:none}.story-section[data-scene="2"] .story-memory{opacity:1;visibility:visible;transform:none}.story-section[data-scene="2"] .story-dies{opacity:0;visibility:hidden}
.memory-rack{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.memory-channels{display:grid;grid-template-columns:repeat(var(--memory-channels),minmax(0,1fr));gap:16px;width:100%;max-width:460px;transform:perspective(800px) rotateX(28deg)}.memory-channel{min-width:0;position:relative;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid #8ca8b8;padding-bottom:15px}.memory-channel>small{font:10px Bahnschrift,Aptos,sans-serif;color:#9bb5c6;position:absolute;bottom:-18px;left:0}.ram-slot{position:relative;height:39px;min-width:0;display:flex;align-items:flex-end;justify-content:center}.ram-slot:after{content:'';height:5px;width:100%;background:#16232c;border:1px solid #a4bdcb;border-radius:2px;box-shadow:0 4px 0 #070f14}.ram-module{position:absolute;bottom:3px;left:5%;width:90%;height:41px;background:color-mix(in srgb,var(--product-color) 60%,#2d6250);border:1px solid #a4c7bc;box-shadow:0 2px 0 #081610;transform:translateY(calc((1 - var(--memory-insert))*-70px));opacity:calc(.65 + var(--memory-insert)*.35);transform-origin:center bottom;display:flex;flex-direction:column;justify-content:center;padding:4px 5px 8px;gap:4px}.ram-module.sodimm,.ram-module.csodimm{width:68%;left:16%;height:35px}.ram-module>span{font:9px Bahnschrift,Aptos,sans-serif;color:#d9e9df}.ram-module>div{display:flex;gap:4px;position:relative}.ram-module>div>i{flex:1;height:10px;background:#122329;border:1px solid #739b92}.ram-module.rdimm>div:after,.ram-module.lrdimm>div:after,.ram-module.cudimm>div:after,.ram-module.csodimm>div:after{content:'';width:7px;height:8px;position:absolute;left:45%;background:#d4b879;border:1px solid #6f5425}.ram-pins{position:absolute;left:10%;right:10%;height:4px;bottom:-1px;background:repeating-linear-gradient(90deg,#d5b56f 0 2px,#324b3f 2px 3px)}.ram-pins:after{content:'';width:4px;height:4px;position:absolute;left:42%;background:#111d27}.ram-latch{height:10px;width:4px;background:#c2d5da;position:absolute;bottom:-3px;left:0;transform:rotate(calc((1 - var(--memory-insert))*-35deg));transform-origin:bottom}.ram-latch:last-child{left:auto;right:0;transform:rotate(calc((1 - var(--memory-insert))*35deg))}
.memory-controller{border:1px solid #9bb5c6;background:#213a48;color:#bfd3e0;padding:7px 16px;font:11px Bahnschrift,Aptos,sans-serif;margin-top:7px;position:relative}.memory-controller:before{content:'';width:1px;height:25px;background:#9bb5c6;position:absolute;left:50%;bottom:100%}.lane-comb{display:grid;grid-template-columns:repeat(var(--lane-count),minmax(0,1fr));width:100%;max-width:200px;height:20px;gap:3px}.lane-comb i{border-left:1px solid #577789;height:100%;transform:scaleY(var(--lane-flow));transform-origin:top;background:linear-gradient(transparent,#b6d9e8)}.package-memory{display:grid;grid-template-columns:repeat(2,40px);gap:7px;border:1px dashed #8baebe;padding:14px;position:relative}.package-memory>span{grid-column:1/-1;text-align:center;font:11px Bahnschrift,Aptos,sans-serif;color:#bed5e4}.package-memory i{height:20px;background:var(--product-color);border:1px solid #a7c5d7;transform:translateY(calc((1 - var(--memory-insert))*-25px));opacity:calc(.5 + var(--memory-insert)*.5)}.package-memory.unified{border-radius:5px;background:#233c4c}.package-memory.shared{border-style:dotted}
.memory-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.memory-facts .story-fact{margin-top:0;min-width:0}.memory-facts .story-fact button{font-size:23px;min-height:40px}.memory-facts .story-fact:last-child button{font-size:13px;line-height:1.5}.memory-populations{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.memory-populations button,.memory-populations select{min-height:40px;padding:0 8px;font-size:10px;color:#bbd0dd;border:1px solid #577589;border-radius:2px;background:#172c3a;max-width:100%}.memory-populations button[aria-pressed=true]{background:#c6dce8;color:#142832;border-color:#c6dce8}.memory-topology-note{line-height:1.6!important;font-size:10px!important;margin-top:7px!important}.story-power-value .product-peak-power button{font-size:17px}.story-power-value .product-peak-power button>span:first-child{font:11px Aptos,'Malgun Gothic',sans-serif;display:block;color:#abbfcd}
@keyframes ram-seat{from{transform:translateY(-70px);opacity:.35}to{transform:translateY(calc((1 - var(--memory-insert))*-70px));opacity:1}}
@media(prefers-reduced-motion:no-preference){.story-section[data-motion="scroll"] .memory-rack[data-replay] .ram-module{animation:ram-seat .45s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--module-order)*45ms)}}
.story-section[data-motion="static"] .story-memory{position:relative;inset:auto;height:auto;min-height:170px;opacity:1;visibility:visible;transform:none;padding:28px;--memory-insert:1;--lane-flow:1;display:none}.story-section[data-motion="static"] .story-core-legend{margin-bottom:0}
@media(max-width:780px){.core-tiles{width:min(130px,100%)}.core-tiles i{height:auto}.core-map>span{font-size:11px}.story-silicon{gap:1px}.story-core-legend{gap:2px 7px;margin-top:4px}.story-core-legend button{font-size:11px;min-height:40px}.story-core-legend button>span{font-size:9px}.story-core-legend>small{font-size:9px}.story-section[data-scene="1"] .story-dies{top:32%;height:23%}.story-memory{left:16px;right:16px;top:31%;height:27%;gap:12px}.memory-channels{gap:8px}.memory-channel{gap:10px}.ram-slot{height:31px}.ram-module{height:31px;padding:3px 2px 6px;gap:2px}.ram-module.sodimm,.ram-module.csodimm{height:27px}.ram-module>span{font-size:7px}.ram-module>div{gap:2px}.ram-module>div>i{height:7px}.memory-controller{font-size:9px;padding:5px 10px}.lane-comb{height:14px;gap:2px;max-width:110px}.memory-facts{gap:3px 7px}.memory-facts .story-fact small{font-size:9px}.memory-facts .story-fact button{font-size:20px;min-height:34px}.memory-facts .story-fact:last-child button{font-size:10px}.memory-facts .missing,.memory-facts .condition-badge,.memory-facts .not-applicable{font-size:10px}.memory-topology-note{font-size:9px!important}.memory-populations{gap:4px}.memory-populations button,.memory-populations select{font-size:9px;min-height:40px;padding:0 5px}.package-memory{grid-template-columns:repeat(2,25px);gap:5px;padding:10px}.package-memory i{height:15px}.package-memory>span{font-size:9px}.story-section[style*="--story-columns: 3"] .memory-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.story-section[style*="--story-columns: 3"] .memory-facts .story-fact button{font-size:15px;min-height:40px}.story-section[style*="--story-columns: 3"] .memory-facts .story-fact:last-child button{font-size:10px}.story-section[style*="--story-columns: 3"] .memory-facts .story-fact small{font-size:8px}}
.story-data{display:grid;grid-template-columns:repeat(var(--story-columns),minmax(0,1fr));gap:24px;position:relative;z-index:2}.story-stat{border-top:2px solid var(--product-color);padding-top:12px;min-width:0}.story-stat>p{font-size:13px;color:#eaf1f5;line-height:1.6;overflow-wrap:anywhere;margin-bottom:8px}.story-stat>strong{font:32px Bahnschrift,Aptos,sans-serif;display:block}.story-stat>small{display:block;font-size:10px;color:#abbfcd;margin-top:4px}.story-fact{margin-top:10px}.story-fact small{display:block;color:#abbfcd;font-size:11px;line-height:1.6}.story-fact button{display:block;min-height:44px;max-width:100%;font:32px Bahnschrift,Aptos,sans-serif;line-height:1.4;color:#fff;text-align:left;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.story-fact+.story-fact button{font-size:20px}.story-fact .missing,.story-fact .condition-badge,.story-fact .not-applicable,.story-power-value .missing{color:#b7c5d0;font-size:13px}.story-fact button:hover,.story-power-value button:hover{text-decoration:underline;text-underline-offset:5px}.story-power-value button{color:white;font:28px Bahnschrift,Aptos,sans-serif;text-align:left;line-height:1.7;min-height:44px}.story-power-value button>span:first-child{display:block;color:#abbfcd;font:11px Aptos,'Malgun Gothic',sans-serif}
.story-dies{position:absolute;inset:34% 28px auto;height:31%;display:grid;grid-template-columns:repeat(var(--story-columns),minmax(0,1fr));gap:24px;perspective:1000px;pointer-events:none;transition:opacity .35s,transform .35s}
.story-chip{display:grid;place-items:center;min-width:0}.story-board{position:relative;width:clamp(94px,15vw,205px);aspect-ratio:1;border:1px solid #617783;background:repeating-linear-gradient(0deg,transparent 0 16px,#a5c1d319 17px 18px),#203742;transform:rotateX(52deg) rotateZ(-24deg);transform-style:preserve-3d;box-shadow:9px 12px 0 #08141c,10px 13px 0 #617783}
.story-silicon{position:absolute;inset:18%;display:grid;grid-template-columns:repeat(var(--core-columns),minmax(0,1fr));align-content:center;gap:2px;transform:translateZ(calc(12px + var(--spread)*45px));transform-style:preserve-3d}.story-silicon i{aspect-ratio:1;background:color-mix(in srgb,var(--product-color) 65%,#d5f3f7);border:1px solid #e0f2f744;transform:translate(calc(var(--tile-x)*var(--spread)*6px),calc(var(--tile-y)*var(--spread)*7px))}
.story-lid{position:absolute;inset:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #d1dbe7;background:#a8bec8;color:#142832;transform:translateZ(calc(18px + var(--spread)*110px)) translateY(calc(var(--spread)*-22px));opacity:calc(1 - var(--spread)*.72);box-shadow:4px 5px 0 #647e8c}.story-lid>span{font:12px Bahnschrift,Aptos,sans-serif}.story-lid>strong{font:30px Bahnschrift,Aptos,sans-serif}.story-lid>small{font:12px Bahnschrift,Aptos,sans-serif}
.story-section[data-scene="2"] .story-board{outline:12px solid #aec6d012;outline-offset:10px}.story-section[data-scene="3"] .story-dies,.story-section[data-scene="4"] .story-dies{opacity:.09;transform:scale(.8)}
.story-benchmark{grid-column:1/-1;min-width:0}.story-chart-scale{display:flex;justify-content:space-between;color:#a9becb;font:10px Bahnschrift,Aptos,sans-serif;margin-bottom:12px;border-bottom:1px solid #344c5c;padding-bottom:6px}.story-benchmark-item{display:grid;grid-template-columns:minmax(110px,25%) minmax(0,1fr) 130px;align-items:center;gap:8px 18px;padding:14px 0;border-bottom:1px solid #34424d}.story-benchmark-name{font-size:12px;line-height:1.6;color:#eaf1f5}.story-benchmark-name:before{content:'';display:inline-block;width:7px;height:7px;background:var(--product-color);border-radius:50%;margin-right:7px}.story-bar-track{height:22px;background:#263641;border-radius:999px;overflow:hidden}.story-bar{height:100%;width:var(--bar-size);background:var(--product-color);border-radius:999px;transform:scaleX(var(--benchmark-reveal));transform-origin:left}.story-bar-track.missing-track{background:repeating-linear-gradient(135deg,#263641 0 4px,#1a2833 4px 8px);border:1px dashed #697e8d}.story-benchmark-value{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.story-benchmark-value strong{font:34px Bahnschrift,Aptos,sans-serif}.story-benchmark-value>span{font-size:11px;color:#aec4d2;margin-left:6px}.story-benchmark-meta{grid-column:2/-1;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#abbfcd}.story-benchmark-meta button{color:#d7e7ef;font-size:11px;min-height:30px;text-decoration:underline;text-underline-offset:4px}.story-benchmark-meta .value-delta{color:#d7e7ef}.story-benchmark-empty{font-size:13px;color:#b9cbd7;line-height:1.8}.story-benchmark-missing{font-size:12px!important}
.story-bottom{display:flex;align-items:center;gap:20px;padding:14px 28px;color:#abbfcd;font-size:10px;line-height:1.6;border-top:1px solid #34424d;flex:none}.story-diagram-note{margin-left:auto}.story-bottom #story-position{font:12px Bahnschrift,Aptos,sans-serif;white-space:nowrap}.story-section progress{display:block;appearance:none;border:0;height:3px;width:100%;background:#34424d;flex:none}.story-section progress::-webkit-progress-bar{background:#34424d}.story-section progress::-webkit-progress-value{background:#cfdee8}.story-section progress::-moz-progress-bar{background:#cfdee8}.story-section :focus-visible{outline-color:#c9e4f4}
.story-section[data-motion="static"]{height:auto}.story-section[data-motion="static"] .story-sticky{position:relative;top:0;height:auto;min-height:0;overflow:visible}.story-section[data-motion="static"] .story-screen{flex:auto}.story-section[data-motion="static"] .story-dies,.story-section[data-motion="static"] progress,.story-section[data-motion="static"] #story-position,.story-section[data-motion="static"] #story-scroll-cue{display:none}.story-section[data-motion="static"] .story-frame{position:relative;opacity:1;visibility:visible;transform:none;pointer-events:auto;min-height:0;padding:32px 28px;border-bottom:1px solid #34424d;scroll-margin-top:60px}.story-section[data-motion="static"] .story-copy h3{font-size:30px}.story-section[data-motion="static"] .story-bar{transform:none}
@media(max-width:780px){.comparison-nav{gap:18px;justify-content:flex-start;flex-shrink:0}.comparison-nav a{flex-shrink:0}}
@media(max-width:780px){.story-toolbar{padding:5px 16px;gap:6px;flex-wrap:wrap}.story-toolbar>div{gap:14px}.story-toolbar h2{font-size:11px}.story-toolbar a,.story-toolbar button{font-size:10px}.story-chapters{padding:0 16px}.story-chapters button{font-size:10px;min-height:52px;text-align:center}.story-chapters span{display:block;margin:0 0 3px}.story-frame{padding:20px 16px;gap:18px}.story-copy h3{font-size:28px;letter-spacing:-1px}.story-copy>p{font-size:11px;margin-top:10px}.story-scene-number{font-size:10px;margin-bottom:8px}.story-data{gap:12px}.story-stat>p{font-size:11px}.story-stat>strong{font-size:22px}.story-fact small{font-size:10px}.story-fact button{font-size:26px}.story-fact+.story-fact button{font-size:17px}.story-power-value button{font-size:24px}.story-dies{left:16px;right:16px;top:36%;height:25%;gap:12px}.story-board{width:clamp(74px,23vw,160px)}.story-lid{gap:3px}.story-lid>strong{font-size:21px}.story-lid>span,.story-lid>small{font-size:9px}.story-silicon{gap:2px}.story-bottom{padding:12px 16px;gap:12px;flex-wrap:wrap;font-size:9px}.story-diagram-note{margin-left:0}.story-bottom #story-position{margin-left:auto}.story-benchmark-item{grid-template-columns:1fr auto;gap:6px 10px;padding:9px 0}.story-benchmark-value strong{font-size:26px}.story-bar-track{grid-column:1/-1;grid-row:2;height:17px}.story-benchmark-meta{grid-column:1/-1;font-size:9px}.story-benchmark-name{font-size:11px}.story-benchmark-meta button{font-size:10px}.story-metric-link{font-size:11px}.story-section[style*="--story-columns: 3"] .story-stat>p{font-size:10px}.story-section[style*="--story-columns: 3"] .story-fact button{font-size:20px}.story-section[style*="--story-columns: 3"] .story-fact+.story-fact button{font-size:15px}.story-section[data-motion="static"] .story-frame{padding:28px 16px}.story-section[data-motion="static"] .story-copy h3{font-size:26px}}

@media(max-width:780px){#story-scene-2 .story-copy h3{font-size:24px}.story-memory{top:27%;height:16%}.memory-rack{transform:scale(.65)}.story-section[style*="--story-columns: 3"] .memory-populations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.story-section[style*="--story-columns: 3"] .memory-populations select{grid-column:1/-1;width:100%;min-width:0}.story-section[style*="--story-columns: 3"] .memory-populations button{font-size:8px;padding:0 2px}}

@media(max-width:780px){.memory-facts .story-fact{margin-top:3px}.story-section[style*="--story-columns: 3"] .memory-facts .story-fact button{font-size:13px}.story-section[style*="--story-columns: 3"] .memory-facts .story-fact:last-child button{font-size:9px}.story-section[style*="--story-columns: 3"] .memory-facts .missing{font-size:8px}}

@media(max-width:780px){.story-section[style*="--story-columns: 3"] .memory-rack .memory-controller,.story-section[style*="--story-columns: 3"] .memory-rack .lane-comb{display:none}}

@media(max-width:780px){.story-section[style*="--story-columns: 3"][data-scene="1"] .story-dies{top:28%;height:20%}.story-section[style*="--story-columns: 3"][data-scene="1"] .story-silicon{transform:translateZ(calc(12px + var(--spread)*25px))}.story-section[style*="--story-columns: 3"][data-scene="1"] .story-lid{transform:translateZ(calc(18px + var(--spread)*45px)) translateY(calc(var(--spread)*-10px))}}

/* One shared scale for verified package footprints; socket hardware remains illustrative. */
@media(max-width:780px){.story-diagram-note{order:1;width:100%}}
.story-dies{--package-scale:clamp(130px,17vw,200px)}
.story-board{width:calc(var(--package-scale)*var(--package-width));height:calc(var(--package-scale)*var(--package-height));aspect-ratio:auto;background:linear-gradient(135deg,#315f55,#193e38);box-shadow:3px 4px 0 #132e29,4px 5px 0 #617783}
.story-board[data-physical="false"]{border-style:dashed;background:#203742;box-shadow:none}
.story-socket{position:absolute;inset:-8%;border:4px solid #61717b;background:#263640;box-shadow:3px 5px 0 #0a151e;transform:translateZ(calc(-20px - var(--spread)*24px));transform-style:preserve-3d}
.socket-contacts{position:absolute;inset:8%;background:radial-gradient(#d1b178 1px,transparent 1.2px) 0 0/5px 5px;opacity:.7}
.socket-lever{position:absolute;top:-3%;right:-10%;width:3px;height:104%;background:#b5c0c8;border-radius:3px;transform-origin:bottom;transform:rotateZ(calc(var(--spread)*-16deg));box-shadow:2px 1px 0 #364650}
.story-socket.pga{border-width:2px;background:#665a48}.story-socket.pga .socket-contacts{background:radial-gradient(#10222f 1.5px,transparent 1.7px) 0 0/5px 5px}
.story-lid{inset:7%;background:linear-gradient(135deg,#d1d6d8,#8f9c9f 55%,#bcc4c7);box-shadow:2px 3px 0 #667579}
.story-board[data-outline="am5"] .story-lid{clip-path:polygon(0 0,21% 0,21% 12%,34% 12%,34% 0,66% 0,66% 12%,79% 12%,79% 0,100% 0,100% 21%,88% 21%,88% 34%,100% 34%,100% 66%,88% 66%,88% 79%,100% 79%,100% 100%,79% 100%,79% 88%,66% 88%,66% 100%,34% 100%,34% 88%,21% 88%,21% 100%,0 100%,0 79%,12% 79%,12% 66%,0 66%,0 34%,12% 34%,12% 21%,0 21%)}
.story-board[data-mount="BGA"],.story-board[data-mount="integrated"],.story-board[data-mount="gpu"],.story-board[data-mount="unknown"]{background:#223642;box-shadow:none}
.package-meta{display:flex;flex-wrap:wrap;gap:4px 10px;color:#bdd1dc;font-size:11px;line-height:1.5;margin-top:8px}
.package-meta button{font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;border-radius:2px}
.package-meta button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.story-core-legend .package-meta{width:100%;margin:0 0 4px}.story-core-legend .package-meta button{font:inherit;padding:0}
@media(max-width:780px){.story-dies{--package-scale:clamp(100px,30vw,150px)}.story-section[style*="--story-columns: 3"] .story-dies{--package-scale:clamp(70px,21vw,95px)}.package-meta{font-size:9px;gap:2px 6px}.story-section[style*="--story-columns: 3"] .package-meta{font-size:8px}.story-socket{border-width:2px}.story-lid>strong{font-size:18px}.story-lid>small{font-size:8px}.socket-contacts{background-size:4px 4px}}

@media(min-width:781px){.story-section[data-scene="1"] .story-dies{top:29%}}
@media(max-width:780px){.story-section[data-scene="1"] .story-dies{top:28%}.story-socket{transform:translateZ(calc(-12px - var(--spread)*16px))}.story-lid{transform:translateZ(calc(18px + var(--spread)*75px)) translateY(calc(var(--spread)*-14px))}}
@media(max-width:780px){.story-section[style*="--story-columns: 2"] .story-memory{top:23%}}