a{color:#d4ab80}
a:hover{color:#ffffff}
.ft{font-family:"Red Hat Text",-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;color:#fff;background:#001a35;-webkit-font-smoothing:antialiased;position:relative}
.ft *{box-sizing:border-box}
.ft h1,.ft h2,.ft h3{font-family:"Red Hat Display","Segoe UI",sans-serif;margin:0;line-height:1.06;letter-spacing:-.02em;text-wrap:balance}
.ft p{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding-left:20px;padding-right:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;font:700 16px/1 "Red Hat Text",sans-serif;padding:0 24px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;white-space:nowrap}
.ft a:focus-visible,.ft button:focus-visible{outline:3px solid #d4ab80;outline-offset:3px}
.btn-gold{background:#b4875e;color:#00122a}
.btn-gold:hover{background:#d4ab80;color:#00122a}
.btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.btn-line:hover{box-shadow:inset 0 0 0 1.5px #fff;color:#fff}
.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:22px}
.logo{width:168px;height:auto;display:block}
.menu{display:flex;align-items:center;gap:26px}
.menu a.lk{color:#c7d3e2;text-decoration:none;font-weight:500;font-size:15px}
.menu a.lk:hover,.menu a.on{color:#fff}
.menu a.on{box-shadow:inset 0 -2px 0 #b4875e;padding-bottom:4px}
.menu .btn{min-height:44px;font-size:15px;padding:0 18px}
.mnav{padding:0 20px 20px}
.hero{padding-top:20px;padding-bottom:84px}
.crumb{font-size:14px;color:#a9bbd1;margin-bottom:22px}
.crumb a{color:#a9bbd1;text-decoration:none}
.h1{font-size:clamp(36px,4.6vw,66px);font-weight:800;max-width:20ch}
.sub{margin-top:22px;color:#a9bbd1;font-size:19px;max-width:52ch}
.white{background:#fff;color:#0c1a2c}
.block{padding-top:96px;padding-bottom:96px}
.foot{background:#00122a;color:#a9bbd1;font-size:14px;line-height:1.55;padding-top:56px;padding-bottom:40px}
.fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:36px}
.fgrid h4{font:700 14px/1.2 "Red Hat Display",sans-serif;color:#fff;margin:0 0 14px}
.fgrid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.fgrid a{color:#c7d3e2;text-decoration:none}
.fgrid a:hover{color:#fff}
.legal{margin-top:40px;padding-top:22px;border-top:1px solid rgba(169,187,209,.16);display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:#8fa3bc}
.legal b{color:#c7d3e2;font-weight:600}
.todo{color:#e3b98f}
mark.def{background:#fbe9c9;color:#5a3a12;padding:0 4px;border-radius:4px;font-weight:600}
.wa{position:fixed;right:22px;bottom:22px;z-index:20;display:flex;align-items:center;gap:10px;text-decoration:none}
.wa .tip{background:#fff;color:#0c1a2c;font-size:14px;font-weight:700;padding:10px 14px;border-radius:999px;box-shadow:0 8px 24px rgba(0,10,25,.25);opacity:0;transform:translateX(6px);transition:opacity .2s,transform .2s}
.wa:hover .tip,.wa:focus-visible .tip{opacity:1;transform:none}
.wa img{width:62px;height:auto;display:block;filter:drop-shadow(0 8px 18px rgba(10,60,30,.35))}
@media (max-width:1020px){
  .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .fgrid{grid-template-columns:minmax(0,1fr)}
  .wa{right:16px;bottom:16px}
}
.pv{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;align-items:start}
.toc{display:flex;flex-direction:column;gap:2px;font-size:14px;border-left:2px solid #e1e8f0}
.toc a{color:#53637a;text-decoration:none;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent}
.toc a:hover{color:#002e5d;border-left-color:#b4875e}
.doc{max-width:760px;color:#24364d;font-size:17px;line-height:1.7}
.doc h2{font-size:26px;font-weight:800;color:#002e5d;margin:56px 0 16px;scroll-margin-top:24px}
.doc h2:first-child{margin-top:0}
.doc h3{font-size:18px;font-weight:800;color:#002e5d;margin:24px 0 8px}
.doc p{margin:0 0 14px}
.doc ul{margin:0 0 16px;padding-left:22px}
.doc li{margin-bottom:6px}
.doc dl{margin:0 0 16px;border-top:1px solid #e1e8f0}
.doc dl div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:20px;padding:14px 0;border-bottom:1px solid #e1e8f0}
.doc dt{font-weight:700;color:#0c1a2c;margin:0}
.doc dd{margin:0;color:#53637a}
.doc .box{background:#f3f5f8;border-radius:16px;padding:18px 20px;margin:0 0 16px}
.meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:22px;font-size:14px;color:#a9bbd1}
.meta b{color:#fff}
@media (max-width:1020px){
  .pv{grid-template-columns:minmax(0,1fr);gap:32px}
  .toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:0}
  .toc a{padding:8px 0;border-left:0;margin:0}
}
@media (max-width:620px){
  .doc{font-size:16px}
  .doc h2{font-size:21px;margin-top:40px}
  .doc dl div{grid-template-columns:minmax(0,1fr);gap:4px}
  .toc{grid-template-columns:minmax(0,1fr)}
}
