:root{--ink:#102642;--muted:#5d7290;--blue:#0879f9;--line:#c7daf3;--paper:#f4f7fb;--navy:#08345f;--navy2:#0d4e87;--green:#0f8758;--green-bg:#e8f8f0;--red:#bd3643;--section-gap:30px;--card-radius:28px;--card-shadow:0 18px 44px rgba(24,61,104,.07)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}body{min-height:100vh;margin:0;background:var(--paper);font-size:16px}.skip-link{position:fixed;left:12px;top:-80px;z-index:999;background:#fff;padding:12px 16px;border-radius:10px}.skip-link:focus{top:12px}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 96px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px;margin:12px 0 20px}.breadcrumbs a{color:#086bcf}.page-intro,.calculator-shell,.guide,.article,.faq{border:1px solid var(--line);background:#fff;border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.page-intro{padding:38px 40px;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}.eyebrow,.result-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:#0871e9;margin:0 0 10px}.page-intro h1,.calculator-head h2,.guide h2,.article h2,.faq h2{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.04em}.page-intro>p{margin:0;color:var(--muted);font-size:18px;line-height:1.58}.demand-note{margin:18px 0 0;color:var(--muted);font-size:13px}.calculator-shell{margin-top:var(--section-gap);padding:30px}.calculator-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.calculator-head h2{font-size:34px;line-height:1.08}.button-row{display:flex;gap:10px}.button-row button,.choice-row button{min-height:48px;border:1px solid #b7cde8;border-radius:14px;background:#fff;color:#24415f;font:700 14px inherit;padding:10px 16px;cursor:pointer}.button-row button:focus-visible,.choice-row button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(8,121,249,.3);outline-offset:2px}.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:20px;align-items:start}.controls{background:linear-gradient(180deg,#eef3f8 0,#eaf1f8 100%);border:1px solid #d9e6f4;border-radius:24px;padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field,.choice-field{min-width:0;border:0;padding:0;margin:0}.field>span:first-child,.choice-field legend{display:block;font-weight:800;margin:0 0 8px}.field small,.choice-field p{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin:7px 0 0}.choice-field p{margin-bottom:12px}.form-section{grid-column:1/-1;border-top:1px solid #c9d9eb;padding-top:18px;margin-top:4px}.form-section[data-section=roomSection]{border-top:0;padding-top:0;margin-top:0}.form-section h3{font-size:20px;line-height:1.2;margin:0}.form-section p{color:var(--muted);font-size:13px;line-height:1.45;margin:6px 0 0}.input-shell{min-height:56px;display:flex;align-items:center;border:1px solid #a9c6e9;border-radius:14px;background:#fff;padding:0 13px;transition:.18s}.input-shell input{min-width:0;width:100%;border:0;outline:0;background:transparent;font:500 20px/1.2 inherit;color:var(--ink)}.input-shell i{font-style:normal;color:var(--muted);font-weight:700;white-space:nowrap}.field.is-own{padding:10px;border:1px solid #71cba5;background:var(--green-bg);border-radius:18px}.choice-field{grid-column:1/-1}.choice-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.choice-row button[aria-pressed=true]{border:2px solid var(--blue);background:#ddebfb;color:#0863be}.result-ready{grid-column:1/-1;background:#e5f1fd;border-radius:16px;padding:14px 16px;display:flex;gap:8px;flex-wrap:wrap}.result-ready span{color:var(--muted)}.error-summary{grid-column:1/-1;border:1px solid #e3979f;background:#fff0f1;border-radius:16px;padding:14px}.error-summary:focus{outline:3px solid rgba(189,54,67,.25)}.error-summary ul{margin:8px 0 0;padding-left:20px}.error-summary a{color:#9d2430}.results{background:linear-gradient(145deg,var(--navy),var(--navy2));color:#fff;border-radius:24px;padding:26px;position:sticky;top:18px;box-shadow:0 18px 38px rgba(8,52,95,.18)}.results h2{margin:0;font-size:32px;line-height:1.08}.result-kicker{color:#afd4ff}.origin-note{margin:18px 0;border-radius:16px;padding:13px 15px;display:flex;flex-direction:column;gap:3px}.origin-note.is-example{background:#fff3c9;color:#634900}.origin-note.is-own{background:#dff7e9;color:#075d3b}.origin-note span{font-size:13px}.result-hero{padding:4px 0 18px}.result-hero p{font-size:12px;font-weight:800;letter-spacing:.1em;color:#b9d9fb}.result-hero strong{display:block;font-size:clamp(34px,5vw,56px);line-height:1.02}.result-hero span{display:block;margin-top:8px;color:#d9eaff}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.metrics div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:15px;padding:12px}.metrics dt{font-size:12px;color:#c7dbef}.metrics dd{margin:5px 0 0;font-size:18px;font-weight:800}.answer-card{margin-top:16px;border:1px solid #52d99c;background:#096160;border-radius:17px;padding:16px}.answer-card h3{margin:0 0 6px}.answer-card p{margin:0;line-height:1.55}.results details{margin-top:12px;border:1px solid rgba(255,255,255,.24);border-radius:15px;padding:13px}.results summary{cursor:pointer;font-weight:800}.results details p{color:#d7e7f7;line-height:1.55}.empty-result{padding:40px 0}.guide,.article,.faq{margin-top:var(--section-gap);padding:40px}.guide h2,.article h2,.faq h2{font-size:38px}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}.guide-grid article{display:flex;flex-direction:column;border:1px solid var(--line);background:#f8fbff;border-radius:18px;padding:22px}.guide-grid span{color:var(--blue);font-weight:800}.guide-grid h3{margin:13px 0 8px;line-height:1.22}.guide-grid p,.article p,.faq p{color:#4b6380;line-height:1.65}.guide-grid p{margin-bottom:0}.article{display:grid;gap:26px}.article section{border-top:1px solid var(--line);padding-top:24px}.article h3{font-size:25px;line-height:1.22;margin:0}.formula{border-left:4px solid var(--blue);background:#edf6ff;border-radius:0 16px 16px 0;padding:15px 18px;color:var(--ink)!important}.sources{padding-left:20px}.sources li{margin:9px 0}.sources a{color:#086bcf}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:first-of-type{margin-top:22px}.faq summary{font-size:18px;line-height:1.35;font-weight:800;cursor:pointer;padding-right:18px}.faq p{margin-bottom:0}[hidden]{display:none!important}@media(max-width:900px){.page-intro{grid-template-columns:1fr;gap:18px}.calculator-layout{grid-template-columns:1fr}.results{position:static}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){:root{--section-gap:20px;--card-radius:22px}body{font-size:15px}.page{width:min(100% - 20px,1180px);padding:14px 0 82px}.breadcrumbs{margin:10px 0 16px}.page-intro,.calculator-shell,.guide,.article,.faq{border-radius:var(--card-radius)}.page-intro,.guide,.article,.faq{padding:24px 20px}.page-intro{gap:20px}.page-intro>p{font-size:17px;line-height:1.58}.calculator-shell{padding:16px}.calculator-head{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:20px}.calculator-head h2{font-size:29px}.button-row{width:100%}.button-row button{flex:1}.controls{grid-template-columns:1fr;padding:14px;gap:14px}.choice-field,.result-ready,.error-summary{grid-column:1}.choice-row{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-row button:last-child:nth-child(odd){grid-column:1/-1}.results{padding:20px;box-shadow:0 14px 30px rgba(8,52,95,.16)}.metrics{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr;gap:12px}.guide-grid article{padding:20px}.page-intro h1{font-size:38px}.guide h2,.article h2,.faq h2{font-size:31px;line-height:1.08}.article{gap:22px}.article h3{font-size:23px}.faq details:first-of-type{margin-top:18px}.faq summary{font-size:17px}}@media(max-width:360px){.metrics,.choice-row{grid-template-columns:1fr}.page-intro h1{font-size:33px}.result-hero strong{font-size:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.layout-preview{margin:0 0 16px;border-radius:18px;background:#fff;color:var(--ink);padding:16px;box-shadow:0 14px 30px rgba(2,28,54,.16)}.layout-preview header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.layout-preview header p{margin:0 0 4px;color:#607895;font-size:11px;font-weight:800;letter-spacing:.1em}.layout-preview h3{margin:0;font-size:20px;line-height:1.2}.layout-preview header>span{flex:0 0 auto;border:1px solid #a8c9ef;border-radius:999px;background:#eaf4ff;color:#075dab;padding:7px 10px;font-size:12px;font-weight:800}.layout-preview svg{display:block;width:100%;height:auto;margin-top:13px;border-radius:14px}.laminate-board{fill:#d6a36c;stroke:#80532e;stroke-width:1.5}.laminate-board-alt{fill:#edc995}.laminate-floor{stroke:#b88c5e;stroke-width:2}.laminate-room-corners{fill:none;stroke:#0879f9;stroke-width:5;stroke-linecap:round}.laminate-layout-label{fill:#102642;font-size:14px;font-weight:800}.layout-preview>p{margin:11px 1px 0;color:#526b88;font-size:13px;line-height:1.45}@media(max-width:620px){.layout-preview{padding:13px;border-radius:16px}.layout-preview h3{font-size:18px}.layout-preview header>span{padding:6px 9px}.layout-preview>p{font-size:12px}}