*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ink:#2a2622;--soft:#5c5650;--cream:#f9f7f2;--line:#e0dbd0;
  --accent:#8b1a1a;--accentdark:#6f1414;--gold:#c8a96e
}
body{
  font-family:Georgia,'Times New Roman',serif;
  background:var(--cream);color:var(--ink);
  font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased
}
.wrap{max-width:680px;margin:0 auto;padding:0 24px}
.topbar{
  background:#1a1a1a;color:#f9f7f2;text-align:center;padding:10px 20px;
  font-family:-apple-system,'Helvetica Neue',sans-serif;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase
}
.topbar b{color:var(--gold);margin:0 8px}
.hero{padding:44px 0 12px}
.hero-label{
  font-family:-apple-system,'Helvetica Neue',sans-serif;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:#9a948c;margin-bottom:14px
}
h1{font-size:clamp(25px,3.6vw,37px);line-height:1.24;font-weight:700;margin-bottom:14px}
h1 em{font-style:italic;color:var(--accent)}
.hero-sub{
  font-family:-apple-system,'Helvetica Neue',sans-serif;
  font-size:16px;color:#555;line-height:1.6;margin-bottom:8px
}
.divider{margin:30px 0}
.divider hr{border:none;border-top:1px solid var(--line)}
.quiz-section{padding:4px 0 20px}
.quiz-eyebrow{
  font-family:-apple-system,'Helvetica Neue',sans-serif;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:#9a948c;margin-bottom:8px
}
.quiz-headline{font-size:20px;font-weight:700;margin-bottom:6px}
.quiz-sub{font-family:-apple-system,'Helvetica Neue',sans-serif;font-size:14px;color:#555;margin-bottom:22px;line-height:1.5}
.quiz-level{margin-bottom:18px}
.level-label{
  font-family:-apple-system,'Helvetica Neue',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px
}
.mild{color:#999}.moderate{color:#b8860b}.urgent{color:var(--accent)}
.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.d-mild{background:#ccc}.d-mod{background:#b8860b}.d-urg{background:var(--accent)}
.check-item{
  display:flex;align-items:flex-start;gap:10px;padding:9px 12px;margin-bottom:5px;
  background:#fff;border:1px solid var(--line);border-radius:3px;cursor:pointer;
  transition:border-color .2s,background .2s
}
.check-item:hover{border-color:#c0a060;background:#fffdf8}
.check-item.checked{border-color:var(--accent);background:#fff7f7}
.check-item input{margin-top:3px;accent-color:var(--accent);width:15px;height:15px;flex-shrink:0;cursor:pointer}
.check-item label{font-family:-apple-system,'Helvetica Neue',sans-serif;font-size:14px;color:#333;cursor:pointer;line-height:1.5}
.quiz-counter{font-family:-apple-system,'Helvetica Neue',sans-serif;font-size:13px;color:var(--accent);font-weight:700;margin-top:14px;min-height:20px;text-align:center}
.fig{margin:30px -24px}
.fig img{width:100%;display:block}
.fig figcaption{font-family:-apple-system,'Helvetica Neue',sans-serif;font-size:12.5px;color:#9a948c;text-align:center;padding:9px 24px 0;font-style:italic}
.content{padding:0 0 30px}
h2{font-size:22px;font-weight:700;margin:30px 0 12px;line-height:1.3}
.content p{margin-bottom:16px;line-height:1.75}
.content strong{color:var(--ink)}
blockquote{border-left:3px solid var(--accent);padding:8px 0 8px 18px;margin:20px 0;font-style:italic;color:#444;font-size:18px;line-height:1.5}
.cta-wrap{margin:32px 0;text-align:center}
.cta{
  display:block;background:var(--accent);color:#fff;text-decoration:none;
  padding:18px 24px;border-radius:8px;
  font-family:-apple-system,'Helvetica Neue',sans-serif;
  font-size:19px;font-weight:700;
  box-shadow:0 4px 16px rgba(139,26,26,.25);
  transition:background .2s,transform .15s;line-height:1.3
}
.cta:hover{background:var(--accentdark);transform:translateY(-1px)}
.cta small{display:block;font-size:13px;font-weight:400;opacity:.9;margin-top:4px}
.cta-link{text-align:center;margin:22px 0}
.cta-link a{color:var(--accent);font-weight:700;font-size:18px;text-decoration:underline}
.footer{
  border-top:1px solid var(--line);margin-top:30px;padding:24px 0 40px;
  font-family:-apple-system,'Helvetica Neue',sans-serif;
  font-size:11.5px;color:#a39d95;line-height:1.65;text-align:center
}
.footer p{margin-bottom:10px}
.footer a{color:#a39d95;text-decoration:underline}
@media(max-width:560px){
  h1{font-size:25px}
  .fig{margin-left:-24px;margin-right:-24px}
  .cta{font-size:17.5px;padding:16px 20px}
}