
:root{--navy:#11283f;--court:#33705a;--ball:#c7dc52;--sand:#f7f5ee;--ink:#202b32;--muted:#68757d}
*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.75}
a{color:#236a57}.wrap{max-width:1160px;margin:auto;padding:0 24px}header{background:var(--navy);position:sticky;top:0;z-index:20}
.top{height:70px;display:flex;align-items:center;justify-content:space-between;font-family:Arial,sans-serif}.brand,.nav a{color:white;text-decoration:none}.brand{font-size:1.35rem;font-weight:800}.nav a{margin-left:18px}
.hero{padding:58px 0 25px}.kicker{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:800;color:var(--court)}
h1,h2,h3{font-family:Arial,sans-serif;line-height:1.15}h1{font-size:clamp(2.35rem,5vw,4.5rem);letter-spacing:-.04em;max-width:940px;margin:.22em 0}.lede{font-size:1.2rem;max-width:820px;color:#45525a}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:42px}.paper,.card,.cta{background:white;border:1px solid #dedbd2;border-radius:14px;padding:30px;margin:18px 0}.paper{font-size:1.05rem}.paper p{max-width:760px}
.sticky{position:sticky;top:92px;height:max-content}.btn{font-family:Arial,sans-serif;display:inline-block;background:var(--court);color:white!important;text-decoration:none;font-weight:800;padding:13px 19px;border-radius:8px}
.fine{font-family:Arial,sans-serif;font-size:.8rem;color:var(--muted)}.tip{background:#f2f6e7;border-left:5px solid var(--ball);padding:16px 18px;margin:24px 0}
h2{font-size:1.75rem;margin-top:42px}h3{margin-top:28px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid a{font-family:Arial,sans-serif;background:white;border:1px solid #dedbd2;border-radius:9px;padding:14px;text-decoration:none;font-weight:700}
.crumb{padding-top:18px;color:var(--muted);font-family:Arial,sans-serif;font-size:.88rem}footer{background:var(--navy);color:white;padding:40px 0;margin-top:60px;font-family:Arial,sans-serif}footer a{color:white}
.modal{display:none;position:fixed;inset:0;background:#08131ddd;z-index:50;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-card{background:white;max-width:680px;border-radius:18px;padding:30px}.close{float:right;border:0;background:none;font-size:28px}
@media(max-width:800px){.layout{grid-template-columns:1fr}.sticky{position:static}.grid{grid-template-columns:1fr}.nav{display:none}}
