:root{
  --navy-900:#0A1730;--navy-800:#0E2142;--navy-700:#143059;--navy-600:#1D4173;
  --gold:#C6A150;--gold-bright:#E6C88C;--gold-deep:#A6853B;
  --paper:#F4F6F9;--white:#fff;--ink:#0B1526;--ink-soft:#48586E;--line:rgba(11,21,38,.10);
  --on-dark:#E9EEF5;--on-dark-soft:#A9B8CC;--line-dark:rgba(198,161,80,.28);--maxw:1100px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:'Hanken Grotesk',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.15;margin:0}
a{color:inherit;text-decoration:none}img,svg{display:block}p{margin:0 0 16px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.gold{color:var(--gold-deep)}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;font-family:inherit;transition:.2s}
.btn-gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:var(--navy-900)}
.btn-gold:hover{box-shadow:0 10px 28px -10px rgba(198,161,80,.55);transform:translateY(-2px)}
.btn-ghost{border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-deep)}
/* header */
.snav{position:sticky;top:0;z-index:50;background:rgba(10,23,48,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-dark)}
.snav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:20px}
.brand{display:flex;align-items:center;gap:12px}
.brand .em{width:40px;height:40px;flex:0 0 40px}
.brand b{font-family:'Fraunces',serif;color:#fff;font-size:18px;font-weight:600}
.brand span{color:var(--gold);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;display:block;margin-top:4px}
.snav nav{display:flex;gap:24px}
.snav nav a{color:var(--on-dark);font-size:14.5px;font-weight:500}
.snav nav a:hover{color:var(--gold-bright)}
@media(max-width:760px){.snav nav{display:none}}
/* page hero */
.phead{background:linear-gradient(160deg,var(--navy-900),var(--navy-800));color:var(--on-dark);padding:60px 0 54px}
.phead .eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-bright)}
.phead h1{color:#fff;font-size:clamp(30px,4.5vw,48px);margin:12px 0 10px}
.phead p{color:var(--on-dark-soft);max-width:680px;margin:0}
/* content */
.doc{padding:56px 0}
.doc .wrap{max-width:820px}
.doc h2{font-size:26px;margin:34px 0 12px;color:var(--ink)}
.doc h3{font-size:20px;margin:24px 0 8px}
.doc ul{margin:0 0 16px;padding-left:22px}.doc li{margin-bottom:8px}
.callout{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:18px 22px;margin:22px 0}
.callout p:last-child{margin:0}
.pdfbox{display:flex;flex-wrap:wrap;gap:14px;align-items:center;background:var(--navy-900);color:var(--on-dark);border-radius:14px;padding:22px 24px;margin:26px 0}
.pdfbox .t{flex:1;min-width:220px}.pdfbox b{color:#fff;display:block;margin-bottom:2px}
.pdfbox small{color:var(--on-dark-soft)}
.notice{font-size:13.5px;color:var(--ink-soft);border-top:1px solid var(--line);margin-top:40px;padding-top:20px}
iframe.pdf{width:100%;height:640px;border:1px solid var(--line);border-radius:12px;margin:20px 0;background:var(--paper)}
/* blog */
.cats{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.cat{font-size:13px;font-weight:600;color:var(--gold-deep);background:rgba(198,161,80,.12);padding:7px 15px;border-radius:999px}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:0}
.post{border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s;background:#fff}
.post:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(11,21,38,.3)}
.post .pc{padding:22px 22px 24px}
.post .k{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep)}
.post h3{font-size:20px;margin:8px 0 8px}
.post p{color:var(--ink-soft);font-size:14.5px;margin:0}
.article{padding:0 0 56px}.article .wrap{max-width:760px}
.article .meta{color:var(--ink-soft);font-size:14px;margin:0 0 8px}
.article h2{font-size:25px;margin:32px 0 10px}
.article p{margin:0 0 18px}.article ul{margin:0 0 18px;padding-left:22px}.article li{margin-bottom:8px}
.article .lead{font-size:19px;color:var(--ink)}
/* footer */
footer.sfoot{background:#08122a;color:var(--on-dark-soft);font-size:14px;padding:52px 0 0;margin-top:20px}
.sfoot .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px}
.sfoot h4{color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
.sfoot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.sfoot a:hover{color:var(--gold-bright)}
.sfoot .soc{display:flex;gap:12px;margin-top:12px}.sfoot .soc a{opacity:.8}.sfoot .soc svg{width:18px;height:18px}
.sfoot .bottom{border-top:1px solid var(--line-dark);margin-top:40px;padding:20px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px}
.sfoot .disc{background:#060d1f;color:#7c8aa0;font-size:12px;line-height:1.6;padding:16px 0}
@media(max-width:700px){.sfoot .cols{grid-template-columns:1fr}}
