:root{--navy:#06265f;--navy-strong:#031b46;--accent:#f0542d;--accent-hover:#da401c;--green:#16843a;--blue:#1e73d8;--text:#17243a;--muted:#617086;--line:#cfd7e3;--line-strong:#aeb9c8;--surface-blue:#f4f9ff;--surface-green:#f1faf3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--white);font-feature-settings:"palt";margin:0;font-family:Helvetica Neue,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}.app-shell{background:#fff;min-height:100svh}.app-header{color:#fff;background:linear-gradient(100deg, var(--navy-strong), #073873);justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:0 max(28px,50vw - 690px);display:flex}.app-brand{color:inherit;letter-spacing:-.035em;font-size:clamp(20px,2vw,30px);font-weight:780;text-decoration:none}.reset-button{color:#fff;background:0 0;border:0;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.reset-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px}.content-wrap{width:min(1380px,100% - 56px);margin:0 auto;padding:34px 0 28px}.intro{margin-bottom:26px}.intro h1{color:var(--navy);letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(32px,3.2vw,48px);line-height:1.2}.intro p{margin:0;font-size:17px;line-height:1.7}.workspace{grid-template-columns:minmax(420px,.82fr) minmax(600px,1.18fr);align-items:start;gap:36px;display:grid}.input-panel,.comparison-panel,.breakdown-panel{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:0}.input-panel{background:linear-gradient(135deg,#f9fcff,#fff 75%);border-color:#92b9ed;padding:18px 20px 14px}.input-panel h2,.results-panel>h2,.comparison-panel h2,.breakdown-panel h2{color:var(--navy);margin:0;font-size:20px;line-height:1.4}.form-row{border-bottom:1px solid #d9e0ea;grid-template-columns:minmax(170px,.9fr) minmax(230px,1.1fr);align-items:center;gap:18px;min-height:51px;font-size:15px;font-weight:650;display:grid}.form-row select,.form-row input{border:1px solid var(--line-strong);width:100%;height:37px;color:var(--text);background:#fff;border-radius:5px;outline:none;padding:0 12px;font-size:15px;font-weight:500}.postal-field{gap:6px;padding:7px 0;display:grid}.location-hint,.postal-error{font-size:11px;font-weight:550;line-height:1.45;display:block}.location-hint{color:var(--muted)}.location-hint.valid{color:var(--green)}.postal-error{color:#c0341d}.form-row input[aria-invalid=true]{border-color:#cf4f37}.form-row select:focus,.form-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e73d821}.field-with-unit{grid-template-columns:1fr 66px;align-items:center;gap:8px;display:grid}.field-with-unit em{color:#3d4858;font-size:13px;font-style:normal;font-weight:600}.calculate-button{color:#fff;background:var(--accent);letter-spacing:.06em;border:0;border-radius:5px;width:100%;min-height:52px;margin-top:14px;font-size:21px;font-weight:800;transition:background .15s,transform .15s}.calculate-button:hover{background:var(--accent-hover)}.calculate-button:active{transform:translateY(1px)}.calculate-button:disabled{cursor:not-allowed;background:#aeb7c4;transform:none}.form-note{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.5}.results-panel>h2{margin:10px 0 16px}.results-panel{min-width:0}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:6px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:218px;padding:20px 10px 16px;display:flex}.metric-card p{min-height:43px;margin:0;font-size:14px;font-weight:750;line-height:1.5}.metric-icon{height:68px;color:var(--green);place-items:center;display:grid}.metric-icon svg{width:50px;height:50px}.metric-symbol{border:3px solid;border-radius:50%;place-items:center;width:52px;height:52px;font-size:28px;font-weight:800;display:grid}.metric-card strong{color:var(--green);white-space:nowrap;font-size:clamp(20px,2vw,29px);line-height:1.25}.metric-card>span:last-child{color:#415064;margin-top:8px;font-size:12px;font-weight:600}.provisional-note{background:var(--surface-blue);border:1px solid #80b2ef;border-radius:6px;gap:14px;margin-top:22px;padding:19px 22px;display:flex}.info-icon{color:#fff;background:var(--navy);border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:22px;font-weight:800;display:grid}.provisional-note h3{color:var(--navy);margin:0 0 5px;font-size:17px}.provisional-note p{color:#46566b;margin:0;font-size:13px;line-height:1.75}.details-grid{grid-template-columns:.92fr 1.08fr;gap:20px;margin-top:22px;display:grid}.comparison-panel,.breakdown-panel{min-height:344px;padding:18px}.panel-caption{color:var(--muted);margin:6px 0 0;font-size:12px}.chart-area{background:repeating-linear-gradient(0deg,#0000 0 50px,#dfe4eb 51px 52px);border-bottom:1px solid #9ca8b8;grid-template-columns:1fr 110px 1fr;align-items:end;gap:10px;height:255px;padding:26px 34px 0;display:grid}.chart-column{grid-template-rows:24px 1fr 28px;place-items:end center;height:100%;display:grid}.chart-column strong{font-size:14px}.chart-column em{color:var(--text);align-self:center;font-size:13px;font-style:normal;font-weight:700}.bar{align-self:end;width:min(96px,72%);min-height:10px;transition:height .35s}.bar-before{background:var(--navy)}.bar-after{background:var(--accent)}.reduction-arrow{color:var(--green);align-self:center;place-items:center;font-size:12px;display:grid}.reduction-arrow strong{font-size:21px}.reduction-arrow svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:80px}.table-scroll{width:100%;max-width:100%;margin-top:16px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border:1px solid var(--line);height:55px;padding:10px 16px}thead th{color:var(--text);background:#f7f9fc;font-weight:750}tbody td:first-child{font-weight:650}tbody td:nth-child(2),tbody td:nth-child(3),tfoot th:nth-child(2),tfoot th:nth-child(3){color:var(--green);text-align:right;font-weight:750}tfoot th{color:var(--green);background:var(--surface-green)}.breakdown-mark{border-radius:2px;width:10px;height:10px;margin-right:10px;display:inline-block}.breakdown-mark.green{background:var(--green)}.breakdown-mark.blue{background:var(--blue)}.breakdown-mark.orange{background:var(--accent)}.page-footer{color:var(--muted);justify-content:space-between;gap:24px;padding-top:18px;font-size:11px;line-height:1.6;display:flex}.page-footer p{margin:0}@media (max-width:1120px){.workspace,.details-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media (max-width:760px){.app-header{min-height:60px;padding:0 18px}.app-brand{font-size:19px}.reset-button{gap:0;padding:10px;font-size:0}.reset-button svg{width:24px}.content-wrap{width:min(100% - 32px,620px);padding-top:24px}.intro h1{font-size:31px}.intro p{font-size:14px}.workspace{gap:20px}.input-panel{padding:16px}.form-row{grid-template-columns:1fr;gap:7px;padding:10px 0}.field-with-unit{grid-template-columns:1fr 62px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:190px;padding-inline:6px}.metric-card strong{font-size:22px}.provisional-note{padding:16px}.details-grid{margin-top:18px}.comparison-panel,.breakdown-panel{min-height:auto;padding:16px}.chart-area{grid-template-columns:1fr 80px 1fr;padding-inline:6px}.reduction-arrow svg{width:64px}table{min-width:520px}th,td{padding:9px 10px}th:first-child,td:first-child{min-width:190px}.page-footer{flex-direction:column;gap:4px}}@media (max-width:400px){.content-wrap{width:min(100% - 24px,620px)}.intro h1{font-size:28px}.metric-card strong{font-size:19px}.metric-card p{font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}