.tool-hero{padding-block:clamp(2rem,5vw,4rem)}.tool-breadcrumbs{flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;padding:0;font-size:.875rem;list-style:none;display:flex}.tool-breadcrumbs li+li:before{content:"/";opacity:.6;margin-right:.5rem}.tool-breadcrumbs a{align-items:center;min-height:44px;display:inline-flex}.tool-hero-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;display:grid}.tool-hero h1{max-width:22ch;margin:0}.tool-hero p{max-width:64ch;font-size:var(--fs-lg)}.tool-hero-art{width:clamp(90px,15vw,180px);height:auto}.tool-eyebrow{letter-spacing:.03em;margin:0 0 1rem;font-size:.8rem;font-weight:700}.tool-badges{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.tool-badges li{border:1px solid;border-radius:99px;padding:.35rem .8rem;font-size:.8rem}.tool-main{padding-block:2.5rem 5rem}.tool-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.tool-panel{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-feature);min-width:0;padding:clamp(1.25rem,3vw,2rem)}.tool-panel h2{margin:0 0 1.5rem;font-size:1.5rem}.tool-fields{gap:1.1rem;display:grid}.tool-field label{margin-bottom:.35rem;font-weight:650;display:block}.tool-field :is(input:not([type=checkbox]),select),[data-copy-fallback] textarea{width:100%;min-height:48px;font:inherit;color:var(--on-surface);background:var(--surface);border:1px solid var(--on-surface-muted);border-radius:9px;padding:.6rem .75rem}.tool-field--check{align-items:center;gap:.75rem;display:flex}.tool-field--check label{cursor:pointer;flex:1;order:1;align-items:center;min-height:44px;margin:0;display:flex}.tool-field--check input{width:22px;height:22px;accent-color:var(--wordmark);flex:none;margin:0}.tool-hint{color:var(--on-surface-muted);margin:.4rem 0 0;font-size:.875rem}.tool-actions{flex-wrap:wrap;gap:.5rem;margin-block:1.5rem 1rem;display:flex}.tool-button{background:var(--action-bg);color:var(--action-fg);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:99px;min-height:48px;padding:.6rem 1.15rem;font-weight:700;transition:transform .18s ease-out}.tool-button:active{transform:scale(.97)}.tool-button--quiet{border-color:var(--on-surface-muted);color:var(--on-surface);background:0 0}.tool-error{color:var(--on-surface);border-left:3px solid var(--on-surface);padding-left:.75rem;font-weight:650}[data-tool-status]:empty{display:none}[data-tool-status]{margin-bottom:1rem}.tool-metrics{grid-template-columns:1fr 1fr;gap:.75rem;margin:0 0 2rem;display:grid}.tool-metrics>div{background:var(--surface);border-radius:12px;flex-direction:column-reverse;padding:1rem;display:flex}.tool-metrics dt{color:var(--on-surface-muted);font-size:.8rem}.tool-metrics dd{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0 0 .35rem;font-size:2.25rem;font-weight:760;line-height:1.1}.tool-result-group{margin-bottom:1.5rem}.tool-result-group h3{letter-spacing:-.015em;margin:0 0 .65rem;font-size:1rem;line-height:1.3}.tool-result-group ul{margin:0;padding:0;list-style:none}.tool-result-group li{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.6rem 0;font-size:.95rem;display:flex}.tool-result-group strong{font-variant-numeric:tabular-nums}.tool-note{color:var(--on-surface-muted);font-size:.875rem}.tool-copy{margin-block:.5rem 1.25rem}.tool-result-cta{border-top:1px solid var(--border);padding-top:1.5rem}.tool-result-cta h3{margin:0;font-size:1.15rem;line-height:1.25}.tool-result-cta p{font-size:.875rem}.tool-result-cta .cta-pill{white-space:normal;text-align:center}[data-result-heading]{scroll-margin-top:10rem}.tool-reading{max-width:52rem;margin:4rem auto 0}.tool-reading section{margin-block:3rem}.tool-reading h2{margin-bottom:1rem}.tool-reading ol{padding-left:1.25rem}.tool-reading ol li{margin-bottom:.75rem;padding-left:.35rem}.tool-example{background:var(--surface-card);border-left:3px solid var(--wordmark);border-radius:0 12px 12px 0;padding:1rem 1.25rem}.tool-faq{border-bottom:1px solid var(--border);padding-block:.5rem}.tool-faq summary{cursor:pointer;min-height:48px;padding-block:.75rem;font-weight:650}.tool-faq p{margin:.5rem 0 1rem}.tool-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.tool-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);min-width:0;height:100%;color:var(--on-surface);flex-direction:column;padding:1.5rem;text-decoration:none;transition:transform .18s ease-out;display:flex}.tool-card img{object-fit:contain;width:64px;height:64px;margin-bottom:1.5rem}.tool-card h2,.tool-card h3{margin:0 0 .75rem;font-size:1.3rem;line-height:1.2}.tool-card p{color:var(--on-surface-muted);margin:0 0 1.5rem;font-size:.9rem}.tool-card span{margin-top:auto;font-weight:650}.tool-card:active{transform:scale(.98)}.tool-related{margin-top:4rem}.tool-related-links{flex-wrap:wrap;gap:.5rem 1.5rem;padding:0;list-style:none;display:flex}.tool-related-links a{align-items:center;min-height:44px;display:inline-flex}.tool-teaser{padding:1.25rem 0}.tool-teaser h2{margin:0;font-size:1.35rem}.tool-teaser ul{margin:.75rem 0;padding-left:1.25rem}.tool-teaser a{align-items:center;min-height:44px;display:inline-flex}@media (hover:hover) and (pointer:fine){.tool-card:hover{transform:translateY(-2px)}}@media (width<=52rem){.tool-workbench{grid-template-columns:1fr}.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=36rem){.tool-cards,.tool-hero-grid{grid-template-columns:1fr}.tool-hero-art{display:none}}@media (prefers-reduced-motion:reduce){.tool-button,.tool-card{transition:none}}[hidden]{display:none!important}