@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Noto+Sans+JP:wght@400;450;500;600;650;700;800&display=swap');
:root{color-scheme:light;--ink:#172f2c;--muted:#667673;--paper:#f5f7f7;--line:#e1e8e6;--mint:#a6efcd;--green:#137454;--red:#ad4938;--a:#677e78;--b:#168367;--c:#5d61b9;--d:#b67526;font-family:'DM Sans','Noto Sans JP',sans-serif;font-size:16px;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #148b69;outline-offset:4px}input:focus,select:focus{outline:3px solid #adebd2;outline-offset:1px}button{transition:background .15s,color .15s,box-shadow .15s}a{color:inherit}p,h1,h2,h3{margin:0}button{color:inherit}::selection{background:#b5f2d4}
.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{max-width:1264px;min-height:84px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:27px;font-weight:750;letter-spacing:-1.2px;text-decoration:none}.brand-period{color:#1a986f;margin-left:-8px}.brand-symbol{width:24px;height:24px;display:flex;align-items:end;gap:4px;margin-right:1px}.brand-symbol i{width:8px;height:14px;background:var(--ink);border-radius:2px}.brand-symbol i+ i{height:23px;background:#1a986f}.header-label{font-size:14px;color:#697975;letter-spacing:.02em}.tool-label{font-size:12px;letter-spacing:.16em;font-weight:700;border:1px solid #dce4e1;border-radius:4px;padding:7px 10px;margin-left:auto}
main{max-width:1264px;margin:auto;padding:46px 32px 0}.page-intro{margin-bottom:29px}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:12px}.tiny-square{width:7px;height:7px;background:#168367}h1{font-size:clamp(1.9rem,3vw,2.7rem);font-weight:700;line-height:1.45;letter-spacing:-.04em}h1 span{color:#1b8668}.intro-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:16px}.intro-bottom p{font-size:14px;color:var(--muted);line-height:1.8}.intro-divider{padding:0 12px;color:#acb8b3}.local-label{font-size:12px;color:#657970;white-space:nowrap;padding:6px 10px;border-radius:4px;background:#eaf0ed}
.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:stretch}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.input-panel,.result-panel{padding:26px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.heading-with-number{display:flex;align-items:center;gap:10px;min-width:0}.section-number{font-size:12px;letter-spacing:.01em;color:#657971;background:#eef2f0;padding:4px 6px;border-radius:4px;font-variant-numeric:tabular-nums}h2{font-size:17px;font-weight:650;letter-spacing:-.02em}.text-button{border:0;background:none;padding:6px 0;font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap}.text-button:hover{color:#107256}.text-button span{font-size:17px;padding-left:3px}.panel-intro{font-size:14px;color:var(--muted);line-height:1.8;margin:17px 0 23px}.input-column-head,.variant-row{display:grid;grid-template-columns:minmax(115px,1.25fr) minmax(0,1fr) minmax(0,.85fr) 66px;gap:11px;align-items:center}.input-column-head{color:#788880;font-size:12px;padding:0 0 9px}.input-column-head span:last-child{text-align:right}.variant-row{padding:18px 0;border-top:1px solid #e8ecea;position:relative}.variant-identity{display:flex;align-items:center;gap:9px;min-width:0}.variant-letter{width:32px;height:34px;flex:none;display:grid;place-items:center;background:var(--variant-light,#f0f3f2);color:var(--variant-color,var(--a));border:1px solid var(--variant-border,#dfe7e3);border-radius:7px;font-size:17px;font-weight:700}.variant-name{min-width:0}.variant-name input{width:100%;border:0;padding:3px 0;background:none;font-size:14px;font-weight:550;color:var(--ink);text-overflow:ellipsis;border-radius:3px}.baseline-tag{display:block;color:#7b8a84;font-size:12px;margin-top:3px}.field-wrap{min-width:0}.field-wrap input{width:100%;height:46px;border:1px solid #dce4e0;background:#fbfcfb;border-radius:7px;padding:0 10px;color:var(--ink);font-weight:550;font-size:17px;font-variant-numeric:tabular-nums;transition:border .15s}.field-wrap input::placeholder{color:#bdc8c2;font-weight:400}.field-wrap input:hover{border-color:#9aaea4}.field-wrap input[aria-invalid=true]{border-color:#b44638;background:#fff9f7}.field-wrap label{display:none;font-size:12px;color:var(--muted);margin-bottom:7px}.row-rate{text-align:right;white-space:nowrap;font-size:17px;font-weight:650;font-variant-numeric:tabular-nums}.row-rate .rate-unit{font-size:12px;font-weight:400;margin-left:2px}.row-error{grid-column:1/-1;color:var(--red);font-size:12px;line-height:1.6;margin-top:-3px}.remove-variant{border:0;background:none;font-size:12px;color:#7b8a84;padding:3px 0}.remove-variant:hover{color:var(--red)}.form-actions{margin-top:6px;display:flex;align-items:center;gap:16px}.add-button{display:flex;align-items:center;gap:6px;flex:1;padding:11px 12px;border:1px dashed #adc9bc;border-radius:7px;background:#f7fbf9;font-size:14px;font-weight:500;color:#1d785b}.add-button:hover{background:#edf8f1;border-color:#23885f}.add-button>span:first-child{font-size:20px;line-height:1}.limit-label{font-size:12px;font-weight:400;color:#83968b;margin-left:auto}.add-button:disabled{background:#f5f7f6;color:#82998c;border-color:#dce5e0}.reset-button{padding:10px 0;font-size:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:26px;padding-top:21px}.settings-row label{font-size:14px;font-weight:550}.settings-row p{font-size:12px;color:#88958e;margin-top:5px}.settings-row select{font-size:14px;padding:10px 33px 10px 12px;border-radius:6px;color:var(--ink);border:1px solid #dbe4df;background:#fff;min-height:43px}.adjustment-note{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6;background:#f1f6f3;border-radius:6px;padding:11px 12px;margin-top:20px;color:#637d6d}.note-icon{display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid #97b4a1;border-radius:50%;font-size:12px;font-style:normal;flex:none}.input-footnote{font-size:12px;line-height:1.8;color:#87948e;margin-top:12px}
.result-panel{display:flex;flex-direction:column;background:#182e2b;color:#f8fcfa;border-color:#182e2b}.result-panel .section-number{background:#304844;color:#b5cac1}.live-label{font-size:12px;color:#a9beb5;white-space:nowrap}#result-content{flex:1;display:flex;flex-direction:column}.empty-result{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:38px 14px 26px;min-height:340px}.empty-icon{display:flex;gap:7px;align-items:center;margin-bottom:22px}.empty-icon span{display:grid;place-items:center;width:39px;height:42px;border:1px solid #4d6961;border-radius:7px;color:#a8c0b6;font-size:20px;font-weight:500}.empty-icon i{display:block;width:18px;height:1px;background:#5d756c}.empty-result h3{font-size:20px;font-weight:500;line-height:1.75;color:#e2eee8}.empty-result p{font-size:14px;line-height:1.9;color:#a3b9b0;margin-top:13px;max-width:295px}.empty-result .small-hint{margin-top:38px;font-size:12px;color:#8ca59a;letter-spacing:.02em}.summary{padding:25px 0 22px}.summary-kicker{font-size:12px;letter-spacing:.08em;color:#a5bdb2;margin-bottom:11px}.summary-title{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:550;line-height:1.55;letter-spacing:-.04em;color:#b4f4d4}.summary-title.neutral{color:#e8f0ea}.summary-title.lower{color:#f2c5aa}.summary-copy{font-size:14px;line-height:1.85;color:#b7cbc1;margin-top:10px}.comparison-list{border-top:1px solid #365047}.comparison-item{padding:18px 0;border-bottom:1px solid #365047}.comparison-top{display:flex;align-items:center;gap:8px}.comparison-name{font-size:14px;font-weight:600}.comparison-vs{font-size:12px;color:#9fb5aa}.result-badge{margin-left:auto;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;background:#304a40;color:#b4cabb;white-space:nowrap}.result-badge.higher{background:#c1f1d9;color:#145a40}.result-badge.lower{background:#eed1b5;color:#754024}.comparison-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:10px}.lift-value{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#d8e7df}.lift-value.higher{color:#b4f4d4}.lift-value.lower{color:#f2c5aa}.lift-label{font-size:12px;font-weight:400;letter-spacing:0;margin-left:6px;color:#a8c0b4}.comparison-detail{text-align:right;font-variant-numeric:tabular-nums;font-size:12px;line-height:1.8;color:#bfd2c8}.comparison-detail small{font-size:12px;color:#9fb8aa}.result-guidance{font-size:12px;line-height:1.85;color:#b1c6ba;margin-top:19px}.result-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:22px;font-size:12px;color:#aac1b5}.result-meta span{border:1px solid #486053;border-radius:4px;padding:4px 7px}
.chart-panel{margin-top:23px;padding:25px 28px}.chart-confidence{color:#7c8e84;font-size:12px}.chart-empty{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0 13px;padding:26px;text-align:center;color:#94a297;font-size:14px;background:repeating-linear-gradient(90deg,transparent,transparent calc(20% - 1px),#edf2ee calc(20% - 1px),#edf2ee 20%)}.chart-body{margin:26px 0 14px}.chart-row{display:grid;grid-template-columns:145px minmax(0,1fr) 177px;gap:25px;align-items:center;min-height:46px}.chart-row-label{display:flex;align-items:center;gap:11px;font-size:14px;min-width:0}.chart-row-label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.chart-letter{font-size:15px;font-weight:700;color:var(--variant-color)}.range-track{position:relative;height:46px;background:repeating-linear-gradient(90deg,#ebf0ed,#ebf0ed 1px,transparent 1px,transparent 20%);border-right:1px solid #ebf0ed}.range-line{position:absolute;top:21px;height:4px;border-radius:2px;background:var(--variant-color);opacity:.5;min-width:1px}.range-dot{position:absolute;top:15px;width:16px;height:16px;border-radius:50%;background:var(--variant-color);border:3px solid #fff;transform:translateX(-50%);box-shadow:0 0 0 1px var(--variant-color)}.chart-stats{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:600}.chart-stats span{font-size:12px;color:#819187;font-weight:400;margin-left:8px}.axis-row{margin:6px 202px 0 170px;display:flex;justify-content:space-between;font-size:12px;color:#8a9990;font-variant-numeric:tabular-nums}.chart-footnote{font-size:12px;color:#83938a;line-height:1.8;margin-top:8px}
.method-section{margin-top:24px}.method-section details{border-top:1px solid #d9e2de;border-bottom:1px solid #d9e2de}.method-section summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:22px 0;cursor:pointer;font-size:14px;font-weight:500}.method-section summary::-webkit-details-marker{display:none}.details-plus{font-size:20px;color:#657f70;transition:transform .2s}details[open] .details-plus{transform:rotate(45deg)}.method-body{display:grid;grid-template-columns:1fr 1fr;gap:27px 40px;padding:0 0 28px}.method-copy h3{font-size:14px;font-weight:600;margin-bottom:8px}.method-copy p{font-size:14px;line-height:1.95;color:var(--muted)}.method-copy p+h3{margin-top:22px}#calculation-table{grid-column:1/-1;overflow-x:auto}.detail-table{border-collapse:collapse;width:100%;font-size:14px;text-align:left;font-variant-numeric:tabular-nums}.detail-table th{font-size:12px;font-weight:500;color:#698173;background:#eaf0ec}.detail-table th,.detail-table td{padding:12px 14px;border-bottom:1px solid #dce6df;white-space:nowrap}.detail-table caption{text-align:left;font-size:14px;font-weight:600;padding-bottom:12px}.sources{grid-column:1/-1;display:flex;gap:8px 18px;flex-wrap:wrap;color:#819289;font-size:12px;line-height:1.8}.sources a{text-underline-offset:3px}.sources a:hover{color:#197c59}footer{display:flex;align-items:center;gap:17px;padding:29px 0 30px}footer .brand{font-size:20px;letter-spacing:-.8px}footer p{font-size:12px;color:#6e8376}footer>span{margin-left:auto;font-size:12px;color:#8a9a90}.noscript-message{background:#fff3df;color:#6c4915;padding:20px;text-align:center}
@media(min-width:1450px){main{padding-top:54px}.page-intro{margin-bottom:34px}.input-panel,.result-panel{padding:30px}.panel-intro{margin-bottom:25px}}
@media(max-width:1060px){.workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}main{padding:32px 23px 0}.header-inner{padding:0 23px}.input-panel,.result-panel{padding:21px}.input-column-head,.variant-row{grid-template-columns:minmax(100px,1fr) minmax(0,1fr) minmax(0,.85fr) 57px;gap:8px}.variant-letter{width:28px}.variant-identity{gap:6px}.field-wrap input{font-size:15px;padding:0 8px}.row-rate{font-size:15px}.panel-heading{gap:8px}.text-button{font-size:12px}.heading-with-number{gap:7px}h2{font-size:16px}.limit-label{display:none}.chart-row{grid-template-columns:120px minmax(0,1fr) 167px;gap:20px}.axis-row{margin-left:140px;margin-right:187px}}
@media(max-width:820px){.workspace{grid-template-columns:1fr}.header-inner{min-height:73px}.header-label{display:none}.intro-bottom .local-label{display:none}.intro-bottom{margin-top:8px}.page-intro{margin-bottom:24px}.input-panel,.result-panel{padding:25px}.input-column-head,.variant-row{grid-template-columns:minmax(126px,1.25fr) minmax(0,1fr) minmax(0,1fr) 74px;gap:13px}.field-wrap input{font-size:18px}.row-rate{font-size:18px}.variant-letter{width:33px}.variant-identity{gap:10px}.variant-name input{font-size:14px}.limit-label{display:inline}.text-button{font-size:14px}.empty-result{min-height:260px;padding:26px 10px}.empty-result .small-hint{margin-top:23px}.summary{padding-top:22px}.summary-title{font-size:27px}.comparison-bottom{align-items:center}.comparison-item{padding:18px 0}.result-meta{padding-top:18px}.chart-panel{padding:25px}.chart-row{grid-template-columns:105px minmax(0,1fr) 160px;gap:14px}.axis-row{margin-left:119px;margin-right:174px}.chart-row-label>span:last-child{font-size:12px}.chart-stats{font-size:14px}.chart-stats span{font-size:12px;margin-left:5px}}
@media(max-width:560px){.header-inner{padding:0 20px;min-height:70px}.brand{font-size:26px}.tool-label{font-size:12px}main{padding:28px 16px 0}.eyebrow{font-size:12px;margin-bottom:11px}.intro-bottom p{font-size:12px}.intro-divider{padding:0 7px}h1{font-size:30px}.input-panel,.result-panel{padding:21px 18px}.panel-heading{align-items:center}.section-number{font-size:12px}h2{font-size:16px}.text-button{font-size:12px}.panel-intro{font-size:14px;margin:14px 0 17px}.input-column-head{display:none}.variant-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 73px;gap:12px 10px;padding:17px 0}.variant-identity{grid-column:1/-1;gap:9px}.variant-name{display:flex;align-items:center;gap:9px;flex:1}.variant-name input{flex:1;font-size:14px;min-width:0}.baseline-tag{font-size:12px;background:#f1f4f2;padding:4px 7px;border-radius:3px;margin:0;white-space:nowrap}.remove-variant{font-size:12px;padding:4px}.variant-letter{width:29px;height:29px;font-size:15px}.field-wrap label{display:block;font-size:12px}.field-wrap input{height:46px;font-size:19px;padding:0 11px}.row-rate{padding-top:22px;font-size:20px}.row-error{grid-column:1/-1}.form-actions{gap:15px;margin-top:5px}.add-button{font-size:14px;padding:11px 10px}.limit-label{font-size:12px}.settings-row{padding-top:18px;margin-top:22px}.settings-row p{font-size:12px}.settings-row select{font-size:14px}.adjustment-note{font-size:12px;align-items:flex-start}.input-footnote{font-size:12px}.result-panel{margin-top:2px}.result-panel .live-label{font-size:12px}.empty-result{min-height:265px}.summary-title{font-size:25px}.chart-panel{padding:21px 18px;margin-top:19px}.chart-confidence{font-size:12px}.chart-panel h2{font-size:15px}.chart-body{margin-top:17px}.chart-row{grid-template-columns:20px minmax(0,1fr) 76px;gap:14px;min-height:54px}.chart-row-label>span:last-child{display:none}.chart-stats{font-size:14px}.chart-stats span{display:block;font-size:12px;margin-top:4px;margin-left:0}.axis-row{margin-left:34px;margin-right:90px;font-size:12px}.chart-footnote{font-size:12px}.chart-empty{padding:24px 14px;font-size:14px}.method-section{margin-top:18px}.method-body{grid-template-columns:1fr;gap:23px}.method-section summary{font-size:14px;padding:20px 2px}.method-copy p{font-size:12px}.sources{gap:7px 12px;font-size:12px}.detail-table{font-size:12px}.detail-table th{font-size:12px}footer{flex-wrap:wrap;gap:12px;padding:25px 4px}footer>span{flex-basis:100%;margin-left:0;font-size:12px}footer p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* Text used to interpret a result remains readable at normal and enlarged sizes. */
.summary-copy,.result-guidance,.method-copy p{font-size:16px;line-height:1.85}
.field-wrap label,.settings-row label,.text-button,.variant-name input,.add-button{font-size:14px}
@media(max-width:560px){.text-button{font-size:12px}.chart-stats span{font-size:12px}.chart-row{grid-template-columns:20px minmax(0,1fr) 97px;gap:12px}.axis-row{margin-left:32px;margin-right:109px}}
@media(max-width:560px){.axis-row span:not(:first-child):not(:last-child){display:none}.panel-heading{flex-wrap:wrap}.form-actions{flex-wrap:wrap}.add-button{min-width:180px}}
.input-footnote,.chart-footnote,.chart-confidence,.chart-stats span,.axis-row,.baseline-tag,.settings-row p,.limit-label,footer>span{color:#667a6e}