@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap');
:root{--navy:#123a63;--navy2:#0d2b4a;--gold:#c08a3e;--gold2:#a2712c;--ink:#0b1b30;--text:#22303f;--muted:#5f7183;--line:#dde5ed;--surface:#f4f7fa;--link:#1c5c9e;
--sans:"Lato","PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--serif:"Source Serif 4","PT Serif",Georgia,serif}
*{box-sizing:border-box}body{margin:0;font:16px/1.7 var(--sans);color:var(--text);background:var(--surface)}
a{color:var(--link);text-decoration:none}a:hover{color:var(--navy);text-decoration:underline}
.w{max-width:1040px;margin:0 auto;padding:0 24px}
.hd{background:var(--navy)}.hd-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;flex-wrap:wrap}
.brand{font:600 1.5rem/1.2 var(--serif);color:#fff}.brand:hover{color:#fff;text-decoration:none}
.hd nav{display:flex;gap:4px;flex-wrap:wrap}.hd nav a{color:#c3d3e2;padding:8px 12px;border-bottom:3px solid transparent}
.hd nav a:hover{color:#fff;text-decoration:none}.hd nav a[aria-current]{color:#fff;border-bottom-color:var(--gold)}
.main{background:#fff;margin-top:28px;margin-bottom:40px;padding-top:28px;padding-bottom:36px;border:1px solid var(--line);border-radius:10px}
h1,h2{font-family:var(--serif);color:var(--ink);line-height:1.25}h1{font-size:2rem;margin:0 0 18px}h2{font-size:1.35rem;margin:30px 0 12px}
.jcard{display:flex;gap:22px;align-items:center;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:10px;padding:18px;margin:26px 0}
.jcard img{width:120px;height:auto;border-radius:6px;box-shadow:0 8px 24px -12px rgba(11,27,48,.25)}.jcard h2{margin:0 0 4px}.jcard p{margin:4px 0;color:var(--muted)}
.btn{display:inline-block;background:var(--gold);color:#fff!important;border-radius:999px;padding:8px 20px;font-weight:700;margin-top:6px}.btn:hover{background:var(--gold2);text-decoration:none}
.board{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px 24px}
.board li{padding:10px 0;border-bottom:1px solid var(--line)}
.ft{color:var(--muted);font-size:.88rem;padding:10px 0 40px;text-align:center}
@media(max-width:640px){.jcard{flex-direction:column;align-items:flex-start}}