.tool{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:start}
.tool-form{display:grid;gap:var(--space-5)}
.result{background:var(--surface-dark);border-radius:var(--radius-lg);padding:var(--space-8);color:var(--text-on-dark);position:sticky;top:100px}
.result h3{color:#fff}
.result .big{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(34px,4.4vw,54px);color:var(--color-orange);letter-spacing:-.03em;line-height:1;margin:var(--space-4) 0}
.rline{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid #3D4353;font-size:var(--text-base);color:var(--text-on-dark-muted)}
.rline b{color:#fff;font-family:var(--font-display);white-space:nowrap}
.rnote{font-size:var(--text-xs);color:#8E93A1;margin-top:var(--space-5);line-height:1.6}
.qrow{display:flex;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) 0;border-bottom:1px solid var(--border-default);align-items:center}
.qrow p{font-size:var(--text-base);max-width:52ch}
.yn{display:flex;gap:var(--space-2)}
.yn button{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;padding:8px 18px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:#fff;cursor:pointer;transition:all var(--duration-base) var(--ease-standard)}
.yn button.on{background:var(--color-orange);border-color:var(--color-orange);color:#fff}
.sd-cmp{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-2)}.sd-c{position:relative;padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card,#fff);overflow:hidden;transition:border-color var(--duration-base) var(--ease-standard)}.sd-c.on{border-color:var(--color-orange)}.sd-c.on::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--gradient-brand)}.sd-c span{display:block;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.sd-c b{display:block;margin-top:6px;font-family:var(--font-display);font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;color:var(--text-heading)}.sd-c.on b{color:var(--color-orange)}.sd-c i{font-style:normal;font-size:var(--text-sm);color:var(--text-muted)}.pt-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.pt-h{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-default)}.rsub{font-size:var(--text-sm);color:var(--text-on-dark-muted);margin-top:var(--space-3)}.pt-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;margin:var(--space-5) 0 var(--space-3)}.pt-bar i{display:block;height:100%}.pt-key{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-on-dark-muted);margin-bottom:var(--space-4)}.pt-key span{display:flex;align-items:center;gap:6px}.pt-key em{width:10px;height:10px;border-radius:3px;display:block}.pt-m{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-3)}.pt-m div{border:1px solid #3D4353;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.pt-m span{display:block;font-size:var(--text-xs);color:var(--text-on-dark-muted)}.pt-m b{display:block;margin-top:2px;font-family:var(--font-display);color:#fff;font-size:var(--text-lg)}@media(max-width:560px){.pt-2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:940px){.tool{grid-template-columns:minmax(0,1fr)}.result{position:static}}



#tools-root>div>div:first-child{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}#tools-root>div>div:first-child::-webkit-scrollbar{display:none}#tools-root>div>div:first-child>button{flex-shrink:0;white-space:nowrap}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-5)}.crumbs a{color:var(--text-muted)}.crumbs a:hover{color:var(--color-orange)}
.calc-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.explain{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-12);align-items:start}.explain h2{margin-bottom:var(--space-5)}.explain p{color:var(--text-muted);margin-bottom:var(--space-4);max-width:62ch}.explain h3{margin:var(--space-6) 0 var(--space-3)}
.btable{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-top:var(--space-3)}.btable th,.btable td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-default)}.btable th{font-family:var(--font-display);font-weight:600;color:var(--text-heading);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.btable td:last-child,.btable th:last-child{text-align:right}
details.bt{border-bottom:1px solid var(--border-default);padding:var(--space-4) 0}details.bt summary{cursor:pointer;font-family:var(--font-display);font-weight:600;color:var(--text-heading);list-style:none;display:flex;justify-content:space-between}details.bt summary::-webkit-details-marker{display:none}details.bt summary::after{content:"+";color:var(--color-orange);font-size:20px;line-height:1}details.bt[open] summary::after{content:"\2013"}
.more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.more .card h3{font-size:var(--text-lg)}
@media(max-width:940px){.explain{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.more{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:600px){.more{grid-template-columns:minmax(0,1fr)}}
.em-box{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid #3D4353}.em-h{font-family:var(--font-display);font-weight:600;color:#fff;font-size:var(--text-base)}.em-row{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.em-row input{flex:1;min-width:0;font:inherit;font-size:var(--text-base);padding:10px 14px;border-radius:var(--radius-md);border:1px solid #3D4353;background:#2E3340;color:#fff}.em-row input::placeholder{color:#8E93A1}.em-row input:focus{outline:2px solid var(--color-orange);outline-offset:1px;border-color:transparent}.em-s{font-size:var(--text-xs);color:#8E93A1;margin-top:var(--space-3);line-height:1.6}.em-s a{color:#F7A845}.em-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}