.market-build-card{border:1px solid var(--line);background:var(--surface-2);margin-top:28px;padding:clamp(20px,4vw,32px)}.market-build-card h2{margin:0;font-size:clamp(24px,4vw,34px)}.market-build-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;display:grid}.market-build-summary div{border:1px solid var(--line);padding:14px}.market-build-summary dt{color:var(--muted);font-size:12px}.market-build-summary dd{color:var(--green);margin:6px 0 0;font-weight:700}.performance-explanation{border:1px solid var(--line);margin:24px 0 0;padding:16px}.performance-explanation h3{margin:0 0 8px;font-size:16px}.performance-explanation ul{margin:0;padding-left:20px}.performance-explanation li{margin:4px 0}.performance-explanation p{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:13px}.power-supply-explanation{border:1px solid var(--line);margin:24px 0 0;padding:16px}.recommendation-result .power-supply-explanation h2,.power-supply-explanation h3{margin:0 0 8px;font-size:16px}.upgrade-result .power-supply-explanation h2{margin:0 0 8px;font-size:18px}.power-supply-explanation h2+p+h3,.power-supply-explanation h4{color:#ffd78a;margin:12px 0 4px;font-size:14px}.power-supply-explanation p{overflow-wrap:anywhere;margin:0;line-height:1.6}.recommendation-result .power-supply-explanation ul{margin:0;padding-left:20px;list-style:outside}.recommendation-result .power-supply-explanation li{color:#e9dcc0;border:0;padding:2px 0;line-height:1.5;display:list-item}.affiliate-disclosure{color:var(--muted);font-size:13px;line-height:1.6}.upgrade-checks{background:#ffd78a14;border-left:3px solid #ffd78a;margin-top:24px;padding:16px 18px}.upgrade-result .upgrade-checks h2{margin:0 0 8px;font-size:18px}.upgrade-result .upgrade-checks ul{color:#e9dcc0;gap:6px;margin:0;padding-left:20px;line-height:1.5;list-style:outside;display:grid}.upgrade-result .upgrade-checks li{border:0;padding:0;display:list-item}.bios-step{background:#ff9f6e14;border-left:3px solid #ff9f6e;margin-top:24px;padding:16px 18px}.upgrade-result .bios-step h2{margin:0 0 8px;font-size:18px}.bios-step p{color:#f3dccd;margin:0 0 8px;line-height:1.6}.bios-step a{color:var(--cyan)}.memory-floor-notice{border-left:3px solid var(--cyan);background:#63f3ff12;margin:16px 0 24px;padding:16px 18px}.memory-floor-notice h2{margin:0 0 8px;font-size:18px}.memory-floor-notice p{margin:0 0 12px;line-height:1.6}.memory-floor-notice .ghost-button{border-color:var(--cyan);height:auto;min-height:44px;color:var(--text);cursor:pointer;background:0 0;padding:10px 18px}.upgrade-result>h1{margin-bottom:34px}.upgrade-result h2{margin:36px 0 0;font-size:clamp(22px,4vw,30px)}.retained-parts li span{color:var(--muted)}.retained-parts li b,.upgrade-parts li strong{text-align:right}.upgrade-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:38px 0 0;display:grid}.upgrade-summary div{border:1px solid var(--line);background:var(--surface-2);padding:18px}.upgrade-summary dt{color:var(--muted);font-size:13px}.upgrade-summary dd{color:var(--green);margin:7px 0 0;font-size:22px;font-weight:750}.upgrade-explanation{border-top:1px solid var(--line);margin-top:38px;padding-top:4px}.upgrade-explanation p{color:#aeb4bd;max-width:720px;line-height:1.7}.upgrade-plan-tabs{border:1px solid var(--line);background:var(--surface-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:-10px 0 30px;display:grid}.upgrade-plan-tabs button{text-align:left;min-width:0;color:var(--text);overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;align-content:start;gap:5px;padding:16px 18px;display:grid;box-shadow:inset 0 -2px #0000}.upgrade-plan-tabs button+button{border-left:1px solid var(--line)}.upgrade-plan-tabs button b{font-size:15px}.upgrade-plan-tabs button strong{color:var(--green);font-size:24px}.upgrade-plan-tabs button span{font-size:14px}.upgrade-plan-tabs button small{color:var(--muted);font-size:12px;line-height:1.4}.upgrade-plan-tabs button.featured b{color:var(--green)}.upgrade-plan-tabs button[aria-selected=true]{background:linear-gradient(110deg, var(--green-soft), transparent);box-shadow:inset 0 -2px var(--green)}.upgrade-plan-tabs button:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.upgrade-summary .primary{grid-column:1/-1}.upgrade-summary .primary dd{font-size:30px}.upgrade-comparison li span{color:#aeb4bd;line-height:1.6}.upgrade-comparison li b{color:var(--text)}.compatibility-badge{width:fit-content;max-width:100%;color:var(--green);line-height:1.5;font:10px/1.2 var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid #63ff8b59;margin:28px 0 0;padding:7px 10px}@media (max-width:620px){.market-build-summary,.upgrade-summary{grid-template-columns:1fr}.retained-parts li b,.upgrade-parts li strong{text-align:left}.upgrade-plan-tabs{grid-auto-flow:row}.upgrade-plan-tabs button{grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:12px;padding:12px 14px}.upgrade-plan-tabs button+button{border-left:0;border-top:1px solid var(--line)}.upgrade-plan-tabs button strong{font-size:18px}.upgrade-plan-tabs button small{display:none}}.upgrade-memory-change p,.upgrade-storage-complement p,.upgrade-considered p{color:#aeb4bd;max-width:720px;line-height:1.7}.upgrade-memory-change .field-hint.warning,.upgrade-parts .dependency-reason.warning{color:#ffd78a}.upgrade-storage-complement{border-top:1px solid var(--line);margin-top:38px;padding-top:4px}.upgrade-complement-budgets{color:#e9dcc0;gap:6px;margin:12px 0 0;padding-left:20px;line-height:1.5;list-style:outside;display:grid}.upgrade-result .upgrade-complement-budgets li{border:0;padding:0;display:list-item}.upgrade-considered{border-left:3px solid var(--cyan);background:#63f3ff0f;margin-top:28px;padding:16px 18px}.upgrade-result .upgrade-considered h2{margin:0 0 4px;font-size:18px}.upgrade-considered p{margin:6px 0 0}.upgrade-diagnosis{border:1px solid var(--line);background:var(--surface-2);margin:0 0 32px;padding:clamp(18px,3vw,24px)}.upgrade-diagnosis h2{margin:0 0 8px;font-size:clamp(20px,3vw,24px)}.diagnosis-overall{color:var(--text);margin:0;line-height:1.6}.diagnosis-note{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.recommendation-result .diagnosis-items{gap:10px;margin:18px 0 0;display:grid}.recommendation-result .diagnosis-items>li{border:1px solid var(--line);border-left:3px solid var(--state-color);background:var(--surface);grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:6px;padding:14px 16px;display:grid}.diagnosis-item{--state-color:var(--muted)}.diagnosis-item.state-ok{--state-color:var(--green)}.diagnosis-item.state-attention{--state-color:#ffd78a}.diagnosis-item.state-bottleneck{--state-color:#ff9b9b}.diagnosis-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.diagnosis-heading h3{margin:0;font-size:16px}.recommendation-result .diagnosis-state{color:var(--state-color);font:12px/1.2 var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.recommendation-result .diagnosis-dot{background:var(--state-color);border-radius:50%;width:8px;height:8px;display:block}.diagnosis-item p{color:#aeb4bd;overflow-wrap:anywhere;margin:0;line-height:1.6}.diagnosis-item .diagnosis-related{color:var(--cyan);font-size:12px}.result-summary{z-index:5;background:#070c0af7;border:1px solid #63ff8b59;justify-content:space-between;align-items:center;gap:18px;margin:24px 0;padding:14px 18px;display:flex;position:sticky;top:0}.result-summary dl{gap:28px;margin:0;display:flex}.result-summary dl div{gap:2px;display:grid}.result-summary dt{color:var(--muted);font-size:12px}.result-summary dd{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:700}.result-summary dl div:first-child dd{color:var(--green)}.result-summary .primary-button{cursor:pointer;white-space:nowrap;border:0;height:48px}.all-offers{border:1px solid var(--line);width:min(640px,100% - 28px);max-height:min(80vh,760px);color:var(--text);background:var(--surface);padding:24px}.all-offers::backdrop{background:#000000b8}.all-offers-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.all-offers-header h2{margin:0;font-size:22px}.all-offers-header .ghost-button{cursor:pointer;background:0 0;height:44px}.all-offers>p{color:var(--muted);font-size:14px;line-height:1.5}.all-offers ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.all-offers li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:12px 0;display:grid}.all-offers li span{color:var(--muted);grid-column:1/-1;font-size:12px}.all-offers li b{font-weight:600}.all-offers li strong{font-variant-numeric:tabular-nums}.all-offers li a{min-height:44px;color:var(--green);text-underline-offset:3px;grid-column:1/-1;justify-self:start;align-items:center;text-decoration:underline;display:inline-flex}.all-offers li a:focus-visible,.all-offers button:focus-visible,.result-summary button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.performance-bar{gap:8px;margin:16px 0;display:grid}.performance-bar p{color:var(--muted);justify-content:space-between;gap:12px;margin:0;font-size:14px;display:flex}.performance-bar strong{color:var(--text);font-variant-numeric:tabular-nums}.performance-bar [role=meter]{background:var(--surface-2);height:8px;overflow:hidden}.performance-bar [role=meter] span{background:var(--green);height:100%;display:block}.build-tabs [role=tablist]{border:1px solid var(--line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:24px 0 0;display:grid}.build-tabs [role=tab]{text-align:left;min-height:72px;color:var(--text);cursor:pointer;background:0 0;border:0;gap:4px;padding:14px 18px;display:grid}.build-tabs [role=tab]+[role=tab]{border-left:1px solid var(--line)}.build-tabs [role=tab] small{color:var(--muted);font-variant-numeric:tabular-nums}.build-tabs [role=tab] small span{color:var(--green);margin-left:10px}.build-tabs [role=tabpanel] .market-build-card{border-top:0;margin-top:0}.part-card-changed{color:#061008;background:var(--cyan);justify-self:start;margin:2px 0 0;padding:2px 8px;font-size:12px;font-weight:700}.part-card-note{color:var(--muted);margin:2px 0 0;font-size:13px;line-height:1.5}.build-tabs [role=tab][aria-selected=true]{background:var(--green-soft);box-shadow:inset 0 -2px var(--green)}.build-tabs [role=tab]:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}@media (max-width:620px){html:has(.result-summary){scroll-padding-bottom:150px}.recommendation-result:has(.result-summary){padding-bottom:140px}.result-summary{padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-width:1px 0 0;flex-wrap:wrap;gap:10px;margin:0;position:fixed;inset:auto 0 0}.result-summary dl{justify-content:space-between;gap:12px;width:100%}.result-summary dd{font-size:17px}.result-summary .primary-button{width:100%;height:44px}.all-offers{padding:18px}}.platform-package{background:linear-gradient(140deg, var(--green-soft), transparent 60%), var(--surface-2);border:1px solid #63ff8b59;margin-top:36px;padding:clamp(18px,4vw,28px)}.upgrade-result .platform-package h3{margin:0;font-size:clamp(18px,3vw,22px)}.platform-package-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;display:flex}.platform-package-total{color:var(--muted);margin:0;font-size:13px}.platform-package-total b{color:var(--green);font-size:24px}.platform-package>p{color:#aeb4bd;max-width:720px;margin:12px 0 0;line-height:1.6}.recommendation-result .platform-package ul{margin:20px 0 0}.kept-parts li b{overflow-wrap:anywhere;max-width:70%;font-weight:600;line-height:1.5}.upgrade-result .upgrade-contributions ul{margin:16px 0 0}.upgrade-result .upgrade-contributions li{color:#aeb4bd}.upgrade-result .upgrade-contributions .contribution-total b{color:var(--green)}.upgrade-comparison>p{color:#aeb4bd;max-width:720px;line-height:1.6}.upgrade-new-pc{border:1px solid var(--line);background:var(--surface-2);margin-top:36px;padding:clamp(18px,4vw,28px)}.upgrade-result .upgrade-new-pc h2{margin:0}.upgrade-new-pc p{color:#aeb4bd;max-width:720px;line-height:1.6}.upgrade-new-pc .ghost-button{text-align:center;gap:10px;height:auto;min-height:48px;padding:12px 20px;text-decoration:none}.upgrade-notices{border-left:3px solid var(--cyan);background:#63f3ff12;margin-top:24px;padding:16px 18px}.upgrade-result .upgrade-notices h2{margin:0 0 8px;font-size:18px}.upgrade-result .upgrade-notices ul{color:#cfe9ec;margin:0;padding-left:20px;line-height:1.5;list-style:outside}.upgrade-result .upgrade-notices li{border:0;padding:0;display:list-item}@media (max-width:620px){.kept-parts li b{max-width:none}.upgrade-new-pc .ghost-button{width:100%}}.product-memory-floor{border:1px solid #ffc478;gap:10px;margin:0 0 16px;padding:14px 16px;display:grid}.product-memory-floor h2{margin:0;font-size:16px}.product-memory-floor p{margin:0;line-height:1.5}.product-memory-floor .ghost-button{border-color:var(--cyan);height:auto;min-height:44px;color:var(--text);cursor:pointer;background:0 0;justify-self:start;padding:10px 18px}.upgrade-purchase{margin-top:28px}.upgrade-purchase-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;display:flex}.upgrade-result .upgrade-purchase-head h2{margin:0}.upgrade-purchase-total{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:13px;display:flex}.upgrade-purchase-total b{color:var(--green);font-size:24px}.upgrade-purchase-gain{color:var(--text);font-size:14px}.upgrade-result .upgrade-purchase>.part-card-list{margin:20px 0 0}.upgrade-purchase .platform-package{margin-top:20px}.upgrade-result .upgrade-purchase .platform-package+.part-card-list{margin-top:16px}
