:root { color-scheme: light; --navy:#062b50; --ink:#172b40; --muted:#53667a; --gold:#bd941e; }
* { box-sizing:border-box; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--ink); background:#f3f6fa; line-height:1.65; }
header { background:var(--navy); color:#fff; border-bottom:4px solid var(--gold); padding:28px 24px; }
header div, main, footer { max-width:880px; margin:auto; }
header strong { display:block; font-family:Georgia,serif; font-size:42px; line-height:1.1; }
header p { margin:5px 0 0; font-size:14px; color:#d8e5f1; }
main { padding:38px 24px 24px; }
.eyebrow { margin:0; color:#53667a; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
h1 { color:var(--navy); font-size:clamp(30px,5vw,40px); line-height:1.2; margin:12px 0 16px; }
h2 { font-size:23px; color:var(--navy); margin:0 0 14px; }
h3 { font-size:17px; margin:0 0 5px; }
.intro { font-size:18px; margin-bottom:30px; color:var(--muted); }
section { margin:22px 0; padding:26px; background:#fff; border:1px solid #dae2eb; border-radius:12px; }
ol { padding-left:25px; } li { padding-left:5px; margin-bottom:14px; } li p { margin:4px 0 0; }
a { color:#064c87; text-underline-offset:3px; }
a:focus-visible,summary:focus-visible { outline:3px solid var(--gold); outline-offset:3px; }
.note { margin:18px 0 0; border-left:3px solid var(--gold); padding:8px 14px; background:#faf8ee; }
details { border-top:1px solid #e1e7ee; padding:15px 0; }
details:last-child { padding-bottom:0; } summary { cursor:pointer; font-weight:700; color:var(--navy); }
details p { margin:10px 0 0; } .support { background:#edf3f9; }
.button { display:inline-block; background:var(--navy); color:#fff; border-radius:7px; padding:11px 18px; font-weight:700; text-decoration:none; margin:8px 0; }
footer { padding:8px 24px 28px; color:var(--muted); font-size:13px; }
@media(max-width:500px){ main { padding:28px 16px 16px; } section { padding:21px; } header { padding:24px 20px; } }
@media print {header{background:#fff;color:#062b50;}header p{color:#53667a;}body{background:#fff;}section{break-inside:avoid;}details{display:block;}details p{display:block;}.button{color:#062b50;background:#fff;} }

.wits-help-logo { display:block; width:180px; max-width:100%; height:auto; background:transparent; padding:0; }