/* Find Help Near You: state housing help sections (v1). Works with the dark /help page look. Boxes are border only. */
.sh-sec{margin-top:28px}
.sh-sec h2{margin:0 0 10px}
.sh-lede{margin:0 0 12px;color:#E4ECFA}
.sh-start{border:2px solid #FC8002;border-radius:24px;padding:18px 18px 14px;margin-top:18px}
.sh-start h2{margin-top:0}
.sh-start ol{margin:8px 0 0;padding-left:22px}
.sh-start li{margin:6px 0}
.sh-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sh-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);text-decoration:none;font-weight:600;font-size:15px}
.sh-ans details{border:1px solid rgba(44,201,201,.35);border-radius:18px;padding:0 16px;margin:10px 0}
.sh-ans summary{font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-size:18px;min-height:56px}
.sh-ans details p{margin:0 0 12px}
.sh-acts{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.sh-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:999px;border:2px solid #FC8002;color:#FFB14A;font-weight:700;text-decoration:none;background:transparent}
.sh-btn.call{background:#FC8002;color:#0F172A;border-color:#FC8002}
@media screen{.sh-btn{max-width:100%;overflow-wrap:anywhere}}
.sh-src{font-size:14px;color:#C5D2EA;word-break:break-word}
.sh-src a{color:#C5D2EA}
.sh-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.sh-list li label{display:flex;gap:12px;align-items:flex-start;min-height:52px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:16px;cursor:pointer}
.sh-list input{flex:none;width:24px;height:24px;margin:2px 0 0;accent-color:#FC8002}
.sh-list li label span{min-width:0;overflow-wrap:anywhere}
.sh-list li.done label{border-color:rgba(44,201,201,.7)}
.sh-list li.done span{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.45)}
.sh-prog{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.sh-bar{flex:1;height:12px;border-radius:99px;border:1px solid rgba(255,255,255,.3);overflow:hidden}
.sh-bar i{display:block;height:100%;width:0;background:#FC8002;transition:width .25s}
.sh-count{font-weight:700;font-size:15px;white-space:nowrap}
.sh-reset{min-height:44px;margin-top:10px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#EEF3FC;font:inherit;cursor:pointer}
.sh-done{display:none;margin:10px 0 0;font-weight:700;color:#9FF3F3}
.sh-done.on{display:block}
.sh-who{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.sh-org{border:1px solid rgba(44,201,201,.35);border-radius:20px;padding:16px}
.sh-org h3{font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-size:19px;margin:0 0 6px;line-height:1.25}
.sh-org p{margin:0 0 10px}
.sh-org .sh-acts{margin-bottom:8px}
@media screen{main p,main li{overflow-wrap:anywhere}}
.sh-tag{display:inline-block;font-size:13px;font-weight:700;color:#9FF3F3;border:1px solid rgba(44,201,201,.45);border-radius:99px;padding:2px 10px;margin-bottom:8px}
.sh-say{border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:16px;margin:10px 0}
.sh-say h3{font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-size:18px;margin:0 0 8px}
.sh-say p{margin:6px 0;font-style:italic}
.sh-tip{border:1px solid rgba(255,138,0,.55);border-radius:20px;padding:14px 16px;margin:12px 0}
.sh-tip b{color:#FFB14A}
.sh-q{border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:16px;margin:10px 0}
.sh-q fieldset{border:0;padding:0;margin:0}
.sh-q legend{font-weight:700;margin-bottom:8px;padding:0}
.sh-q .opt{display:block;width:100%;text-align:left;min-height:48px;margin:6px 0;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#EEF3FC;font:inherit;cursor:pointer}
.sh-q .opt.right{border-color:#2CC9C9;color:#9FF3F3}
.sh-q .opt.wrong{border-color:#FF8A00}
.sh-q .why{display:none;margin:8px 0 0}
.sh-q.answered .why{display:block}
.sh-score{font-weight:700;margin-top:8px}
.sh-guides{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.sh-guides a{display:flex;align-items:center;min-height:56px;padding:12px 16px;border-radius:18px;border:1px solid rgba(44,201,201,.35);text-decoration:none;font-weight:600}
@media (prefers-reduced-motion:reduce){.sh-bar i{transition:none}}
@media (max-width:360px){header a.brand .house{height:36px}header .share{padding:0 14px}}
@media screen{main h1,main h2,main h3{overflow-wrap:anywhere}}
@media (max-width:900px){.sh-src a{padding:14px 0}}
