.content-main{padding:36px 0 90px}.breadcrumb{color:var(--ink-soft);gap:10px;font-size:13px;font-weight:700;display:flex}.breadcrumb a{text-underline-offset:3px;text-decoration:underline}.page-intro{max-width:780px;margin:52px 0 38px}.page-intro h1{letter-spacing:-.06em;margin:0;font-size:clamp(44px,6vw,68px);line-height:1.08}.page-intro>p:last-child{max-width:680px;color:var(--ink-soft);margin:22px 0 0;font-size:19px;line-height:1.7}.calculator-layout{grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr);align-items:stretch;gap:22px;display:grid}.calculator-layout>*,.guide-content>*{min-width:0}.calculator-card,.calculator-aside{border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--surface)}.calculator-card{box-shadow:9px 9px 0 var(--mint);padding:32px}.calculator-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.calculator-head h2,.calculator-aside h2{letter-spacing:-.045em;margin:0;font-size:26px}.privacy-chip{border:1px solid var(--line);color:var(--mint-deep);white-space:nowrap;background:#eef9f2;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850}.calculator-form{margin-top:28px}.field-label{margin-bottom:9px;font-size:14px;font-weight:850;display:block}.area-input-wrap{border:2px solid var(--ink);min-height:72px;box-shadow:4px 4px 0 var(--blue);background:#fff;border-radius:16px;grid-template-columns:1fr auto;align-items:center;padding:0 20px;display:grid}.area-input-wrap:focus-within{box-shadow:0 0 0 4px #1c70db33, 4px 4px 0 var(--blue)}.area-input-wrap input{width:100%;min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;font-size:30px;font-weight:850}.area-input-wrap>span{font-size:19px;font-weight:900}.field-help,.formula-note{color:var(--ink-soft);margin:9px 0 0;font-size:12px}.unit-actions{color:var(--ink-soft);justify-content:center;align-items:center;gap:12px;margin-top:19px;font-size:13px;font-weight:750;display:flex}.unit-actions button{border:1.5px solid var(--ink);width:42px;height:42px;color:var(--ink);background:var(--sun);cursor:pointer;border-radius:50%;font-size:20px;font-weight:900}.result-panel{color:#fff;background:var(--ink);border-radius:18px;min-height:165px;margin-top:25px;padding:23px 25px}.result-label,.result-description{color:#ffffffb8;margin:0}.result-value{margin:9px 0;font-size:24px}.result-value strong{color:var(--sun);font-variant-numeric:tabular-nums;font-size:clamp(38px,6vw,56px)}.result-description{font-size:13px;line-height:1.55}.validation-error{color:#ffd8cf;margin:38px 0;font-size:17px;font-weight:800}.calculator-aside{background:var(--sun);box-shadow:8px 8px 0 var(--ink);padding:31px 28px}.calculator-aside ol{counter-reset:tip;gap:0;margin:24px 0 0;padding:0;list-style:none;display:grid}.calculator-aside li{color:var(--ink-soft);counter-increment:tip;border-top:1px solid #17312f38;padding:18px 0 18px 42px;line-height:1.55;position:relative}.calculator-aside li:before{content:counter(tip);border:1.5px solid var(--ink);color:#fff;background:var(--ink);border-radius:8px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid;position:absolute;top:17px;left:0}.calculator-aside li strong{color:var(--ink);margin-bottom:4px;display:block}.guide-content{gap:62px;margin-top:76px;display:grid}.guide-content>section:not(.next-step){max-width:900px}.room-size-guide-intro{max-width:760px;margin:-7px 0 22px}.room-size-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.room-size-cards>article{border:1.5px solid var(--ink);background:var(--surface);box-shadow:5px 5px 0 var(--mint);border-radius:18px;padding:24px}.room-size-cards>article:nth-child(2){box-shadow:5px 5px 0 var(--blue)}.room-size-card-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.room-size-card-head span{border:1.5px solid var(--ink);color:#fff;background:var(--mint-deep);border-radius:50%;place-content:center;width:64px;height:64px;font-size:15px;font-weight:900;display:grid}.room-size-card-head>div{justify-items:end;gap:4px;display:grid}.room-size-card-head small{color:var(--mint-deep);font-size:10px;font-weight:900}.room-size-card-head strong{font-variant-numeric:tabular-nums;font-size:22px}.room-size-square-side{color:var(--ink-soft);background:#eef4f1;border-radius:9px;margin-top:18px;padding:9px 11px;font-size:10.5px;line-height:1.5}.room-size-cards p{color:var(--ink-soft);margin:20px 0 0;font-size:13px;line-height:1.7}.room-size-cards dl{gap:10px;margin:18px 0 0;display:grid}.room-size-cards dl>div{border-top:1px dashed var(--line);grid-template-columns:92px 1fr;gap:9px;padding-top:10px;font-size:12px;line-height:1.55;display:grid}.room-size-cards dt{color:var(--ink);font-weight:900}.room-size-cards dd{color:var(--ink-soft);margin:0}.room-size-measure-tip{border:1.5px dashed var(--ink);background:#fff8dc;border-radius:13px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;padding:14px 16px;display:flex}.room-size-measure-tip strong{margin-right:5px;font-size:12px}.room-size-measure-tip span{background:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.room-size-source-note{color:var(--ink-soft);margin:14px 0 0;font-size:10px;line-height:1.65}.room-size-source-note a{color:var(--ink);text-underline-offset:3px;margin-left:8px;font-weight:850;text-decoration:underline;display:inline-block}.content-heading h2{letter-spacing:-.04em;margin:0 0 22px;font-size:30px}.table-wrap{border:1.5px solid var(--ink);background:var(--surface);border-radius:16px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:17px 18px}th{background:var(--mint);font-size:13px}td{color:var(--ink-soft);font-size:14px}td:first-child,td:nth-child(2){color:var(--ink);font-variant-numeric:tabular-nums;font-weight:850}tr:last-child td{border-bottom:0}.formula-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;display:grid}.formula-grid div{border:1.5px solid var(--ink);background:var(--surface);box-shadow:4px 4px 0 var(--blue);border-radius:16px;padding:22px}.formula-grid strong,.formula-grid code{display:block}.formula-grid code{color:var(--orange-dark);margin-top:12px;font-size:17px;font-weight:850}.guide-content section>p{color:var(--ink-soft);line-height:1.8}.faq-list{gap:10px;display:grid}.faq-list details{border:1.5px solid var(--ink);background:var(--surface);border-radius:14px}.faq-list summary{cursor:pointer;padding:19px 22px;font-weight:850}.faq-list details p{color:var(--ink-soft);margin:0;padding:0 22px 20px;line-height:1.75}.next-step{border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--blue);box-shadow:7px 7px 0 var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:28px;display:grid}.next-step h2{letter-spacing:-.035em;margin:0;font-size:22px}.next-step p{color:var(--ink-soft);margin:7px 0 0;font-size:13px}.next-step a{border:1.5px solid var(--ink);background:var(--surface);white-space:nowrap;border-radius:10px;padding:12px 15px;font-weight:850}.review-date{color:var(--ink-soft);text-align:right;margin:-34px 0 0;font-size:12px}@media (width<=1050px){.calculator-layout{grid-template-columns:1fr}}@media (width<=720px){.calculator-card,.calculator-aside{padding:23px 19px}.calculator-head{display:grid}.room-size-cards{grid-template-columns:1fr}.room-size-cards>article{padding:20px 17px}.room-size-card-head strong{font-size:19px}.room-size-cards dl>div{grid-template-columns:1fr;gap:3px}.room-size-source-note a{width:fit-content;margin:7px 0 0;display:block}.room-size-measure-tip{flex-direction:column;align-items:flex-start}}.calculator-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:16px}.calculator-card,.calculator-aside{border:1px solid var(--line);background:var(--surface)}.calculator-aside{background:var(--layer)}.calculator-aside li{border-color:var(--line)}.calculator-aside li:before{color:var(--ink);background:var(--orange);border:0;border-radius:50%}.room-size-cards{gap:12px}.room-size-cards>article{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:22px}.room-size-card-head span{width:58px;height:58px;color:var(--orange-dark);background:var(--bg-brand-weak);border:0}.room-size-card-head small{color:var(--orange-dark)}.room-size-square-side{color:var(--ink-soft);background:var(--layer)}.room-size-cards dl>div{border-top-style:solid}.room-size-measure-tip{background:var(--layer);border:0}.room-size-measure-tip span{border:1px solid var(--line)}.room-size-source-note{background:var(--layer);padding:14px 16px}@media (width<=720px){.calculator-layout{grid-template-columns:1fr}}.calculator-card,.calculator-aside{border-radius:var(--radius-lg);padding:28px}.room-size-measure-tip,.room-size-source-note{border-width:1px;border-color:var(--line);background:var(--bg-brand-weak,var(--mint));box-shadow:none;border-radius:16px}.room-size-measure-tip{background:var(--mint)}.room-size-square-side strong{color:var(--orange-dark)}.room-size-card-head span{color:var(--ink);background:var(--orange)}.room-size-cards>article:nth-child(2){background:var(--layer)}@media (width<=720px){.calculator-card,.calculator-aside{box-shadow:none;padding:19px 15px}}.calculator-card,.calculator-aside,.room-size-cards>article{box-shadow:none!important}.room-size-cards>article,.room-size-cards>article:nth-child(2){background:var(--surface)}
