.wellbeing-tool{max-width:900px;margin:0 auto;color:var(--ink)}
.wellbeing-tool .tool-form{background:var(--g-sky-tint);border:1px solid var(--line);border-radius:var(--radius-panel);padding:clamp(20px,4vw,36px);margin:24px 0}
.wellbeing-tool .tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wellbeing-tool .tool-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.wellbeing-tool label,.wellbeing-tool legend{font-weight:600;font-size:.9rem}
.wellbeing-tool input,.wellbeing-tool select{width:100%;min-height:48px;border:1px solid var(--g-control);border-radius:var(--radius-panel);padding:12px;background:var(--white);color:var(--ink);font:inherit}
.wellbeing-tool fieldset{border:0;padding:0;margin:0;min-width:0}
.wellbeing-tool fieldset legend{margin-bottom:8px}
.wellbeing-tool [hidden]{display:none!important}
.wellbeing-tool .tool-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wellbeing-tool .tool-check{display:flex;align-items:flex-start;gap:12px;margin:20px 0;font-weight:400;line-height:1.6}
.wellbeing-tool .tool-check input{width:20px;min-height:20px;height:20px;margin-top:4px;flex-shrink:0;accent-color:var(--green)}
.wellbeing-tool .tool-submit{border:0;border-radius:var(--radius-panel);padding:14px 24px;min-height:48px;background:var(--g-tool-action);color:var(--g-paper);font-weight:600;margin-top:24px}
.wellbeing-tool .tool-result{background:var(--g-sky);color:var(--g-ink);border-radius:var(--radius-panel);padding:24px;margin:24px 0 0;line-height:1.7;min-height:90px;overflow-wrap:anywhere}
.wellbeing-tool .tool-note{color:var(--muted);font-size:.88rem;margin-top:16px;line-height:1.7}
.wellbeing-tool .tool-notes{padding:20px 0}
.wellbeing-tool .tool-notes h2{font-size:1.5rem;margin:12px 0 20px}
.wellbeing-tool a{text-decoration:underline;text-underline-offset:3px}
.wellbeing-tool input:focus-visible,.wellbeing-tool select:focus-visible,.wellbeing-tool button:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media(max-width:600px){.wellbeing-tool .tool-fields{grid-template-columns:1fr}.wellbeing-tool .tool-submit{width:100%}}

.wellbeing-tool .tool-wide{grid-column:1/-1;margin:0}
.wellbeing-tool .tool-result{white-space:pre-line}

.wellbeing-tool .tool-submit:hover{background:var(--g-tool-action-hover)}