:root{--ink:#173b36;--green:#087867;--muted:#5b7370;--line:#d6e5df;--wash:#eef6f2;--gold:#a66b22}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:132px}body{margin:0;background:#f6f9f7;color:var(--ink);font-family:"Segoe UI","Noto Sans JP",Meiryo,sans-serif;line-height:1.9;font-size:16px}a{color:var(--green);text-underline-offset:4px}a:hover{color:#034f43}button,input,select{font:inherit}a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eab84f;outline-offset:4px}.site-header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1140px)/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;gap:20px}.brand{font-size:19px;font-weight:800;letter-spacing:.08em;text-decoration:none;white-space:nowrap}.brand b{color:var(--green)}.site-header nav{display:flex;gap:22px;font-size:13px;white-space:nowrap}.preview{font-size:11px;color:#796235;background:#fff5df;padding:2px 8px;border-radius:4px}.wrap{max-width:1120px;margin:auto;padding:0 28px}.crumb{font-size:12px;padding:22px 0 8px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;padding:24px 0 44px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:var(--green);margin:0 0 10px}h1{font-size:clamp(27px,3.0vw,36px);line-height:1.5;letter-spacing:-.025em;margin:10px 0 20px}h1 span{display:block;text-wrap:balance}h2{font-size:clamp(23px,2.4vw,31px);line-height:1.55;margin:4px 0 18px}h3{font-size:18px;line-height:1.7;margin:0 0 12px}p{margin:12px 0}.lead{color:var(--muted);max-width:660px}.tag{display:inline-block;font-size:11px;line-height:1.7;border:1px solid #c9dfd5;border-radius:20px;padding:3px 10px;margin:0 5px 6px 0;background:#fff}.hero-art{border:1px solid var(--line);background:linear-gradient(130deg,#e8f3ed,#fff);border-radius:24px;padding:30px;min-width:0}.big{font-size:clamp(42px,5vw,66px);letter-spacing:-.06em;line-height:1.25;font-weight:750;color:var(--green)}.big small{font-size:18px;letter-spacing:0}.hero-art p{font-size:13px;margin:8px 0}.divider{height:1px;background:var(--line);margin:16px 0}.mini-label{font-size:12px;color:var(--muted)}.jump{position:sticky;top:65px;z-index:4;background:rgba(255,255,255,.98);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.jump .wrap{display:flex;gap:28px;overflow:auto;white-space:nowrap;padding-top:12px;padding-bottom:12px}.jump a{font-size:13px;text-decoration:none}.layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;margin-top:36px;align-items:start}.article{min-width:0}.side{position:sticky;top:135px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;font-size:13px}.side p{font-size:12px;color:var(--muted)}.btn{display:block;background:var(--green);color:#fff!important;border:0;border-radius:8px;padding:13px 18px;font-size:14px;font-weight:700;text-align:center;text-decoration:none;line-height:1.6}.btn.secondary{background:transparent;color:var(--green)!important;border:1px solid var(--line);margin-top:10px}.section{margin-bottom:58px;scroll-margin-top:135px}.num{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--green)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:25px 0}.tile{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.tile .value{font-size:27px;font-weight:750;line-height:1.4;color:var(--green);margin:7px 0}.tile p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:0}.voice{border-left:4px solid var(--green);padding:22px 26px;background:#e9f3ed;border-radius:0 13px 13px 0;margin:24px 0}.voice p{font-size:15px}.voice strong{font-size:12px;color:var(--green)}.note,.source{font-size:12px!important;color:var(--muted);line-height:1.9}.source a{margin-right:12px}.box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;margin:24px 0}.warm{background:#fff9ed;border-color:#ebdcb9}.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.step{background:var(--wash);padding:18px;border-radius:12px}.step b{display:block;font-size:15px}.step .count{display:block;color:var(--green);font-size:11px;letter-spacing:.08em}.step p{font-size:13px;margin-bottom:0}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white;margin:22px 0}table{width:100%;border-collapse:collapse;min-width:490px;font-size:13px;text-align:left}th,td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:#eaf2ee}tr:last-child td{border:0}.ours{background:#e9f6ef;font-weight:650}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meter-row{margin:20px 0}.meter-top{display:flex;justify-content:space-between;gap:10px;font-size:14px}.meter{height:10px;border-radius:5px;background:#e5ece8;margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;background:#8baba2}.meter.ours i{background:var(--green)}details{background:white;border:1px solid var(--line);border-radius:10px;margin:10px 0;padding:0 20px}summary{cursor:pointer;font-size:14px;font-weight:650;padding:15px 0}details p,details ul{font-size:14px;margin-bottom:20px}li{margin:7px 0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}label{font-size:13px;display:block}input[type=number],select{width:100%;padding:10px;border:1px solid #b9d1c7;border-radius:7px;background:#fff;color:var(--ink);margin-top:6px;min-width:0}.result{background:var(--wash);padding:20px;border-radius:12px}.result output{font-size:30px;color:var(--green);font-weight:750}.result p{font-size:13px}.end-cta{background:#e5f2ec;padding:30px;border-radius:18px;margin:32px 0}.end-cta .btn{max-width:380px}.end-cta h2{font-size:24px}.footer{border-top:1px solid var(--line);padding:32px 0 45px;font-size:12px;color:var(--muted);margin-top:45px}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.hub-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:28px;display:flex;flex-direction:column}.hub-card .btn{margin-top:auto}.hub-card h2{font-size:27px}.hub-card .desc{min-height:100px}.numberline{display:flex;gap:15px;align-items:baseline}.numberline .big{font-size:45px}.pill-note{font-size:11px;color:var(--gold)}.review{border:1px dashed #b99443;padding:20px;background:#fff9ed}.screen-reader{position:absolute;left:-9999px}
@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr);gap:0}.side{display:none}.hero{gap:28px}.wrap{padding:0 24px}.tiles{gap:10px}.tile{padding:18px}.site-header{padding:0 24px}.site-header nav{gap:15px}}
@media(max-width:620px){body{font-size:15px}.wrap{padding:0 19px}.site-header{height:58px;padding:0 17px;gap:10px}.brand{font-size:16px}.site-header nav{font-size:11px;gap:12px}.site-header nav .optional{display:none}.preview{font-size:9px}.hero{grid-template-columns:1fr;gap:20px;padding:14px 0 26px}.hero h1{font-size:29px;margin:10px 0 16px}.hero-art{padding:22px;border-radius:16px}.hero-art .big{font-size:49px}.jump{top:58px}.jump .wrap{gap:22px;padding-top:10px;padding-bottom:10px}.layout{margin-top:26px}.section{margin-bottom:40px}.tiles{grid-template-columns:1fr;gap:10px}.tile{padding:18px 20px}.tile .value{font-size:25px}.two{grid-template-columns:1fr}.flow{grid-template-columns:1fr;gap:9px}.step{padding:14px 18px}.step p{margin:6px 0 0}.voice{padding:18px 20px}.box{padding:20px}.controls{gap:12px}.hub-grid{grid-template-columns:1fr}.hub-card{padding:24px}.hub-card .desc{min-height:0}.end-cta{padding:24px}th,td{padding:11px 13px}.crumb{padding-top:16px}.source a{display:inline-block}.footer{margin-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(min-width:621px){.hantec-scale{grid-template-rows:auto auto 1fr;row-gap:0}.hantec-scale .tile{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0}.hantec-scale .value{align-self:start;font-variant-numeric:tabular-nums;font-size:clamp(22px,2.1vw,27px);white-space:nowrap}}

/* Same-article language navigation, including mobile. */
.site-header nav{align-items:center}.site-header .language-menu{position:relative;border:0;padding:0;margin:0;background:transparent;line-height:1.4}
.language-menu summary{list-style:none;border:1px solid var(--line);border-radius:7px;padding:7px 9px;font-size:12px;white-space:nowrap}.language-menu summary::-webkit-details-marker{display:none}
.language-options{position:absolute;right:0;top:calc(100% + 8px);min-width:135px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 25px #163b3620}
.language-options a{display:block;padding:9px 12px;text-decoration:none;border-radius:5px}.language-options a:hover,.language-options a[aria-current]{background:var(--wash)}
html[lang=ko] body{font-family:"Segoe UI","Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:anywhere}
html[lang=en] .hantec-scale .value{font-size:clamp(18px,1.65vw,22px);white-space:normal}
html[lang=en] .tile,html[lang=ko] .tile{min-width:0}
@media(max-width:620px){.site-header nav{gap:10px}.site-header{padding:0 12px}.brand{font-size:14px;letter-spacing:.03em}.language-menu summary{padding:7px;font-size:11px}html[lang=en] .site-header nav{font-size:11px}}
/* Preserve the five guides' article disclosures above the site footer. */
.pc-guide-disclosure{box-sizing:border-box;width:100%;max-width:1120px;margin:45px auto 0;padding:16px 28px 25px;color:#526774;font-size:12px;line-height:1.9}
.pc-guide-disclosure .wrap{max-width:none;padding:0}
.pc-guide-disclosure p{margin:6px 0}
@media(max-width:1000px){.pc-guide-disclosure{padding-left:24px;padding-right:24px}}
@media(max-width:620px){.pc-guide-disclosure{margin-top:25px;padding:16px 19px 23px}}

/* Review 20261019: same type as the original disclosure (muted, 12px, weight 400). No frame, wash, or ink color. List page stays inside main.wrap and starts flush with the content above. */
.pc-guide-disclosure .pc-disclosure-note{margin:0 0 12px;padding:0;border:0;background:transparent;color:#526774;font-size:12px;font-weight:400;font-style:normal;line-height:1.9}
.pc-guide-disclosure .pc-disclosure-note p{margin:6px 0;font-weight:400;font-style:normal;color:#526774}
main.wrap > .pc-guide-disclosure{box-sizing:border-box;width:auto;max-width:none;margin:28px 0 8px;padding:0;border:0;background:transparent;color:#526774;font-size:12px;font-weight:400;font-style:normal;line-height:1.9}
main.wrap > .pc-guide-disclosure p{margin:6px 0;font-weight:400;font-style:normal;color:#526774}