@charset "UTF-8";

.article{max-width:760px;margin-inline:auto;}
.article p,.article li{font-size:1.05rem;line-height:1.7;color:var(--ink-soft);}
.article h2{font-size:1.6rem;margin:var(--s-xl) 0 var(--s-s);color:var(--graphite);}
.article h3{font-size:1.2rem;margin:var(--s-l) 0 var(--s-xs);color:var(--graphite);}
.article strong{color:var(--graphite);}
.article ul{margin:0 0 var(--s-m);padding-left:1.2rem;list-style:disc;}
.article a{color:var(--coral);font-weight:500;}
.answer{background:var(--ice);border:1px solid var(--border);border-left:4px solid var(--amber);border-radius:var(--r-m);padding:var(--s-m) var(--s-l);margin:var(--s-l) 0;}
.answer p{margin:0;color:var(--graphite);}
.toc{background:#fff;border:1px solid var(--border);border-radius:var(--r-m);padding:var(--s-m) var(--s-l);margin:var(--s-l) 0;}
.toc strong{display:block;margin-bottom:8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-mute);}
.toc ol{margin:0;padding-left:1.2rem;}
.toc a{color:var(--ink-soft);}
.cta-box{background:var(--graphite);color:#fff;border-radius:var(--r-l);padding:var(--s-l);text-align:center;margin:var(--s-xl) 0;}
.cta-box h3{color:#fff;margin:0 0 var(--s-xs);}
.cta-box p{color:rgba(255,255,255,.8);margin:0 0 var(--s-m);}
.cta-box .btn--wa,.cta-box .btn--wa svg{color:#fff;fill:#fff;}
.related{border-top:1px solid var(--border);margin-top:var(--s-xl);padding-top:var(--s-l);}
.related a{display:block;padding:10px 0;color:var(--graphite);font-weight:500;border-bottom:1px solid var(--divider);}
.related a:hover{color:var(--coral);}
.idxtable{width:100%;border-collapse:collapse;margin:var(--s-m) 0;font-size:1rem;}
.idxtable th,.idxtable td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top;}
.idxtable th{background:var(--ice);color:var(--graphite);font-weight:700;}
.idxtable td{color:var(--ink-soft);}

@media(max-width:760px){.article .idxtable{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.article .idxtable thead,.article .idxtable tbody{display:table;width:100%;min-width:520px}.article .idxtable th,.article .idxtable td{padding:9px 10px;font-size:1rem}}

@media(max-width:600px){.article p,.article li{font-size:1rem}.article h2{font-size:1.38rem}.article h3{font-size:1.12rem}.answer,.toc,.cta-box{padding:var(--s-m)}}

.u-logo36{height:36px;width:auto;display:block}
.u-logo40-inv{height:40px;width:auto;display:block;filter:brightness(0) invert(1)}
.u-art-h1{font-size:clamp(2rem,1.4rem + 2.6vw,3rem);margin:var(--s-s) 0}
.u-inline-flex-8{display:inline-flex;gap:8px}
.u-ico-20{width:20px;height:20px}
.u-sep-top{border-top:1px solid var(--border);margin-top:var(--s-m)}
.u-lbl-block{display:block;margin-bottom:var(--s-xs);color:var(--graphite)}
.vchip{border:1.5px solid var(--border);background:#fff;color:var(--graphite);border-radius:30px;padding:8px 14px;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;min-height:44px}
.vchip.is-on{border-color:var(--graphite);background:var(--graphite);color:#fff}
.u-bad{color:#d33a3a}
.simchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.simcell{transition:opacity .2s}.simcell.is-dim{opacity:.35}
.simcell__lbl{font-size:.82rem;color:var(--ink-mute);margin-bottom:3px}
.simcell__val{font-size:.95rem;font-weight:800;color:var(--graphite);margin-top:2px}
.simbar{height:22px;border-radius:6px;background:var(--ice);overflow:hidden;position:relative}
.simbar__fill{position:absolute;inset:0 auto 0 0;width:var(--w,0%);background:linear-gradient(90deg,var(--amber),var(--magenta))}
.simrow{margin-bottom:18px}
.simrow__k{font-size:.84rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-mute);font-weight:700;margin-bottom:8px}
.simgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:680px){.simgrid{grid-template-columns:repeat(2,1fr)}}
.simsig{font-size:.9rem;font-weight:700;color:var(--graphite)}.simsig.is-bad{color:#d33a3a}
.calc-box{border:1px solid var(--border);border-radius:14px;background:#fff;padding:20px;margin:24px 0}
.calc-chip{border:1.5px dashed var(--border);background:#fff;border-radius:10px;padding:9px 14px;font:inherit;font-weight:600;cursor:pointer;min-height:44px}
.calc-k{font-size:.84rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-mute);font-weight:700}
.calc-val{font-size:2rem;font-weight:800;color:var(--graphite);font-variant-numeric:tabular-nums}
.calc-note{font-size:.95rem;color:var(--ink-soft)}
.calc-cta{display:inline-flex;gap:8px;margin-top:14px;color:#fff;max-width:100%;text-align:center}
@media(max-width:600px){.calc-cta{width:100%;height:auto;min-height:52px;padding:12px 18px;line-height:1.3}}
.calc-total{display:flex;align-items:baseline;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--divider);flex-wrap:wrap}
.calc-input{flex:1;min-width:110px;padding:11px;border:1.5px solid var(--border);border-radius:9px;font:inherit;min-height:44px}
.calc-step{border:0;background:var(--ice);border-radius:9px;width:44px;height:44px;cursor:pointer;font-size:1.1rem;color:var(--graphite)}
.u-ico-19{width:19px;height:19px}.u-white{color:#fff}
details>summary{min-height:44px}
.calc-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}
.u-callout.is-ok{border-color:#1f8a5b55;background:#1f8a5b12}
.u-callout.is-nope{border-color:#d33a3a55;background:#d33a3a10}
