:root {
  --ink:#172a33;
  --muted:#526873;
  --line:#cbd7da;
  --paper:#f8faf9;
  --white:#fff;
  --teal:#0d786d;
  --teal-soft:#eaf4f1;
  --blue:#2e62ad;
  --blue-soft:#eef3fa;
  --gold:#b86b0d;
  --shadow:0 18px 48px rgba(33,55,64,.1);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--paper);
}

* { box-sizing:border-box; }
body { min-height:100vh; margin:0; background:linear-gradient(135deg,#f8fbfa 0%,#f7f9fc 100%); }
.site-header { border-top:5px solid var(--teal); border-bottom:1px solid var(--line); background:linear-gradient(100deg,#f0f8f5 0%,#f4f7fc 72%); }
.header-inner,main,footer { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.header-inner { padding:52px 0 42px; }
.eyebrow,.card-label { margin:0 0 10px; color:var(--teal); font-size:12px; font-weight:820; letter-spacing:.13em; text-transform:uppercase; }
h1,h2,p { margin-top:0; }
h1 { max-width:820px; margin-bottom:12px; font-size:clamp(42px,6vw,72px); font-weight:750; letter-spacing:-.055em; line-height:.97; }
.lede { max-width:720px; margin-bottom:0; color:var(--muted); font-size:clamp(18px,2vw,23px); line-height:1.5; }
main { padding:42px 0 56px; }
.choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.format-card { position:relative; display:flex; flex-direction:column; min-height:490px; overflow:hidden; padding:34px; border:1px solid var(--line); border-top:5px solid var(--blue); background:var(--white); box-shadow:var(--shadow); }
.study-card { border-top-color:var(--teal); }
.card-number { position:absolute; top:18px; right:24px; color:#d8e1e4; font-size:54px; font-weight:820; letter-spacing:-.06em; }
.format-card h2,.support-panel h2,.quick-help h2 { margin-bottom:15px; font-size:clamp(28px,3vw,40px); letter-spacing:-.035em; line-height:1.04; }
.format-card > p:not(.card-label),.support-panel p,.quick-help li { color:var(--muted); font-size:17px; line-height:1.58; }
.format-card ul { display:grid; gap:9px; margin:8px 0 30px; padding-left:21px; color:#334b55; line-height:1.45; }
.format-card li::marker { color:var(--teal); }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; min-height:50px; padding:13px 17px; border:2px solid var(--blue); color:var(--blue); font-size:15px; font-weight:780; line-height:1.2; text-decoration:none; transition:transform .15s ease,box-shadow .15s ease,background .15s ease; }
.format-card .button { margin-top:auto; }
.button:hover,.button:focus-visible { transform:translateY(-2px); box-shadow:0 8px 20px rgba(31,64,102,.16); outline:3px solid rgba(46,98,173,.18); outline-offset:2px; }
.button.primary { background:var(--blue); color:#fff; }
.button.secondary { border-color:var(--teal); background:var(--teal); color:#fff; }
.button.outline { white-space:nowrap; }
.support-panel { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; margin-top:24px; padding:28px 32px; border-left:5px solid var(--gold); background:#fff8ec; }
.support-panel h2 { margin-bottom:6px; font-size:27px; }
.support-panel p:last-child { max-width:780px; margin-bottom:0; font-size:15px; }
.quick-help { margin-top:24px; padding:30px 34px; border:1px solid var(--line); background:var(--white); }
.quick-help h2 { font-size:27px; }
.quick-help ol { display:grid; gap:10px; margin:0; padding-left:24px; }
.quick-help li { padding-left:5px; font-size:15px; }
footer { padding:0 0 38px; color:#667a82; font-size:13px; }

@media (max-width:800px) {
  .choice-grid { grid-template-columns:1fr; }
  .format-card { min-height:0; padding:28px; }
  .support-panel { grid-template-columns:1fr; }
  .support-panel .button { justify-self:start; }
}

@media print {
  .site-header { background:#fff; }
  .format-card { box-shadow:none; break-inside:avoid; }
}