.tool-header{padding-block:clamp(2rem,5vw,3.5rem) var(--space-lg);border-bottom:2px solid var(--ink)}.tool-header .breadcrumb{display:flex;gap:.5rem;font-size:var(--step--1);color:var(--muted);margin-bottom:var(--space-sm)}.tool-header .breadcrumb a{color:var(--muted)}.tool-header .breadcrumb a:hover{color:var(--accent)}.tool-emoji{font-size:1.1rem}.tool-header h1{font-size:var(--step-4);margin-top:var(--space-xs)}.tool-intro{margin-top:var(--space-sm);max-width:60ch;color:var(--ink-soft);font-size:var(--step-1)}.tool-body{padding-block:var(--space-xl)}.tool-app{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-lg);align-items:start}.tool-inputs,.tool-output{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:clamp(1.3rem,3vw,2rem)}.tool-output{position:sticky;top:calc(var(--header-h) + 1.5rem);background:var(--ink);color:var(--bg);border-color:transparent}.tool-fields{display:grid;gap:var(--space-md)}.tool-fields .row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.input-affix{position:relative;display:flex;align-items:center}.input-affix>input{padding-right:2.6rem}.input-affix .affix{position:absolute;right:.85rem;color:var(--muted);font-weight:600;font-size:var(--step--1);pointer-events:none}.seg{display:flex;flex-wrap:wrap;gap:.4rem}.seg label{flex:1 1 auto;text-align:center;padding:.6rem .7rem;border:1.5px solid var(--line-strong);border-radius:999px;font-size:var(--step--1);font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap}.seg input{position:absolute;opacity:0;pointer-events:none}.seg input:checked+label,.seg label:has(input:checked){background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.seg input:focus-visible+label{outline:2.5px solid var(--accent);outline-offset:2px}input[type=range]{width:100%;accent-color:var(--accent)}.range-head{display:flex;justify-content:space-between;align-items:baseline}.range-val{font-family:var(--font-display);font-weight:600;color:var(--accent)}.result-label{font-size:var(--step--2);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--bg) 65%,transparent)}.result-big{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,7vw,3.6rem);line-height:1;color:var(--bg);margin-top:.3rem;letter-spacing:-.02em}.result-big .unit{font-size:.4em;color:var(--accent);margin-left:.2em}.result-sub{color:color-mix(in srgb,var(--bg) 70%,transparent);margin-top:.5rem;font-size:var(--step--1)}.result-rows{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid color-mix(in srgb,var(--bg) 20%,transparent);display:grid;gap:.7rem}.result-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.result-row .rl{color:color-mix(in srgb,var(--bg) 72%,transparent);font-size:var(--step--1)}.result-row .rv{font-weight:650;font-variant-numeric:tabular-nums}.result-row.accent .rv{color:var(--accent)}.result-bar{height:10px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--bg) 18%,transparent);margin-top:var(--space-md);display:flex}.result-bar>span{height:100%}.tool-verdict{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 10%,transparent);font-size:var(--step--1);line-height:1.5}.tool-verdict strong{color:var(--bg)}.tool-notes{background:var(--surface);border-block:1px solid var(--line)}.tool-notes .prose{padding-block:var(--space-xl)}.tool-note-card{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);padding:var(--space-md);background:var(--surface);margin-top:var(--space-md)}.tool-guide{border-top:1px solid var(--line)}.tool-guide .container-narrow{padding-block:var(--space-xl) var(--space-lg)}.guide-block+.guide-block{margin-top:var(--space-lg)}.guide-block h2{font-size:var(--step-2);padding-bottom:.5rem;margin-bottom:var(--space-sm);border-bottom:2px solid var(--ink)}.guide-block .prose{font-size:1.05rem}.tool-faq{background:var(--surface);border-block:1px solid var(--line)}.tool-faq .container-narrow{padding-block:var(--space-xl)}.faq-list{display:grid;gap:0}.faq-item{border-top:1px solid var(--line-strong)}.faq-item:last-child{border-bottom:1px solid var(--line-strong)}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem .2rem;font-family:var(--font-display);font-size:var(--step-1);font-weight:600;color:var(--ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-mark{flex-shrink:0;position:relative;width:16px;height:16px}.faq-mark:before,.faq-mark:after{content:"";position:absolute;background:var(--accent);transition:transform var(--transition)}.faq-mark:before{top:7px;left:0;width:16px;height:2px}.faq-mark:after{left:7px;top:0;width:2px;height:16px}.faq-item[open] .faq-mark:after{transform:scaleY(0)}.faq-item[open] summary{color:var(--accent)}.faq-a{padding:0 .2rem 1.2rem;color:var(--ink-soft);line-height:1.7;max-width:62ch}.sib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.sib-tile{display:flex;flex-direction:column;gap:.3rem;padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-decoration:none;transition:all var(--transition)}.sib-tile:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow-md)}.sib-icon{font-size:1.5rem}.sib-name{font-family:var(--font-display);font-size:var(--step-1);line-height:1.1}.sib-short{color:var(--muted);font-size:var(--step--1)}@media(max-width:880px){.tool-app{grid-template-columns:1fr}.tool-output{position:static;order:-1}.sib-grid{grid-template-columns:1fr}}