/* Stay in touch pages. Uses the site's own colours and form styles (style.css). */
.su{max-width:720px;margin:0 auto;padding:36px 22px 10px}
.su h1{font-size:clamp(2rem,6vw,2.8rem)}
.su fieldset{border:1.5px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 16px;background:var(--card)}
.su legend{font-weight:700;padding:0 6px}
.su .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 14px}
.su label.chk{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:44px;font-size:.98rem;color:var(--ink);cursor:pointer}
.su label.chk input{width:22px;height:22px;flex:none;accent-color:var(--navy)}
.su .interests details{margin:8px 0;border:1px solid var(--line);border-radius:10px;padding:6px 12px;background:var(--card)}
.su .interests summary{cursor:pointer;font-weight:700;min-height:40px;display:flex;align-items:center}
.su .chkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 14px;margin:4px 0 8px}
.su .small{font-size:.9rem}.su .muted{color:var(--muted)}
.su .err{color:#A3352A;font-weight:700;min-height:1.4em;margin:6px 0}
.su .box{background:var(--sunk);border-left:5px solid var(--copper);border-radius:10px;padding:12px 16px;margin:18px 0;font-size:.95rem}
.su .btn{cursor:pointer;font:inherit;font-weight:700}
.su .btn.danger{border-color:#A3352A;color:#A3352A;background:transparent}
.su [hidden]{display:none!important}
#ts{margin:8px 0 14px;min-height:65px}