/* Forward v30: accessible crisis strip, calmer breathing visual and self check */
:root{
  --mh-panel:#142632;
  --mh-panel-2:#172c38;
  --mh-text:#eef3f2;
  --mh-muted:#c2ceca;
  --mh-line:rgba(238,243,242,.18);
  --mh-green:#9bcdbd;
  --mh-warm:#d8bd8d;
  --mh-urgent:#e5b4b7;
  --mh-focus:#f0d49a;
  --mh-crisis-height:0px;
}

/* Persistent urgent support strip */
.mh-crisis{
  position:sticky;
  top:0;
  z-index:70;
  width:100%;
  background:rgba(25,35,43,.985);
  color:var(--mh-text);
  border-bottom:1px solid rgba(229,180,183,.36);
  box-shadow:0 8px 26px rgba(0,0,0,.12);
}
.mh-crisis__inner{
  width:min(calc(100% - 40px),var(--max));
  min-height:52px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:8px 0;
}
.mh-crisis__copy{display:flex;align-items:baseline;gap:10px;min-width:0}
.mh-crisis__copy strong{color:#f1d0d2;font-size:14px;white-space:nowrap}
.mh-crisis__copy span{color:#d4dcda;font-size:13px;line-height:1.35}
.mh-crisis__actions{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.mh-crisis__actions a{color:#edf2f1;font-size:13px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.mh-crisis__actions .mh-crisis__main{
  text-decoration:none;
  border:1px solid rgba(229,180,183,.52);
  background:#dcaeb1;
  color:#172027;
  padding:7px 10px;
  font-weight:700;
}
.site-header{top:var(--mh-crisis-height)!important}

/* More organic breathing visual using the existing Forward tool */
[data-breath]{position:relative;overflow:visible}
.breath-disc{
  position:relative;
  isolation:isolate;
  border-radius:50%;
  overflow:visible;
  background:radial-gradient(circle at 36% 31%,rgba(207,234,225,.30),rgba(94,155,139,.13) 48%,rgba(17,30,45,.98) 76%);
  border-color:rgba(155,205,189,.32);
  box-shadow:0 0 0 1px rgba(155,205,189,.03),0 0 46px rgba(89,148,133,.09);
}
.breath-disc::before,.breath-disc::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:50%;
  border:1px solid rgba(155,205,189,.30);
  opacity:0;
  transform:scale(1);
  pointer-events:none;
}
[data-breath][data-mh-breathing="true"] .breath-disc::before{animation:mhRipple 5s ease-out infinite}
[data-breath][data-mh-breathing="true"] .breath-disc::after{animation:mhRipple 5s 2.5s ease-out infinite}
@keyframes mhRipple{
  0%{opacity:.34;transform:scale(.98)}
  72%{opacity:.08}
  100%{opacity:0;transform:scale(1.62)}
}

/* Self check page */
.mh-check-shell{max-width:860px;margin:0 auto}
.mh-check-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:46px;
  align-items:start;
  padding-bottom:32px;
  border-bottom:1px solid var(--mh-line);
}
.mh-check-note{border-top:1px solid var(--mh-line);padding-top:14px;color:var(--mh-muted);font-size:14px;line-height:1.6}
.mh-check-form{margin-top:0}
.mh-check-form fieldset{
  margin:0;
  padding:30px 0;
  border:0;
  border-bottom:1px solid var(--mh-line);
}
.mh-check-form legend{
  width:100%;
  max-width:700px;
  margin:0 0 18px;
  padding:0;
  color:var(--mh-text);
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
  line-height:1.35;
}
.mh-check-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mh-check-option{position:relative;display:block;margin:0}
.mh-check-option input{position:absolute;opacity:0;pointer-events:none}
.mh-check-option span{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:9px 10px;
  border:1px solid var(--mh-line);
  color:var(--mh-muted);
  background:rgba(18,34,48,.48);
  text-align:center;
  cursor:pointer;
}
.mh-check-option input:checked+span{
  color:#10231e;
  background:var(--mh-green);
  border-color:var(--mh-green);
  font-weight:700;
}
.mh-check-option input:focus-visible+span{outline:3px solid var(--mh-focus);outline-offset:3px}
.mh-check-safety{border-bottom-color:rgba(229,180,183,.30)!important}
.mh-check-safety .mh-check-options{grid-template-columns:repeat(2,minmax(0,220px))}
.mh-check-actions{padding:28px 0 0;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.mh-check-actions button{
  border:1px solid var(--mh-green);
  background:var(--mh-green);
  color:#10231e;
  padding:10px 15px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.mh-check-actions button:hover{filter:brightness(1.05)}
.mh-check-actions p{margin:0;color:var(--quiet);font-size:13px}
.mh-check-error{margin:18px 0 0;padding:13px 15px;border:1px solid rgba(229,180,183,.38);color:#efd5d7;background:rgba(78,38,44,.22)}
.mh-check-result{margin-top:24px;padding:24px 0;border-top:2px solid var(--mh-green);border-bottom:1px solid var(--mh-line)}
.mh-check-result[data-level="urgent"]{border-top-color:var(--mh-urgent)}
.mh-check-result h2{margin:0 0 10px;font-size:30px}
.mh-check-result p{max-width:68ch;color:var(--mh-muted)}
.mh-check-result .result-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}
.mh-check-privacy{margin-top:26px;padding-top:16px;border-top:1px solid var(--mh-line);color:var(--quiet);font-size:13px}

/* Compact discovery links */
.mh-entry{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:22px 0;display:grid;grid-template-columns:210px 1fr auto;gap:32px;align-items:center}
.mh-entry .index{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--quiet)}
.mh-entry strong{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.2}
.mh-entry p{margin:6px 0 0;color:var(--muted);max-width:62ch}

.mh-crisis a:focus-visible,.mh-check-actions button:focus-visible,.mh-entry a:focus-visible{outline:3px solid var(--mh-focus);outline-offset:3px}

@media(max-width:820px){
  .mh-crisis__inner{align-items:flex-start;gap:10px;flex-direction:column;padding:9px 0 10px}
  .mh-crisis__copy{display:block}
  .mh-crisis__copy strong,.mh-crisis__copy span{display:block}
  .mh-crisis__copy span{margin-top:2px}
  .mh-crisis__actions{width:100%;gap:13px;overflow-x:auto;padding-bottom:1px}
  .mh-check-intro{grid-template-columns:1fr;gap:22px}
  .mh-check-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mh-entry{grid-template-columns:1fr;gap:9px}
}
@media(max-width:520px){
  .mh-crisis__inner{width:min(calc(100% - 28px),var(--max))}
  .mh-crisis__actions{gap:10px}
  .mh-crisis__actions a{font-size:12px}
  .mh-crisis__actions .mh-crisis__main{padding:7px 9px}
  .mh-check-options{grid-template-columns:1fr}
  .mh-check-safety .mh-check-options{grid-template-columns:1fr}
  .mh-check-option span{justify-content:flex-start;text-align:left;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  [data-breath][data-mh-breathing="true"] .breath-disc::before,
  [data-breath][data-mh-breathing="true"] .breath-disc::after{animation:none!important;display:none}
}


/* Forward v36 refinement */
:root{
  --mh-panel:#203746;
  --mh-panel-2:#243d4c;
  --mh-text:#f6f3ed;
  --mh-muted:#d5dee1;
  --mh-line:rgba(246,243,237,.20);
  --mh-green:#acd8c9;
  --mh-warm:#e5c38f;
  --mh-urgent:#e6b8ba;
}
.mh-crisis{
  background:#223743;
  border-bottom-color:rgba(230,184,186,.34);
  box-shadow:0 4px 18px rgba(7,18,24,.12);
}
.mh-crisis__copy strong{color:#f3d3d4}
.mh-crisis__copy span{color:#e1e6e6}
.mh-crisis__actions a{color:#f7f5f0}
.mh-crisis__actions .mh-crisis__main{
  background:#e1b7b9;
  border-color:#e1b7b9;
  color:#1d2b31;
}
.breath-disc{
  background:radial-gradient(circle at 36% 31%,rgba(220,239,232,.30),rgba(111,167,151,.13) 48%,#203746 77%);
  border-color:rgba(172,216,201,.38);
  box-shadow:0 0 38px rgba(97,151,136,.10);
}
.mh-check-option span{background:#203746;border-color:rgba(246,243,237,.20);color:#d7dfe2}
.mh-check-option input:checked+span{background:#acd8c9;border-color:#acd8c9;color:#163029}
.mh-check-actions button{background:#acd8c9;border-color:#acd8c9;color:#163029}
.mh-check-error{background:rgba(102,57,60,.28);color:#f4d8d9}
.mh-check-result{border-top-color:#acd8c9}
.mh-check-note,.mh-check-result p{color:#d5dee1}

.quick-plan{border-left:3px solid #8fb5a2}
.quick-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.quick-plan-grid .field:first-child{grid-column:1/-1}
.quick-plan .field label{display:block;margin-bottom:7px;font-weight:700}
.quick-plan .field select,.quick-plan .field input{
  width:100%;padding:11px 12px;border:1px solid var(--line);
  border-radius:7px;background:rgba(255,255,255,.055);color:var(--ink)
}
.optional{font-weight:400;color:var(--muted)}
.quick-plan-output{margin-top:20px;padding:18px 20px;background:rgba(219,232,225,.08);border-left:3px solid #a8c8b8}
.quick-plan-output h3{margin-top:0}
.quick-plan-output li{margin:8px 0}
@media(max-width:650px){.quick-plan-grid{grid-template-columns:1fr}}


/* v40 practical-tools dropdown readability */
.quick-plan .field select,
.tool-panel select{
  color-scheme:dark;
  background:#263f4b;
  color:#f6f3ed;
  border-color:rgba(246,243,237,.22);
}
.quick-plan .field select option,
.tool-panel select option,
.quick-plan .field select optgroup,
.tool-panel select optgroup{
  background:#263f4b;
  color:#f6f3ed;
}
.quick-plan .field select option:checked,
.tool-panel select option:checked{
  background:#739987;
  color:#ffffff;
}