@charset "UTF-8";
:root{--ink:#21363a;--muted:#657779;--line:#dce3df;--paper:#fff;--workspace:#f2f5f1;--nav:#17282e;--green:#c0ef91;--green-pale:#eaf2df;--cyan:#62bec2;--radius:16px;--shadow:0 12px 35px #253e3510;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--workspace);font-synthesis:none;line-height:1.55;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #438d99;outline-offset:4px}a{color:#286a71;text-underline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(30px,3.2vw,46px);font-weight:650;letter-spacing:-1.6px}h2{font-size:24px;letter-spacing:-.7px}h3{font-size:17px;letter-spacing:-.2px}p+p{margin-top:12px}button{border:0}svg{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:12px;background:white;transform:translateY(-150%)}.skip-link:focus{transform:none}.loading{display:grid;place-content:center;min-height:100vh;gap:20px}.wordmark{display:inline-flex;align-items:center;gap:5px;font-size:25px;font-weight:800;letter-spacing:-1px;line-height:1}.wordmark span{font-weight:450;color:var(--green)}.brand-symbol{display:grid;place-items:center;width:32px;height:32px;border:1px solid #667b7a;border-radius:8px;color:var(--green);font-size:18px;margin-right:9px}.topbar{min-height:76px;background:var(--nav);color:#f3f6ef;display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1440px)/2));gap:27px;border-bottom:1px solid #35454a}.brand{display:flex;align-items:center;text-decoration:none;color:inherit;white-space:nowrap}.lesson-tag{border-left:1px solid #51605f;padding-left:25px;font-size:12px;line-height:1.55;color:#b4c2bc;letter-spacing:.4px}.lesson-tag strong{display:block;color:#ecf0e9;font-size:13px;font-weight:500}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.top-link{color:#bac8c2;text-decoration:none;font-size:13px;padding:8px}.timer{display:flex;align-items:center;gap:10px;border:1px solid #526260;border-radius:9px;padding:7px 10px;font-variant-numeric:tabular-nums}.timer-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#acbdb5}.timer-time{font-size:18px;line-height:1.1;min-width:48px}.timer-button{width:30px;height:30px;display:grid;place-items:center;background:#32494b;color:#dcf0dd;border-radius:6px}.timer-button svg{width:14px;height:14px}.app-layout{display:grid;grid-template-columns:236px minmax(0,1fr);width:100%;min-width:0;max-width:1496px;margin:auto;min-height:calc(100vh - 76px)}.sidebar{min-width:0;max-width:100%;padding:35px 20px 25px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column}.nav-kicker,.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted)}.sidebar .nav-kicker{margin:0 12px 15px}.nav-group-label{padding:23px 12px 9px;font-size:10px;letter-spacing:1.5px;color:#85918c;font-weight:600;text-transform:uppercase}.nav-item{display:flex;width:100%;align-items:center;gap:11px;background:transparent;color:#607373;padding:12px;border-radius:9px;text-align:left;margin:3px 0;line-height:1.35;font-size:13px}.nav-item:hover{background:#e8ede7;color:var(--ink)}.nav-item[aria-current=page]{background:#e1ead9;color:#253c33;font-weight:600}.nav-icon{width:24px;height:24px;display:grid;place-items:center;flex:none;border:1px solid #c9d4cb;border-radius:6px;font-size:11px;font-weight:600;color:#698273}.nav-item[aria-current=page] .nav-icon{background:#2b4941;border-color:#2b4941;color:#d6f7bf}.nav-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#7c9188;flex:none}.sidebar-bottom{margin-top:auto;padding:35px 12px 0;font-size:12px;color:#778781}.sidebar-bottom p{margin-top:10px;font-size:11px}.progress-track{height:4px;border-radius:4px;background:#dde4db;margin-top:10px;overflow:hidden}.progress-track span{display:block;height:100%;background:#718b73;transition:width .25s}.workspace{min-width:0;padding:38px 42px 32px;max-width:1260px;width:100%;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 29px}.page-header h1{margin-top:8px}.page-header .subtitle{color:var(--muted);margin-top:13px;max-width:710px;font-size:14px}.step-label{font-family:monospace;font-size:12px;color:#81918a;white-space:nowrap;padding-bottom:4px}.notice{background:#e7eddf;border:1px solid #cedac6;border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:13px}.notice button{background:transparent;float:right;font-size:18px;line-height:1;color:var(--muted)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-head p{font-size:12px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#f7f9f4;border-radius:6px;padding:5px 9px;font-size:11px;color:#687a70;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:9px;padding:12px 19px;font-size:13px;font-weight:600;text-decoration:none;line-height:1.4;min-height:43px}.button:hover{background:#35554e}.button.primary{background:var(--green);border-color:var(--green);color:#253e2e}.button.primary:hover{background:#d0f6ad}.button.secondary{background:#fff;border-color:#cfd9d0;color:var(--ink)}.button.secondary:hover{background:#f1f5ed}.button.ghost{background:transparent;border-color:transparent;color:var(--muted);padding:8px 10px}.button.small{padding:8px 12px;min-height:35px;font-size:12px}.button svg,.inline-icon{width:17px;height:17px}.intro-hero{overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;background:#e6eddf;border-color:#d2ddca;min-height:460px}.intro-copy{padding:43px 0 42px 37px;position:relative;z-index:1}.intro-copy h2{font-size:clamp(32px,3vw,46px);letter-spacing:-1.6px;line-height:1.15;max-width:470px;margin:21px 0 18px}.intro-copy>p{max-width:410px;color:#5a6f61;font-size:14px}.intro-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 50%,#f3f6eb 0%,transparent 65%);position:relative}.intro-art:before{position:absolute;inset:25px;content:"";border:1px solid #c9d7c9;border-radius:50%;aspect-ratio:1;top:50%;transform:translateY(-50%)}.intro-art .computer-art{position:relative;width:100%;max-width:350px;filter:drop-shadow(0 15px 15px #355b3a13)}.intro-bottom{display:flex;align-items:end;gap:12px;margin-top:27px;flex-wrap:wrap}.field-label{display:block;font-size:11px;color:#5f7165;margin-bottom:6px}.text-input{width:210px;padding:10px 12px;border:1px solid #c4d0bf;border-radius:8px;background:#ffffffa6;color:var(--ink);min-height:43px;font-size:13px}.intro-meta{display:flex;gap:20px;margin-top:25px;font-size:11px;color:#657963;flex-wrap:wrap}.intro-meta span{display:flex;align-items:center;gap:6px}.intro-meta svg{width:15px;height:15px}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.overview-card{padding:22px}.overview-card .number{font-family:monospace;color:#83a392;font-size:13px}.overview-card h3{margin:12px 0 7px}.overview-card p{font-size:12px;color:var(--muted)}.overview-card .time{display:block;margin-top:15px;font-size:11px;color:#637a6d}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.guide-card{padding:25px}.guide-card p{font-size:13px;color:#586e69;margin-top:12px}.guide-card:first-child{grid-column:1/-1;background:#e8efdf}.guide-card h3{display:flex;align-items:center;gap:10px}.guide-card .guide-number{font-family:monospace;font-size:12px;color:#758d73}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.page-footer p{font-size:11px;color:var(--muted);max-width:520px}.footer-links{margin-top:30px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#87938d}.footer-links a{color:#7a8c83}.build-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(280px,.85fr);gap:23px;align-items:start}.brief{padding:24px;margin-bottom:22px}.brief-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.brief-symbol{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#e9f0e2;color:#67836b}.brief-symbol svg{width:20px;height:20px}.brief p{font-size:13px;color:#5e726c}.requirements{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:9px}.requirements li{position:relative;padding-left:17px;font-size:12px;color:#4c635b}.requirements li:before{content:"";position:absolute;width:5px;height:5px;border:1px solid #829a83;top:.55em;left:1px;border-radius:1px}.budget-tag{margin-left:auto;font-size:12px;white-space:nowrap;color:#4d6754;background:#ecf2e4;border:1px solid #dbe5d1;padding:6px 9px;border-radius:6px}.slots-list{display:grid;gap:9px}.slot-button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border:1px solid var(--line);padding:11px 15px 11px 9px;border-radius:12px;min-height:83px;color:var(--ink);transition:border-color .18s,transform .18s}.slot-button:hover{border-color:#92ac96;transform:translateX(2px)}.slot-button:disabled:hover{transform:none}.slot-button .part-art{width:76px;height:53px;flex:none}.slot-text{min-width:0}.slot-label{display:block;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#829087;margin-bottom:3px}.slot-name{display:block;font-size:13px;font-weight:600;line-height:1.4}.slot-empty{font-size:13px;font-weight:400;color:#73837a}.slot-detail{display:block;font-size:11px;margin-top:4px;color:#7b897f}.slot-plus{display:grid;place-items:center;flex:none;width:27px;height:27px;margin-left:auto;border:1px solid #dae2d5;border-radius:7px;color:#738a71;font-size:20px;font-weight:400}.slot-price{margin-left:auto;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.slot-price .edit{display:block;font-size:10px;color:#819080;margin-top:3px;text-align:right;font-weight:400}.preview-card{padding:23px;position:sticky;top:24px;background:#eef2e9;box-shadow:none;border-color:#d8e0d2}.preview-top{display:flex;justify-content:space-between;align-items:center}.preview-top h3{font-size:13px}.preview-top span{font-family:monospace;font-size:11px;color:#7a8b78}.preview-card .computer-art{width:100%;max-height:330px;margin:4px auto 0}.preview-caption{display:flex;justify-content:space-between;gap:15px;color:#84927d;font-size:10px;border-bottom:1px solid #d9e1d0;padding:0 0 17px}.totals{padding-top:8px}.total-row{display:flex;justify-content:space-between;gap:15px;padding-top:12px;font-size:12px;color:#66795f}.total-row strong{font-weight:550;color:#344d37;white-space:nowrap;font-variant-numeric:tabular-nums}.total-row.cost{font-size:13px;border-bottom:1px solid #d9e1d0;padding-bottom:15px;margin-bottom:3px}.total-row.cost strong{font-size:22px;letter-spacing:-.6px}.calculation-note{font-size:10px;color:#7d8d73;line-height:1.65;margin-top:15px}.included{border-top:1px solid #d9e1d0;margin-top:18px;padding-top:15px;font-size:11px;color:#687d65}.included summary{cursor:pointer}.included ul{padding-left:17px;margin:9px 0 0}.included li+li{margin-top:6px}.reasoning{margin-top:19px}.reasoning label{display:block;font-size:12px;font-weight:550;margin-bottom:7px}.reasoning p{font-size:11px;color:var(--muted);margin-bottom:8px}.reasoning textarea{display:block;resize:vertical;min-height:90px;width:100%;border:1px solid var(--line);border-radius:10px;background:#ffffffb3;padding:12px;color:var(--ink);font-size:13px}.cpu-reference{margin-bottom:29px}.reference-heading{margin-bottom:14px}.reference-heading h2{font-size:19px}.reference-heading p{font-size:12px;color:var(--muted);margin-top:7px}.cpu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cpu-card{padding:19px}.cpu-card-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}.cpu-card-head .part-art{width:63px;height:48px;flex:none}.cpu-card h3{font-size:15px}.cpu-card .subtitle{font-size:11px;margin-top:4px;color:var(--muted)}.spec-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 15px;margin:0;font-size:11px}.spec-list div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #eef0eb;padding:5px 0;grid-column:1/-1}.spec-list dt{color:#7b897d}.spec-list dd{margin:0;text-align:right;color:#3b5548;overflow-wrap:anywhere}.sources-details{font-size:10px;color:#7c8d7f;margin-top:13px}.sources-details summary{cursor:pointer}.sources-details ul{padding-left:17px}.sources-details li+li{margin-top:6px}.sources-details a{overflow-wrap:anywhere}.question-stack{display:grid;gap:19px}.question{padding:25px}.question-heading{display:flex;gap:14px;margin-bottom:13px;align-items:start}.question-number{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d1dccb;border-radius:7px;font-family:monospace;font-size:12px;color:#73896b;flex:none}.question-heading h3{font-size:16px;margin:3px 0 8px}.question-prompt{font-size:14px;color:#3e5750;line-height:1.6}.context{background:#f0f4ed;border:1px solid #e2e8dc;padding:13px 15px;border-radius:9px;margin:14px 0 16px;font-size:12px;color:#617258}.context p+p{margin-top:7px}.options{display:grid;gap:8px}.option{display:flex;align-items:start;gap:11px;width:100%;text-align:left;padding:12px 14px;border-radius:9px;border:1px solid #dce3d7;background:#fff;color:#4c6257;font-size:13px;line-height:1.55}.option:hover{background:#f5f8f1;border-color:#b1c0a8}.option[aria-checked=true]{border-color:#6e8a61;background:#ecf3e5;color:#344e2b}.radio-mark{width:17px;height:17px;border:1px solid #b4c1ad;border-radius:50%;flex:none;margin-top:2px;display:grid;place-items:center}.option[aria-checked=true] .radio-mark:after{content:"";width:7px;height:7px;border-radius:50%;background:#6d875c}.option-letter{font-family:monospace;color:#8a9a83;min-width:17px}.question .reasoning{margin-top:17px}.review-summary{padding:25px;display:flex;align-items:center;gap:23px;margin-bottom:23px;background:#e8efdf}.progress-disc{width:73px;height:73px;border:5px solid #cbd8bd;border-radius:50%;display:grid;place-content:center;flex:none;text-align:center;font-size:24px;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-1px}.progress-disc small{font-size:10px;letter-spacing:0;color:#738368;margin-top:4px}.review-summary h2{font-size:22px}.review-summary p{font-size:13px;color:#697c5c;margin-top:9px}.review-grid{display:grid;gap:12px}.review-row{display:flex;align-items:center;gap:15px;padding:17px 20px}.review-row h3{font-size:14px}.review-row p{font-size:11px;color:#83907b;margin-top:4px}.review-status{margin-left:auto;font-size:11px;color:#6d7f60;white-space:nowrap}.review-status .count{font-family:monospace;font-size:14px}.finish-panel{padding:24px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:22px}.finish-panel h3{margin-bottom:7px}.finish-panel p{font-size:12px;color:var(--muted);max-width:530px}.result-hero{padding:31px;display:flex;gap:27px;align-items:center;margin-bottom:25px;background:#e5efdc}.score{width:112px;height:112px;border:1px solid #b0c7a0;background:#f4f8ed;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.score strong{font-size:42px;letter-spacing:-2px;line-height:1}.score span{font-size:11px;color:#708263;margin-top:6px}.result-hero h2{font-size:25px}.result-hero p{font-size:13px;color:#62765a;margin-top:10px}.result-actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.result-section{padding:25px;margin:17px 0}.result-section .brief{box-shadow:none;background:#f7f9f3;margin-top:16px;padding:17px}.result-section .checks{list-style:none;padding:0;margin:19px 0 0;display:grid;gap:10px}.check{padding:13px 15px;border:1px solid #dce4d5;border-radius:9px;background:#f6f9f0}.check.failed{border-color:#e6d6c5;background:#fbf4ed}.check-head{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600}.check-symbol{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#d9e9cb;color:#527139;font-size:12px}.failed .check-symbol{background:#efdbc5;color:#9f6c39}.check-points{margin-left:auto;font-family:monospace;font-size:11px;white-space:nowrap;font-weight:400}.check ul{padding-left:32px;margin:8px 0 0;font-size:12px;color:#68775e}.result-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;margin-top:16px;font-size:12px}.result-selection span{display:block;color:#8a967e;font-size:10px}.result-choice{margin-top:15px;border-top:1px solid var(--line);padding-top:15px;font-size:13px}.result-choice p+p{margin-top:8px}.result-notes{padding:12px 15px;background:#f4f6ef;border-radius:8px;white-space:pre-wrap;font-size:12px;margin-top:13px;color:#657458}.catalog-dialog{width:min(1100px,calc(100% - 48px));max-height:calc(100vh - 60px);padding:0;border:1px solid #d4ded1;border-radius:18px;background:var(--workspace);color:var(--ink);box-shadow:0 30px 100px #0b292440;overflow:auto}.catalog-dialog::backdrop,.confirm-dialog::backdrop{background:#12292780;backdrop-filter:blur(4px)}.dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 29px 20px;background:#f2f5f1f2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.dialog-head h2{font-size:23px}.dialog-head p{font-size:12px;color:var(--muted);margin-top:6px}.close-button{width:35px;height:35px;display:grid;place-items:center;border:1px solid #d3ddce;border-radius:9px;background:#fff;color:#71846b;font-size:23px;flex:none}.catalog-grid{padding:23px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.catalog-card{background:#fff;border:1px solid #dbe3d5;border-radius:13px;padding:21px;display:flex;flex-direction:column}.catalog-card.is-selected{border-color:#849b72}.catalog-card-top{display:flex;align-items:center;gap:16px;margin-bottom:15px}.catalog-card-top .part-art{width:100px;height:70px;flex:none}.catalog-card h3{font-size:17px}.catalog-card .part-summary{font-size:12px;color:#74856b;margin-top:10px;margin-bottom:14px}.catalog-card .spec-list{font-size:12px}.catalog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #edf0e7;padding-top:17px;margin-top:auto}.catalog-card .sources-details{margin:13px 0 19px}.price{font-size:20px;letter-spacing:-.4px;font-weight:600;white-space:nowrap}.price small{display:block;font-size:9px;letter-spacing:0;font-weight:400;color:#819078}.dialog-foot{padding:0 29px 23px;font-size:11px;color:#7d8b75}.confirm-dialog{width:min(480px,calc(100% - 32px));padding:29px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--ink)}.confirm-dialog h2{font-size:23px;margin-bottom:13px}.confirm-dialog p{font-size:14px;color:var(--muted)}.confirm-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;flex-wrap:wrap}.offline-badge{display:flex;align-items:center;gap:6px}.offline-badge:before{content:"";width:5px;height:5px;background:#9aac8b;border-radius:50%}.static-page{max-width:1000px;margin:0 auto;padding:35px 25px}.static-page h1{margin:25px 0}.static-page .card{padding:25px;margin:18px 0}.static-page li{margin:8px 0}.static-page p,.static-page li{font-size:14px}.static-page h2{font-size:22px;margin-bottom:14px}.static-page h3{margin:20px 0 10px}.print-only{display:none}
@media(min-width:1500px){.workspace{padding-top:44px}.preview-card .computer-art{max-height:360px}}
@media(max-width:1150px){.workspace{padding:30px 25px}.app-layout{grid-template-columns:208px minmax(0,1fr)}.sidebar{padding-left:17px;padding-right:14px}.build-layout{grid-template-columns:minmax(0,1fr) 290px;gap:17px}.preview-card{padding:17px}.slot-button{gap:7px}.slot-button .part-art{width:62px}.slot-name{font-size:12px}.slot-price{font-size:11px}.intro-copy{padding-left:27px}.intro-copy h2{font-size:35px}.lesson-tag{display:none}.catalog-card-top .part-art{width:78px}.topbar{padding:0 25px}}
@media(max-width:960px){.app-layout{grid-template-columns:minmax(0,1fr)}.sidebar{padding:13px 22px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar .nav-kicker,.nav-group-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;width:100%;min-width:0;max-width:100%;gap:5px;overflow-x:auto;padding:2px 3px 6px}.nav-item{width:auto;flex:none;padding:8px 10px;font-size:11px;gap:7px;white-space:nowrap;margin:0}.nav-icon{width:21px;height:21px;font-size:10px}.nav-dot{width:4px;height:4px;margin-left:2px}.workspace{padding:27px 27px 24px}.page-header{margin-bottom:24px}.intro-hero{min-height:420px}.intro-copy h2{font-size:37px}.build-layout{grid-template-columns:minmax(0,1fr) 300px}.preview-card{top:15px}.overview-card{padding:20px}.topbar{min-height:70px}.cpu-card{padding:17px}.result-selection{grid-template-columns:1fr 1fr}}
@media(max-width:720px){:root{font-size:14px}.workspace{padding:24px 19px}.topbar{padding:0 19px;min-height:66px;gap:10px}.wordmark{font-size:22px}.brand-symbol{width:29px;height:29px;margin-right:7px}.top-link{display:none}.timer{padding:6px 8px;gap:7px}.timer-label{font-size:8px;letter-spacing:.6px}.timer-time{font-size:16px;min-width:44px}.timer-button{width:27px;height:27px}.sidebar{padding:11px 14px 7px}.page-header{align-items:start;gap:8px}.page-header h1{font-size:31px;letter-spacing:-1px}.page-header .subtitle{font-size:12px;line-height:1.65;margin-top:10px}.step-label{font-size:10px;padding-top:5px}.eyebrow{font-size:9px;letter-spacing:1.3px}.intro-hero{grid-template-columns:1fr;position:relative;min-height:0}.intro-copy{padding:27px 25px 26px}.intro-copy h2{font-size:38px;max-width:400px;margin-top:17px}.intro-copy>p{max-width:390px;font-size:13px}.intro-art{height:285px;margin-top:-15px;overflow:hidden}.intro-art:before{inset:0 65px;top:50%}.intro-art .computer-art{height:315px;width:315px;margin-top:7px}.intro-meta{gap:15px;margin-top:20px}.overview-grid{gap:10px}.overview-card{padding:16px 13px}.overview-card h3{font-size:14px;line-height:1.35;margin:9px 0}.overview-card p{font-size:11px}.overview-card .time{font-size:10px}.build-layout{grid-template-columns:minmax(0,1fr)}.build-layout>div{min-width:0}.preview-card{position:static;display:grid;grid-template-columns:1fr 1.2fr;gap:0 17px;grid-row:2;padding:19px}.preview-top{grid-column:1/-1}.preview-card .computer-art{grid-column:1;grid-row:2/5;max-height:240px;align-self:center;margin:0;width:100%}.preview-caption{grid-column:2;font-size:9px;padding-top:13px;padding-bottom:10px}.totals{grid-column:2}.total-row{font-size:10px;gap:7px;padding-top:8px}.total-row.cost{font-size:11px;padding-bottom:10px}.total-row.cost strong{font-size:17px}.calculation-note{font-size:9px;grid-column:1/-1;margin-top:7px}.included{grid-column:1/-1;font-size:10px;margin-top:12px;padding-top:12px}.brief{padding:20px}.brief p{font-size:12px}.brief-heading{gap:9px}.brief-symbol{width:32px;height:32px}.brief h2{font-size:19px}.budget-tag{font-size:10px;padding:5px 7px}.requirements li{font-size:12px}.slot-button{padding:12px;gap:12px;min-height:83px}.slot-button .part-art{width:72px}.slot-name{font-size:13px}.slot-label{font-size:9px}.slot-price{font-size:12px}.guide-grid{grid-template-columns:1fr}.guide-card:first-child{grid-column:auto}.guide-card{padding:20px}.cpu-grid{grid-template-columns:1fr}.cpu-card{padding:20px}.cpu-card h3{font-size:17px}.spec-list{font-size:12px}.question{padding:20px}.question-heading{gap:10px}.question-heading h3{font-size:15px}.question-prompt{font-size:13px}.option{font-size:12px;padding:12px 11px;gap:9px}.context{font-size:11px;padding:12px}.catalog-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 30px);border-radius:14px}.dialog-head{padding:18px 19px}.dialog-head h2{font-size:21px}.dialog-head p{font-size:11px;max-width:250px}.catalog-grid{padding:17px;grid-template-columns:1fr;gap:13px}.catalog-card{padding:19px}.catalog-card-top .part-art{width:90px}.catalog-card h3{font-size:17px}.dialog-foot{padding:0 19px 19px}.review-summary{padding:21px;gap:17px}.review-summary h2{font-size:19px}.review-summary p{font-size:12px}.progress-disc{width:63px;height:63px;font-size:21px}.review-row{padding:15px;gap:10px}.review-row h3{font-size:12px}.review-status{font-size:10px}.finish-panel{display:block;padding:21px}.finish-panel .button{margin-top:18px;width:100%}.result-hero{padding:23px;gap:18px;align-items:start}.score{width:82px;height:82px}.score strong{font-size:32px}.score span{font-size:9px}.result-hero h2{font-size:21px}.result-hero p{font-size:12px}.result-actions{gap:7px}.result-actions .button{font-size:11px;padding:8px 10px;min-height:34px}.result-section{padding:20px}.result-section .brief{padding:14px}.result-selection{grid-template-columns:1fr}.check{padding:12px}.check-head{font-size:12px;gap:7px}.check ul{font-size:11px;padding-left:27px}.page-footer{align-items:start}.page-footer p{font-size:10px}.page-footer .button{white-space:nowrap;padding:10px 13px;font-size:12px}.footer-links{font-size:9px;flex-wrap:wrap;gap:10px;margin-top:24px}.footer-links>div{display:flex;gap:12px}}
@media(max-width:390px){.workspace{padding:21px 13px}.topbar{padding:0 13px}.brand-symbol{display:none}.timer-label{display:none}.sidebar{padding-left:8px;padding-right:8px}.page-header h1{font-size:28px}.step-label{display:none}.intro-copy{padding:24px 20px}.intro-copy h2{font-size:33px}.intro-bottom .text-input{width:100%}.intro-bottom>div,.intro-bottom>.button{width:100%}.intro-bottom .button{justify-content:space-between}.intro-meta{gap:10px;font-size:10px}.intro-art{height:255px}.overview-grid{grid-template-columns:1fr}.overview-card{padding:17px;display:grid;grid-template-columns:25px 1fr 65px;gap:0 10px}.overview-card .number{grid-column:1;grid-row:1/3}.overview-card h3{margin:0 0 6px}.overview-card p{grid-column:2}.overview-card .time{grid-column:3;grid-row:1;margin:2px 0 0;text-align:right}.slot-button{gap:7px;padding:11px 9px}.slot-button .part-art{width:59px}.slot-name{font-size:12px}.slot-detail{font-size:10px}.slot-price{font-size:10px}.slot-price .edit{font-size:9px}.brief-symbol{display:none}.brief{padding:17px}.budget-tag{font-size:9px}.brief h2{font-size:18px}.preview-card{padding:16px;gap:0 9px}.preview-caption{font-size:8px}.total-row{font-size:9px}.total-row.cost strong{font-size:16px}.result-hero{display:block}.score{margin-bottom:18px}.result-section{padding:17px}.review-summary{gap:13px;padding:17px}.review-status{white-space:normal;text-align:right}.review-row{gap:8px;padding:13px}.review-row .nav-icon{display:none}.review-row .button{padding:7px 9px;font-size:10px}.dialog-head{padding:17px 15px}.catalog-grid{padding:13px}.catalog-card{padding:17px}.catalog-card-top{gap:10px}.catalog-card-top .part-art{width:75px}.catalog-card h3{font-size:15px}.catalog-card .spec-list{font-size:11px}.question{padding:17px}.question-number{width:23px;height:23px;font-size:10px}.option-letter{display:none}.page-footer{flex-wrap:wrap}.page-footer>.button{margin-left:auto}.confirm-dialog{padding:23px}}
@media(prefers-reduced-motion:no-preference){.workspace>section,.workspace>header{animation:arrive .3s ease both}.installed-part{animation:install .45s ease}.slot-button,.option,.button{transition:background .16s,border-color .16s,transform .16s}@keyframes arrive{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes install{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}}
.total-row.gpu-recommendation{flex-wrap:wrap}.total-row.gpu-recommendation strong{margin-left:auto}
.build-outcome{display:flex;align-items:center;gap:10px;background:#eaf2df;border:1px solid #d2e2c4;color:#3d5d2c;padding:13px 15px;border-radius:9px;font-size:14px;line-height:1.5;margin:0 0 17px}.build-outcome.needs-changes{background:#fbf1e7;border-color:#e8d3ba;color:#855c2f}.build-outcome>span{flex:none;font-size:18px}
/* Reading text stays comfortably legible at every viewport; labels and technical metadata may be smaller. */
.total-row{font-size:14px;line-height:1.5}.total-row>span{min-width:0}.total-row>strong{flex-shrink:0}
@media(max-width:720px){.preview-card{grid-template-columns:minmax(0,1fr);gap:0}.preview-card .computer-art{grid-column:1;grid-row:auto;height:210px;max-height:210px;margin:12px auto}.preview-top,.preview-caption,.totals,.preview-card .calculation-note,.included{grid-column:1;grid-row:auto}.preview-caption{font-size:11px;display:flex;justify-content:space-between}.total-row,.total-row.cost{font-size:14px;padding-top:11px}.total-row.cost strong{font-size:21px}.preview-card .calculation-note{font-size:13px}.included{font-size:12px}}
.guide-card p,.brief p,.requirements li,.context,.option,.question-prompt,.cpu-card .spec-list,.catalog-card .spec-list,.check ul,.result-choice,.result-notes,.overview-card p,.intro-copy>p,.reasoning p,.page-footer p,.review-summary p,.finish-panel p,.result-hero p,.result-selection,.included ul{font-size:14px;line-height:1.65}.slot-name{font-size:14px}.check-head{font-size:14px}.result-section .sources-details{font-size:14px;line-height:1.65}.calculation-note{font-size:12px;line-height:1.7}
@media print{body{background:white;font-size:11px}.topbar,.sidebar,.footer-links,.page-footer,.result-actions,.skip-link,.notice,dialog,.button{display:none!important}.app-layout{display:block;min-height:0}.workspace{padding:0;max-width:none}.page-header{margin-bottom:20px}.page-header h1{font-size:28px}.card{box-shadow:none;border-color:#bbb;border-radius:6px}.result-hero{padding:20px;background:white}.result-section{break-inside:avoid;padding:17px}.check{break-inside:avoid}.result-selection{grid-template-columns:1fr 1fr}.print-only{display:block}.result-section .brief{background:white}.check.failed,.check{background:white}.result-notes{background:white}.score{background:white;border-color:#777}}
/* Engineering assignments retain the same worksheet hierarchy at desktop and phone widths. */
.assignment-stack{display:grid;gap:24px}.assignment-card{padding:27px;min-width:0}.assignment-card>h3,.power-exercise h3{margin:24px 0 13px;font-size:19px}.assignment-card>.section-head{align-items:flex-start;gap:14px}.assignment-card .section-head h2{font-size:24px;line-height:1.3}.assignment-card .question-prompt{margin:16px 0}.assignment-card .context p+p{margin-top:10px}.assignment-card .requirements{margin:18px 0}.assignment-card .reasoning{margin-top:25px}.upgrade-rules{margin:20px 0;padding:17px;background:#f2f5eb;border:1px solid var(--line);border-radius:10px}.upgrade-rules p,.power-exercise p,.result-calculation,.configuration-summary,.offered-parts,.audit-options,.submitted-numbers{font-size:14px;line-height:1.65}.upgrade-rules p+p{margin-top:11px}.upgrade-comparison{margin:22px 0}.comparison-heading,.upgrade-part{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:13px}.comparison-heading{padding:0 0 10px;font-size:14px;font-weight:600}.upgrade-part{border-top:1px solid var(--line);padding:13px 0}.owned-part{padding:8px 0;min-width:0}.owned-part strong,.owned-part>span,.chosen-part strong,.chosen-part>span>span{display:block}.owned-part strong,.chosen-part strong{font-size:14px;line-height:1.5;font-weight:600}.owned-part>span:last-child{color:var(--muted);font-size:12px;margin-top:7px}.chosen-part{display:flex;align-items:center;gap:10px;min-width:0;width:100%;text-align:left;background:#fafbf6;border:1px solid var(--line);border-radius:10px;padding:11px;color:var(--ink);font:inherit}.chosen-part:is(button){cursor:pointer}.chosen-part:is(button):hover{background:#eef4e7;border-color:#879a77}.chosen-part .part-art{flex:none;width:65px;height:58px}.chosen-part>span{min-width:0}.chosen-part>span>span{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.5}.chosen-part>span>.part-price-note{font-size:14px;color:var(--ink);margin-top:8px}.power-exercise{padding:20px;margin:21px 0}.power-exercise h3{margin-top:0}.numeric-fields{display:grid;gap:17px;margin-top:20px}.numeric-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,160px);align-items:center;gap:18px}.numeric-field label{font-size:14px;line-height:1.6}.numeric-field label span{color:var(--muted)}.numeric-input{width:100%;min-width:0;font-size:17px;font-variant-numeric:tabular-nums}.offered-build{margin:22px 0;border:1px solid var(--line);border-radius:10px;padding:18px}.offered-build .section-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.offered-build .section-head h3{font-size:20px}.offered-build .budget-tag{white-space:normal;font-size:14px}.offered-parts{margin:17px 0 0}.offered-parts>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:13px 0;border-top:1px solid var(--line)}.offered-parts dt{color:var(--muted)}.offered-parts dd{margin:0;min-width:0}.offered-parts dd>span{display:block;color:var(--muted);margin-top:4px}.offered-specs{margin-top:8px}.offered-specs>summary{cursor:pointer;font-size:14px}.offered-specs .spec-list{margin:14px 0;font-size:14px}.offered-specs .sources-details{font-size:14px}.audit-options{margin:20px 0 0;padding:0;border:0;min-width:0}.audit-options legend{font-size:16px;font-weight:600;margin-bottom:13px;padding:0}.audit-option{display:flex;gap:13px;align-items:flex-start;padding:15px;background:#fafbf6;border:1px solid var(--line);border-radius:9px;margin:10px 0;cursor:pointer}.audit-option>input{accent-color:#405d4c;width:19px;height:19px;flex:none;margin:3px 0 0}.audit-option>span{min-width:0}.audit-explanation{display:block;margin-top:9px}.result-calculation{margin:18px 0;padding:16px;background:#f2f5eb;border-radius:8px}.result-calculation p+p{margin-top:11px}.submitted-numbers{margin:16px 0}.submitted-numbers>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,auto);gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.submitted-numbers dd{margin:0;font-weight:600}.configuration-summary h4{margin:18px 0 10px}.configuration-summary dt{color:var(--muted)}.configuration-summary dd{margin:0}.assignment-card h2,.assignment-card h3,.chosen-part strong,.owned-part strong,.offered-parts strong,.result-selection,.submitted-numbers,.spec-list{overflow-wrap:anywhere}.review-row>div{min-width:0}.review-row p{font-size:14px;line-height:1.6}.preview-card{min-width:0}.footer-links>div{flex-wrap:wrap}.numeric-input:disabled{opacity:1;background:#f3f5ef;color:var(--ink)}
@media(max-width:720px){.assignment-card{padding:20px}.assignment-card .section-head h2{font-size:23px}.numeric-field{grid-template-columns:minmax(0,1fr);gap:8px}.numeric-input{max-width:220px}.comparison-heading{display:none}.upgrade-part{grid-template-columns:minmax(0,1fr);gap:9px}.owned-part{padding:3px 0}.owned-part:before{content:'Уже встановлено';display:block;font-size:14px;font-weight:600;margin-bottom:7px}.chosen-part:before{content:none}.chosen-part .part-art{width:70px}.offered-parts>div{grid-template-columns:minmax(0,1fr);gap:4px}.offered-build{padding:15px}.offered-build .budget-tag{padding:6px 8px}.power-exercise{padding:18px}.audit-option{padding:13px;gap:11px}.upgrade-rules{padding:15px}.assignment-card>.section-head{flex-wrap:wrap}.result-section>.section-head{gap:10px;flex-wrap:wrap}.review-row{grid-template-columns:auto minmax(0,1fr) auto}.review-row .review-status{display:none}.review-row .button{grid-column:3}.result-selection>div{min-width:0}}
@media(max-width:390px){.assignment-card{padding:17px}.chosen-part{gap:8px;padding:10px}.chosen-part .part-art{width:55px}.chosen-part .slot-label{font-size:12px}.intro-meta{flex-wrap:wrap}.review-row{grid-template-columns:minmax(0,1fr) auto}.review-row .button{grid-column:2}.page-header h1{overflow-wrap:anywhere}.brief-heading{flex-wrap:wrap}}
/* Main reading copy has a 14px minimum; small print is limited to decorative metadata. */
body{font-size:14px}.subtitle,.intro-copy>p,.overview-card p,.guide-card p,.brief p,.requirements li,.context,.option,.question-prompt,.reasoning p,.reasoning label,.page-footer p,.review-summary p,.review-row p,.finish-panel p,.result-hero p,.result-selection,.included,.included ul,.calculation-note,.result-notes,.result-choice,.check ul,.spec-list,.catalog-card .spec-list,.catalog-card .part-summary,.dialog-head p,.dialog-foot,.footer-links,.top-link,.notice,.sidebar-bottom p{font-size:14px;line-height:1.65}.slot-detail{font-size:14px}.slot-name{font-size:14px}.option{min-width:0}.question-stack,.assignment-stack{min-width:0}.spec-list dd{min-width:0}.total-row{flex-wrap:wrap}.total-row strong{margin-left:auto}.slot-text{min-width:0}.slot-button{min-width:0}.slot-name,.slot-detail{overflow-wrap:anywhere}.slot-price{white-space:normal}.catalog-card{min-width:0}.catalog-card h3{overflow-wrap:anywhere}.catalog-card-top{min-width:0}.source-details a,.sources-details a{overflow-wrap:anywhere}.result-notes{overflow-wrap:anywhere}
@media print{.upgrade-comparison{break-inside:auto}.upgrade-part,.numeric-field,.offered-parts>div,.audit-option{break-inside:avoid}.assignment-card{padding:15px}.audit-option>input{opacity:1}.offered-specs{display:none}.submitted-numbers,.upgrade-rules,.result-calculation{background:white}.result-section{break-inside:auto}.result-section>.section-head{break-after:avoid}.upgrade-part{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.owned-part:before{display:none}}
.workspace p,.page-header .subtitle,.preview-card .calculation-note,.chosen-part>span>span,.owned-part>span:last-child,.sidebar-bottom p{font-size:14px}.workspace li,.catalog-dialog .part-summary,.catalog-dialog .dialog-head p,.dialog-foot{font-size:14px}.assignment-card .chosen-part strong,.assignment-card .owned-part strong{font-size:14px}.footer-links .button{white-space:normal}

.numeric-field label .field-help{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--muted)}
.spec-list dt{flex:0 0 40%;min-width:0}.spec-list dd{flex:1;min-width:0}