:root {
  --font-scale:1;
  --navy:#153a54;
  --dark:#17313d;
  --teal:#006979;
  --teal2:#008c99;
  --teal-light:#e9f7f8;
  --coral:#e97f8f;
  --coral-light:#fdecef;
  --green:#2f6f55;
  --greenlight:#eaf5ef;
  --gold:#8a5a00;
  --goldlight:#fff4d6;
  --red:#a62d2d;
  --redlight:#fbeaea;
  --light:#f6fafb;
  --border:#c9d9de;
  --shadow:0 14px 40px rgba(21,58,84,.13);
  --radius:22px;
  font-size:calc(18px * var(--font-scale));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:9rem}
body{margin:0;color:var(--dark);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.68;background:linear-gradient(180deg,#f7fcfd 0,#fff 35%)}
a{color:var(--teal);text-underline-offset:.18em;text-decoration-thickness:.1em}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:4px solid #ffbf47;outline-offset:3px}
img{max-width:100%;height:auto}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:9999;padding:.8rem 1rem;border-radius:.5rem;background:#000;color:#fff}
.skip-link:focus{top:1rem}

/* The same masthead and navigation language as the main /info page. */
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
.header-inner{max-width:1240px;margin:auto;padding:.55rem 1.1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between}
.brand img{display:block;width:min(355px,46vw)}
.controls{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}
.control-btn{min-width:46px;min-height:46px;padding:.45rem .7rem;border:2px solid var(--border);border-radius:12px;background:#fff;color:var(--navy);font:inherit;font-weight:750;cursor:pointer}
.control-btn[aria-pressed="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
.top-nav{overflow-x:auto;border-top:1px solid #e8f0f2;white-space:nowrap}
.top-nav .nav-inner{max-width:1240px;margin:auto;padding:.45rem 1rem;display:flex;gap:.45rem}
.top-nav a{display:inline-block;padding:.55rem .8rem;border-radius:999px;color:var(--navy);font-weight:720;text-decoration:none}
.top-nav a:hover{background:var(--teal-light)}
.top-nav a.alert-link{background:var(--redlight);color:var(--red)}
.subpage-context{max-width:1240px;margin:0 auto;padding:.9rem 1rem 0}
.crumbs{display:flex;gap:.45rem;align-items:center;min-width:0;color:#52656e;font-size:.88rem}
.crumbs span[aria-current="page"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.main{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:0 0 4rem}
.hero{position:relative;overflow:hidden;margin:1rem 0 1.2rem;padding:clamp(1.4rem,3vw,2.7rem);border:1px solid var(--border);border-radius:32px;background:linear-gradient(135deg,#fff 0,#effbfc 100%);box-shadow:var(--shadow)}
.hero:after{content:"";position:absolute;z-index:0;top:-100px;right:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(233,127,143,.25),transparent 68%);pointer-events:none}
.hero>*{position:relative;z-index:1}
.hero h1{max-width:21ch;margin:.4rem 0 .85rem;color:var(--navy);font-size:clamp(2rem,4.8vw,3.8rem);line-height:1.06;letter-spacing:-.025em;text-wrap:balance}
.lead{max-width:70ch;margin-bottom:0;color:#3f535c;font-size:1.15rem}
.scope{display:inline-flex;padding:.3rem .6rem;border-radius:999px;font-size:.75rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.scope.general{border:1px solid #8fc6a9;background:var(--greenlight);color:var(--green)}
.scope.local,.scope.mixed{border:1px solid #dfba5b;background:var(--goldlight);color:var(--gold)}
.scope.urgent{border:1px solid #d89191;background:var(--redlight);color:var(--red)}
.quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:0 0 1.6rem}
.quick a{display:flex;min-height:74px;align-items:center;justify-content:center;padding:.75rem;border:2px solid var(--teal);border-radius:16px;background:#fff;color:var(--navy);font-weight:900;line-height:1.25;text-align:center;text-decoration:none;box-shadow:0 8px 20px rgba(21,58,84,.06)}
.quick a:last-child{border-color:var(--red);background:var(--redlight);color:var(--red)}

.card,.summary-panel,.severity-panel,.extended,.shared-triage,.helpful,.safety{margin:1rem 0;padding:1.1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 12px 34px rgba(21,58,84,.08)}
.card h2,.summary-panel h2,.severity-panel h2,.shared-triage>h2{margin:.1rem 0 .7rem;color:var(--navy);font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.2}
.card h3,.extended h2,.extended h3,.extended h4{color:var(--navy);line-height:1.25}
.card li,.source-list li,.extended li{margin:.45rem 0}
.card details summary{color:var(--navy);font-weight:850;cursor:pointer}
.urgent-card{border:3px solid var(--red);background:linear-gradient(145deg,#fff,var(--redlight))}
.summary-panel{border-left:8px solid var(--teal)}
.micro-card{display:grid;grid-template-columns:2.6rem 1fr;gap:.75rem;align-items:start;margin:.6rem 0;padding:.75rem;border-radius:14px;background:var(--light)}
.micro-index{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:12px;background:var(--teal);color:#fff;font-weight:900}
.table-wrap{max-width:100%;overflow-x:auto;margin:.8rem 0;border:1px solid var(--border);border-radius:14px}
table{width:100%;border-collapse:collapse}
th,td{padding:.7rem .75rem;border-bottom:1px solid var(--border);vertical-align:top;text-align:left}
th{background:var(--navy);color:#fff}
tbody tr:nth-child(even){background:var(--light)}
.extended{padding:0;overflow:hidden}
.extended>summary{padding:1.15rem 1.3rem;background:linear-gradient(90deg,var(--teal-light),#fff);color:var(--navy);font-size:1.1rem;font-weight:900;cursor:pointer;list-style:none}
.extended>summary::-webkit-details-marker{display:none}
.extended>summary:after{content:"+";float:right;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--teal);color:#fff;font-size:1.25rem}
.extended[open]>summary:after{content:"−"}
.extended[open]>:not(summary){margin-right:1.25rem;margin-left:1.25rem}
.extended[open]>:last-child{margin-bottom:1.4rem}
.source-paragraph{max-width:82ch}
.food-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.food-grid article,.callout,.recommendation-card{padding:.85rem;border:1px solid var(--border);border-radius:14px;background:var(--light)}
.callout.urgent{border-color:var(--red);background:var(--redlight)}
.callout.warning{border-color:#d8aa42;background:var(--goldlight)}
.scope-label{display:inline-flex;padding:.2rem .45rem;border-radius:7px;background:var(--goldlight);color:var(--gold);font-size:.75rem;font-weight:850}
.safety{border:2px solid var(--red);background:var(--redlight);box-shadow:none}

.shared-triage{margin-top:2rem;border:3px solid var(--red);box-shadow:none}
.shared-triage>h2{color:var(--red)}
.triage-symptoms{padding:.85rem 1rem;border-radius:14px;background:var(--redlight)}
.triage-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.85rem}
.triage-route{padding:.9rem;border:1px solid var(--border);border-radius:14px;background:#fff}
.triage-route h3{margin-top:.1rem;color:var(--navy);font-size:1rem}
.triage-route.after-hours{border-color:#d8aa42;background:var(--goldlight)}
.triage-route.emergency{border-color:var(--red);background:var(--redlight)}
.emergency-numbers{font-size:1.45rem;font-weight:900}
.helpful{background:var(--light);box-shadow:none}
.helpful p{margin:.2rem 0}
.helpful button{min-width:82px;min-height:44px;margin:.4rem .4rem 0 0;border:2px solid var(--teal);border-radius:10px;background:#fff;color:var(--teal);font-weight:850}
.card>.helpful,.summary-panel>.helpful,.severity-panel>.helpful,.extended>.helpful{margin:1rem 0 0;padding:.65rem .75rem;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}
.extended>.helpful{margin-right:1.25rem!important;margin-bottom:1rem!important;margin-left:1.25rem!important}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0}
.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:.75rem 1rem;border:2px solid var(--teal);border-radius:14px;background:var(--teal);color:#fff;font-weight:850;text-decoration:none}
.button.secondary{background:#fff;color:var(--teal)}

.footer{padding:2rem 1rem;background:var(--navy);color:#fff}
.footer-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}
.footer img{width:340px;filter:brightness(0) invert(1)}
.footer .editorial-note{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.35);color:#fff;font-size:.88rem}
.footer .button.secondary{border-color:#fff;background:#fff;color:var(--navy)}

.contrast{--dark:#000;--navy:#000;--teal:#004c54;--teal-light:#fff;--light:#fff;--border:#333;--shadow:none;background:#fff}
.contrast .hero,.contrast .card,.contrast .summary-panel,.contrast .severity-panel,.contrast .extended,.contrast .shared-triage{border-width:3px}
.contrast a{text-decoration-thickness:.18em}
.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}

@media(max-width:760px){
  :root{font-size:calc(17px * var(--font-scale))}
  html{scroll-padding-top:1rem}
  .site-header{position:relative}
  .header-inner{padding:.5rem .65rem;align-items:flex-start;flex-direction:column;gap:.45rem}
  .brand img{width:min(365px,88vw)}
  .controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:.3rem}
  .control-btn{min-width:0;min-height:42px;padding:.3rem .25rem;font-size:.74rem;line-height:1.15}
  .top-nav{display:none}
  .subpage-context{padding:.75rem .75rem 0}
  .main{width:calc(100% - 1.5rem);padding-bottom:2.5rem}
  .hero{margin-top:.75rem;padding:1.15rem;border-radius:22px}
  .hero h1{max-width:none;font-size:clamp(1.85rem,9.4vw,2.8rem);overflow-wrap:anywhere}
  .lead{font-size:1.04rem}
  .quick,.triage-routes,.food-grid{grid-template-columns:1fr}
  .quick a{min-height:58px}
  .card,.summary-panel,.severity-panel,.shared-triage,.helpful,.safety{padding:.9rem}
  .extended>summary{padding:.95rem}
  .extended[open]>:not(summary){margin-right:.9rem;margin-left:.9rem}
  th,td{padding:.55rem}
  .actions{display:grid}
  .button{width:100%}
  .footer-inner{grid-template-columns:1fr}
  .footer img{width:min(340px,88vw)}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
@media print{
  :root{font-size:11pt}
  body{background:#fff}
  .site-header,.subpage-context,.quick,.actions,.helpful,.footer{display:none!important}
  .main{width:100%;padding:0}
  .hero,.card,.summary-panel,.severity-panel,.extended,.shared-triage{box-shadow:none;break-inside:avoid}
  .extended{border:0;padding:0}
  .extended>summary{display:none}
  .extended:not([open])>*:not(summary){display:block}
  a{color:#000;text-decoration:none}
}
