:root{--tool-green:#0f5a3c;--tool-lime:#c6ef45;--tool-ink:#14241c;--tool-paper:#f5f8f4;--tool-line:#d8e2da;--tool-muted:#5e7167}
.tool-page{background:var(--tool-paper)}
.tool-topbar{max-width:1120px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--tool-line)}
.tool-topbar nav{display:flex;gap:18px}.tool-topbar nav a{font-weight:800;font-size:.9rem}
.tool-breadcrumb{max-width:1120px;margin:24px auto 0;padding:0 24px;color:var(--tool-muted);font-size:.9rem}.tool-breadcrumb a{text-decoration:underline}
.tool-shell{max-width:1120px;margin:0 auto;padding:28px 24px 84px}.tool-intro{max-width:850px;margin-bottom:24px}.tool-intro .eyebrow{margin-bottom:8px}.tool-intro h1{font-size:clamp(2.25rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 16px}.tool-intro p{font-size:1.08rem;color:var(--tool-muted);margin:0;max-width:760px}.checked{display:inline-flex;margin-top:14px;padding:7px 11px;border:1px solid var(--tool-line);border-radius:999px;background:#fff;font-size:.82rem;font-weight:800}
.tool-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:18px;align-items:start}.tool-panel,.result-panel,.tool-content article,.faq details,.related-tools a{background:#fff;border:1px solid var(--tool-line);border-radius:20px}.tool-panel,.result-panel{padding:24px}.tool-panel h2,.result-panel h2{font-size:1.25rem;margin:0 0 18px}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tool-field.full{grid-column:1/-1}.tool-field label{display:block;font-weight:850;font-size:.9rem;margin-bottom:7px}.tool-field small{display:block;color:var(--tool-muted);margin-top:5px;line-height:1.45}.tool-input{position:relative}.tool-input input,.tool-field select{width:100%;min-height:50px;border:1px solid #bdcbc1;border-radius:12px;background:#fbfdfb;padding:0 54px 0 13px;font-size:1rem;color:var(--tool-ink)}.tool-field select{padding-right:12px}.tool-input span{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--tool-muted);font-size:.82rem}
.presets{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 17px}.presets button,.copy-result{border:1px solid var(--tool-line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}.presets button:hover,.presets button:focus-visible,.copy-result:hover,.copy-result:focus-visible{border-color:var(--tool-green);outline:3px solid rgba(15,90,60,.12)}.result-primary{background:var(--tool-green);color:#fff;border-radius:16px;padding:20px;margin-bottom:10px}.result-primary span{display:block;color:#cde5d9;font-size:.86rem}.result-primary strong{display:block;margin-top:6px;font:850 clamp(2rem,5vw,3.2rem)/1.1 system-ui,sans-serif;overflow-wrap:anywhere}.result-list{margin:0}.result-list div{display:flex;justify-content:space-between;gap:16px;padding:12px 2px;border-bottom:1px solid var(--tool-line)}.result-list dt{color:var(--tool-muted)}.result-list dd{margin:0;text-align:right;font-weight:850}.result-guidance{margin:14px 0 0;padding:13px;border-radius:12px;background:#edf5ef;line-height:1.55}.result-warning{font-size:.85rem;color:var(--tool-muted);line-height:1.6}.copy-result{margin-top:14px;width:100%;border-color:var(--tool-green);color:var(--tool-green)}
.tool-content{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.tool-content article{padding:24px}.tool-content h2{font-size:1.35rem;margin:0 0 12px}.tool-content h3{font-size:1rem;margin:20px 0 6px}.tool-content p,.tool-content li{color:#40554a;line-height:1.75}.tool-content ol,.tool-content ul{padding-left:1.4rem}.tool-content .wide{grid-column:1/-1}.example-box{background:#edf5ef;border-left:4px solid var(--tool-green);padding:15px;border-radius:0 12px 12px 0;margin:14px 0}.faq{margin-top:18px}.faq h2{font-size:1.65rem}.faq details{padding:18px 20px;margin:10px 0}.faq summary{font-weight:850;cursor:pointer}.faq p{color:var(--tool-muted);line-height:1.7;margin-bottom:0}.source-links{display:grid;gap:10px}.source-links a{display:block;text-decoration:underline;color:var(--tool-green);font-weight:800}.related-tools{margin-top:24px}.related-tools h2{font-size:1.45rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-tools a{padding:16px;font-weight:850}.related-tools a span{display:block;color:var(--tool-muted);font-weight:500;font-size:.86rem;margin-top:4px}.tool-footer{border-top:1px solid var(--tool-line);padding:34px 24px;text-align:center;color:var(--tool-muted);font-size:.9rem}
@media(max-width:820px){.tool-workspace,.tool-content{grid-template-columns:1fr}.tool-content .wide{grid-column:1}.related-grid{grid-template-columns:1fr}.tool-topbar nav{display:none}}@media(max-width:540px){.tool-shell{padding-left:16px;padding-right:16px}.tool-breadcrumb{padding:0 16px}.tool-fields{grid-template-columns:1fr}.tool-field.full{grid-column:1}.tool-panel,.result-panel,.tool-content article{padding:18px}.result-list div{font-size:.9rem}.tool-intro h1{font-size:2.45rem}}