:root { color-scheme: light; --navy:#08162d; --navy2:#102c48; --ink:#122136; --muted:#58687b; --line:#dbe5ec; --cyan:#22b6d7; --teal:#119b9b; --paper:#fff; --soft:#f3f8fb; }
* {box-sizing:border-box} html {scroll-behavior:smooth} body {font-family:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; margin:0; background:var(--paper); color:var(--ink); line-height:1.62; -webkit-font-smoothing:antialiased}
a {color:#006a85; text-underline-offset:3px} a:hover {color:#004b69}
.wrap {width:min(100% - 40px, 980px); margin-inline:auto}
.header {background:var(--navy); color:#fff; border-bottom:3px solid var(--cyan)}
.header-inner {display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center; padding:20px 0}
.logo {font-weight:800; letter-spacing:.12em; color:#fff; font-size:1.08rem; text-decoration:none}
.logo span {color:#66d7e8} .nav {display:flex; gap:18px; flex-wrap:wrap} .nav a {color:#dceaf5; font-size:.91rem; text-decoration:none; font-weight:600} .nav a:hover, .nav a.active {color:#7be0ef}
.hero {background:linear-gradient(120deg, var(--navy), var(--navy2)); padding:58px 0 66px; color:#fff}
.kicker {text-transform:uppercase; letter-spacing:.14em; font-size:.74rem; color:#79e0eb; font-weight:800}
h1 {font-size:clamp(2rem,4.5vw,3.2rem); line-height:1.12; margin:16px 0 14px; letter-spacing:-.035em; font-weight:800}
.hero p {max-width:680px; color:#deebf5; font-size:1.11rem; margin:0}
main {min-height:55vh} .body {padding:48px 0 76px}
.breadcrumb {font-size:.88rem; color:var(--muted); margin:0 0 24px}
.reading {max-width:770px}
h2 {font-size:1.44rem; margin:30px 0 10px; line-height:1.3; color:#0c2c47} h3 {font-size:1.08rem; margin:22px 0 8px; color:#0c2c47} p {margin:10px 0 16px}
ul,ol {padding-left:22px} li {margin:8px 0} strong {color:#0b2944}
small,.fine {font-size:.89rem; color:var(--muted)} .lead {font-size:1.09rem; color:#33465e}
.notice {border:1px solid #b9dce9; background:#ecf9fc; padding:19px 23px; border-radius:12px; margin:24px 0}
.note {border-left:4px solid var(--cyan); background:var(--soft); padding:15px 22px; margin:20px 0; border-radius:0 10px 10px 0}
.callout {border-radius:14px; background:#eff7fa; padding:25px 28px; margin:25px 0}
.cards {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; margin:30px 0}
.card {border:1px solid var(--line); padding:24px 22px; border-radius:14px; background:#fff; box-shadow:0 4px 19px rgba(10,31,53,.035)}
.card h2 {margin:0 0 10px; font-size:1.25rem} .card p {font-size:.93rem; color:var(--muted); margin:0 0 18px} .card a {font-weight:750}
.script {background:#f6fafb; border:1px solid var(--line); border-radius:12px; padding:22px 25px; margin:22px 0; color:#102e49}
.script p:last-child {margin-bottom:0}
.buttons {display:flex; flex-wrap:wrap; gap:13px; margin-top:27px} .button {background:#007c9b; color:#fff; padding:11px 16px; text-decoration:none; border-radius:9px; font-weight:750; display:inline-block} .button:hover {background:#005c77; color:white}
.footer {background:#f0f5f7; color:#405269; border-top:1px solid var(--line); padding:26px 0 32px; font-size:.9rem} .footer-grid {display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:12px} .footer a {margin-right:15px} .footer strong {color:var(--navy)}
@media(max-width:700px) {.cards {grid-template-columns:1fr}.wrap {width:min(100% - 28px, 980px)}.hero {padding:42px 0 46px}.body{padding:34px 0 53px}.header-inner {align-items:flex-start;flex-direction:column}.nav {gap:14px}}

/* Printable blank consent form preview */
.button-light {background:#edf6f9; color:#005d79; border:1px solid #b7dbe5}
.button-light:hover {background:#dff2f6;color:#004b69}
.form-preview {margin:24px 0 31px; max-width:575px}
.form-preview img {max-width:100%;height:auto;border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 18px rgba(10,31,53,.06);background:white}
.form-preview figcaption {font-size:.85rem;color:var(--muted);margin:8px 0 0}