/* help.css: owned by P5 (help, safety, contact). Page-only CSS, under 15 KB. Uses the tokens and components in /site.css. */
.fc-help{--fc:#0B6F7A}

/* ---------- Help: search and topics ---------- */
.hp-hero{padding-bottom:var(--s-10)}
.hs{position:relative;max-width:640px;margin:var(--s-8) auto 0}
html.no-js .hs,html.no-js .hs__count{display:none}
.hs__ico{position:absolute;left:20px;top:50%;width:22px;height:22px;transform:translateY(-50%);color:var(--text-2);pointer-events:none}
.hs__input{width:100%;height:56px;padding:0 20px 0 54px;border-radius:var(--r-pill);border:1px solid var(--hair);background:var(--bg-alt);color:var(--text);font-size:17px;font-weight:500;-webkit-appearance:none;appearance:none;transition:border-color var(--d-fast) var(--ease),background-color var(--d-fast) var(--ease)}
.hs__input::placeholder{color:var(--text-2);opacity:1}
.hs__input:hover{border-color:var(--text-2)}
.hs__input:focus{outline:none;border-color:var(--accent-ink);background:var(--bg)}
.hs__input:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}
.hs__count{min-height:24px;margin-top:12px;text-align:center;font-size:var(--t-small);font-weight:600;color:var(--text-2)}
.topics{margin-top:var(--s-6)}
.topics ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:880px;margin:0 auto}
.topic{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:var(--r-pill);background:var(--bg-alt);color:var(--text);font-size:15px;font-weight:600;letter-spacing:-.01em;transition:background-color var(--d-fast) var(--ease),transform var(--d-fast) var(--ease)}
.topic .ico{width:18px;height:18px;color:var(--accent-ink)}
.topic:hover{background:var(--hair)}
.topic:active{transform:scale(.97)}
html.hs-on .topics{opacity:.5}
@media (max-width:734px){.topics ul{flex-wrap:nowrap;justify-content:flex-start;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:2px var(--gutter) 6px;scroll-padding-inline:var(--gutter)}.topics ul::-webkit-scrollbar{display:none}.topics li{flex:none;scroll-snap-align:start}.topic{font-size:14px;padding:8px 14px;white-space:nowrap}}

/* ---------- Help: groups ---------- */
.hp-body{padding-top:var(--s-10)}
.hg{background:var(--card-bg);border-radius:var(--r-lg);padding:28px 32px 8px}
.hg+.hg,.hs__empty+.hg{margin-top:20px}
.hg__alias{display:block;height:0}
.hg__head{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.hg__head h2{font-size:var(--t-h3);line-height:1.15;letter-spacing:-.012em}
.hg__head .tag{margin-left:6px;vertical-align:4px}
.hg .faq{border-bottom:0}
.hg .faq details:first-child{border-top:0}
.hg .faq summary{font-size:18px}
.hp-steps{margin:0 0 .8em;padding-left:1.3em}
.hp-steps li+li{margin-top:6px}
.hp-steps li::marker{color:var(--accent-ink);font-weight:700}
.hs__empty{padding:32px;border-radius:var(--r-lg);background:var(--card-bg);text-align:center;font-size:19px;font-weight:500;color:var(--text)}
.hs__empty a{color:var(--accent-ink);font-weight:600}
@media (max-width:734px){.hg{padding:22px 20px 4px}.hg .faq summary{font-size:17px}}

/* Still stuck band (shared by help) */
.stuck{text-align:center;max-width:720px;margin-inline:auto}
.stuck__ico{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 24px;border-radius:22px;background:var(--accent-soft);color:var(--accent-ink)}
.stuck__ico .ico{width:36px;height:36px}
.stuck .sub{margin-top:8px}
.stuck .ctas{margin-top:28px}

/* ---------- Safety ---------- */
.sf-badge{display:grid;place-items:center;width:104px;height:104px;margin:0 auto 32px;border-radius:30px;background:linear-gradient(145deg,#5ED6E4,#0B6F7A);color:#fff;box-shadow:0 24px 48px -20px rgba(11,111,122,.55)}
.sf-badge .ico{width:56px;height:56px}
.sf-hero .sub{max-width:28ch}
@media (prefers-reduced-motion:no-preference){html.js .sf-badge{animation:sf-rise 900ms var(--ease-out) both}}
@keyframes sf-rise{from{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:none}}

.sf-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 48px;list-style:none;margin:0;padding:0}
.sf-principles li{padding-top:24px;border-top:2px solid var(--text)}
.sf-principles h3{font-size:var(--t-h3);margin-top:12px}
.sf-principles p:last-child{margin-top:12px;color:var(--text-2);max-width:34ch}
.sf-principles__n{font-size:var(--t-small);font-weight:700;color:var(--accent-ink);letter-spacing:.04em}
@media (max-width:833px){.sf-principles{grid-template-columns:minmax(0,1fr);gap:40px}}

.sf-media{position:relative;display:flex;justify-content:center;isolation:isolate}
.sf-media::before{content:"";position:absolute;z-index:-1;inset:8% 4%;border-radius:50%;background:radial-gradient(closest-side,rgba(43,196,214,.22),transparent);pointer-events:none}
.sf-media .phone{max-height:600px}
@media (max-width:734px){.sf-media .phone{--phone-w:260px!important}}

/* App screens drawn in HTML (decorative, aria-hidden) */
.sf-scr{position:relative;padding-top:44px;background:var(--bg)}
.sf-profile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px 16px}
.sf-profile b{font-size:17px;margin-top:6px}
.sf-profile small{font-size:14px;color:var(--text-2)}
.av--lg{width:72px;height:72px;font-size:24px}
.sf-rows{margin:0 12px;border-radius:16px;background:var(--bg-alt);overflow:hidden}
.sf-rows li{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;font-size:14px;font-weight:500;border-top:1px solid var(--hair)}
.sf-rows li:first-child{border-top:0}
.sf-rows li span{margin-left:auto;color:var(--text-2)}
.sf-rows .ico{width:18px;height:18px;color:var(--text-2)}
.sf-rows .is-danger,.sf-rows .is-danger .ico{color:var(--danger)}
.sf-sheet{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:8px;padding:22px 16px 26px;border-radius:26px 26px 0 0;background:var(--card-on-alt);box-shadow:0 0 0 999px rgba(0,0,0,.32)}
.sf-sheet b{font-size:17px;text-align:center}
.sf-sheet p{font-size:14px;line-height:1.4;color:var(--text-2);text-align:center;margin-bottom:6px}
.sf-sheet__btn{display:grid;place-items:center;min-height:44px;border-radius:14px;background:var(--bg-alt);font-size:15px;font-weight:600}
.sf-sheet__btn.is-danger{color:var(--danger)}

.sf-map{--map-bg:#E6ECEF;--road:#FFFFFF;--road2:#F3DDB0;position:absolute;inset:0;background:
  linear-gradient(115deg,transparent 46%,var(--road2) 46% 50%,transparent 50%),
  linear-gradient(90deg,transparent 47%,var(--road) 47% 53%,transparent 53%) 0 0/96px 96px,
  linear-gradient(transparent 47%,var(--road) 47% 53%,transparent 53%) 0 0/96px 96px,var(--map-bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sf-map{--map-bg:#1A2226;--road:#2A353B;--road2:#4A3E26}}
:root[data-theme="dark"] .sf-map{--map-bg:#1A2226;--road:#2A353B;--road2:#4A3E26}
.sf-map__area{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:rgba(43,196,214,.22);border:2px dashed #2BC4D6}
.sf-map__area::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#2BC4D6;box-shadow:0 0 0 4px #fff}
.sf-map__pin{position:absolute;left:var(--x);top:var(--y)}
.sf-map__pin .av{box-shadow:0 0 0 3px #fff,var(--shadow-float)}
.sf-map__card{position:absolute;left:12px;right:12px;top:52px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--bg);font-size:14px;line-height:1.3;color:var(--text-2);box-shadow:var(--shadow-float)}
.sf-map__card b{display:block;color:var(--text);font-size:14px}
.sf-map__card .ico{width:24px;height:24px;color:var(--accent-ink)}
.sf-map__seg{position:absolute;left:50%;bottom:22px;display:flex;gap:2px;padding:4px;border-radius:var(--r-pill);background:var(--bg);transform:translateX(-50%);box-shadow:var(--shadow-float);font-size:14px;font-weight:600}
.sf-map__seg span{white-space:nowrap;padding:8px 12px;border-radius:var(--r-pill)}
.sf-map__seg .is-on{background:var(--pill);color:var(--pill-ink)}

.sf-list{flex:1;padding:6px 14px;background:var(--bg)}
.sf-list__label{margin:14px 0 8px;font-size:14px;font-weight:600;color:var(--text-2)}
.sf-list__card{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:8px;border-radius:14px;background:var(--bg-alt)}
.sf-list__card b{display:block;font-size:14px}
.sf-list__card small{display:block;font-size:14px;color:var(--text-2)}
.sf-dev{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);flex:none}
.sf-dev .ico{width:20px;height:20px}
.sf-list__out{margin-top:18px;text-align:center;font-size:14px;font-weight:600;color:var(--danger)}

.sf-sheet--aud{gap:0;padding-top:20px;box-shadow:0 0 0 999px rgba(0,0,0,.18)}
.sf-sheet--aud b{margin-bottom:10px}
.sf-opt,.sf-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;margin-top:8px;border-radius:12px;background:var(--bg-alt);font-size:14px;font-weight:600}
.sf-opt .ico{width:18px;height:18px;color:var(--text-2)}
.sf-opt i{margin-left:auto;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--text-2)}
.sf-opt.is-on i{background:#2BC4D6;box-shadow:inset 0 0 0 5px #2BC4D6,inset 0 0 0 10px #fff}
.sf-toggle i{margin-left:auto;width:40px;height:24px;border-radius:12px;background:var(--hair);position:relative}
.sf-toggle i::after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.sf-sheet--aud small{margin-top:10px;font-size:14px;color:var(--text-2);text-align:center}

.sf-cards{margin-top:var(--s-9)}
.sf-cards .tag{margin-left:4px;vertical-align:2px}
.sf-reasons{border-radius:var(--r-lg);background:#1D1D1F;padding:24px 24px 12px}
.sf-reasons__t{font-size:var(--t-small);font-weight:600;color:var(--text-2);margin-bottom:8px}
.sf-reasons ul{list-style:none;margin:0;padding:0}
.sf-reasons li{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-top:1px solid var(--hair);font-size:19px;font-weight:600;letter-spacing:-.012em}
.sf-reasons li::after{content:"\203A";font-size:24px;font-weight:400;color:var(--text-2)}
.sf-urgent{margin-top:20px}
.sf-links{margin-top:var(--s-7)}

/* ---------- Contact ---------- */
.ct-hero .head .lead{margin-top:12px}
.ct-mail{display:flex;align-items:center;gap:14px;margin-top:28px;padding:16px 20px;border-radius:var(--r-md);background:var(--bg-alt);max-width:100%}
.ct-mail>span:last-child{min-width:0}
.ct-mail small{display:block;font-size:14px;font-weight:500;color:var(--text-2)}
.ct-mail__ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#2BC4D6;color:#00262B;flex:none}
.ct-mail__ico .ico{width:24px;height:24px}
.ct-mail__addr{display:inline-flex;align-items:center;min-height:44px;font-size:clamp(19px,2.2vw,26px);font-weight:700;letter-spacing:-.02em;color:var(--accent-ink);overflow-wrap:anywhere}
.ct-mail__addr:hover{text-decoration:underline;text-underline-offset:.15em}
.ct-topics{margin-top:var(--s-9)}
.ct-topic{color:var(--text);transition:transform var(--d-fast) var(--ease)}
.ct-topic:hover .more{text-decoration:underline;text-underline-offset:.18em}
.ct-topic:active{transform:scale(.99)}
.ct-tips{list-style:none;margin:var(--s-7) 0 0;padding:0}
.ct-tips li{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-top:1px solid var(--hair);color:var(--text-2)}
.ct-tips li:last-child{border-bottom:1px solid var(--hair)}
.ct-tips b{color:var(--text);font-weight:600}
.ct-tips__n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:14px;font-weight:700;flex:none}
.ct-note{margin-top:var(--s-6)}
.hp-hero .lead{text-wrap:balance}