.tool{gap:var(--s-3);padding:var(--s-3);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);display:grid}.tool>*{min-width:0}@media (width>=1024px){.tool{gap:var(--s-5);padding:var(--s-5);grid-template-columns:7fr 5fr;align-items:start}.tool-result{top:calc(var(--header-h) + 24px);position:sticky}}.tool-form{gap:var(--s-3);display:grid}.q{padding:var(--s-2) 0 0;border:0;border-top:1px solid var(--c-line);gap:.75rem;min-width:0;margin:0;display:grid}.q legend{float:left;align-items:baseline;gap:.75rem;width:100%;padding:0;font-weight:600;line-height:1.4;display:flex}.q legend+*{clear:both}.q-num{font-family:var(--f-mono);font-size:var(--fs-label);color:var(--c-accent-text);letter-spacing:.06em;flex:none;font-weight:500}.q.is-missing legend{color:var(--c-error)}.tool-result{gap:var(--s-2);padding:var(--s-3);background:var(--c-ink);color:var(--c-on-dark);border-radius:var(--r-md);flex-direction:column;display:flex}.tool-result h3{color:var(--c-on-dark)}.tool-result p{color:var(--c-on-dark-muted)}.tool-result a{color:var(--c-on-dark)}.tool-result :focus-visible{outline-color:var(--c-accent-on-dark)}.tool-result .btn-primary{background:var(--c-on-dark);color:var(--c-ink);border-color:var(--c-on-dark);align-self:flex-start}.tool-result .btn-primary:hover{background:#fff}.tool-result .btn-secondary{color:var(--c-on-dark);border-color:var(--c-on-dark);align-self:flex-start}.tool-result .btn-secondary:hover{background:var(--c-on-dark);color:var(--c-ink)}.score{font-family:var(--f-display);font-variant-numeric:tabular-nums;align-items:baseline;gap:.375rem;font-weight:600;line-height:1;display:flex}.score-num{color:var(--c-accent-on-dark);font-size:3.5rem}.score-max{color:var(--c-on-dark-muted);font-size:1.25rem}.meter{border-radius:var(--r-pill);background:var(--c-dark-line);height:8px;position:relative;overflow:hidden}.meter-fill{background:var(--c-accent);border-radius:inherit;width:0;transition:width .5s;position:absolute;inset:0 auto 0 0}.scale{font-size:var(--fs-small);gap:.5rem;list-style:none;display:grid}.scale li{color:var(--c-on-dark-muted);grid-template-columns:4.5rem 1fr;gap:.75rem;display:grid}.scale strong{font-family:var(--f-mono);color:var(--c-on-dark);font-weight:500}.tips{gap:.625rem;list-style:none;display:grid}.tips li{color:var(--c-on-dark);font-size:var(--fs-small);align-items:flex-start;gap:.5rem;display:flex}.tips .icon{width:18px;height:18px;color:var(--c-accent-on-dark);margin-top:.2em}.calc-fields{gap:var(--s-3);display:grid}.calc-fields .field-hint{min-height:2.8em}@media (width>=600px){.calc-fields{grid-template-columns:1fr 1fr}}.calc-out{gap:var(--s-2);display:grid}.calc-out div{padding-bottom:var(--s-2);border-bottom:1px solid var(--c-dark-line);gap:.125rem;display:grid}.calc-out div:last-child{border-bottom:0;padding-bottom:0}.calc-out dt{font-size:var(--fs-small);color:var(--c-on-dark-muted)}.calc-out dd{font-family:var(--f-display);color:var(--c-on-dark);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:600;line-height:1.2}.calc-out dd.is-main{color:var(--c-accent-on-dark);font-size:2.5rem}.tool-result .calc-note{color:var(--c-on-dark-muted)}
