/* ToolsAtoZ F5 — uses existing Coastal Sage palette and public controls. */
.f5-assistant {margin:1.25rem 0;padding:clamp(1rem,2vw,1.5rem);border:1px solid #c8ded8;border-radius:16px;background:#f6fbf8;overflow-wrap:anywhere}
.f5-head {display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1rem}.f5-head h3{margin:0 0 .25rem;color:#243b3c}.f5-head p{margin:0;color:#465f60}
.f5-mark{font-size:1.35rem;background:#e8f3ef;color:#286e6a;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:.75rem;flex:0 0 auto}
.f5-form{min-width:0}.f5-form textarea,.f5-form input:not([type=checkbox]),.f5-form select{max-width:100%;width:100%;box-sizing:border-box;min-height:44px}
.f5-consent{display:flex!important;align-items:flex-start;gap:.7rem;line-height:1.5;margin:1.2rem 0;font-weight:500!important}
.f5-consent input{width:19px;height:19px;margin:.15rem 0 0;flex:0 0 auto;accent-color:#286e6a}
.f5-proposal{min-width:0}.f5-output{margin:1rem 0}.f5-output pre{padding:1rem;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto;max-height:36rem;background:#f6fbf8;border:1px solid #d4e5df;border-radius:12px;font:inherit;line-height:1.65}
.f5-advice{margin:.75rem 0;padding:1rem;border:1px solid #d4e5df;border-radius:12px;overflow-wrap:anywhere}.f5-advice h4{margin-top:0}
.f5-form :focus-visible,.f5-proposal :focus-visible{outline:3px solid #286e6a;outline-offset:3px}
@media(max-width:600px){.f5-assistant{margin:.9rem 0;padding:1rem}.f5-form .button{width:100%;white-space:normal;min-height:44px}}