:root{
    --vd-navy:#0b1b34;
    --vd-gold:#c89424;
    --vd-text:#15233a;
    --vd-muted:#657188;
    --vd-border:#dfe5ed;
}
.vd-page{color:var(--vd-text)}
.vd-hero{padding:82px 0 78px;background:linear-gradient(135deg,#eef3f8 0%,#f9f5ea 100%);border-bottom:1px solid var(--vd-border)}
.vd-kicker{display:inline-block;color:var(--vd-gold);font-size:.77rem;font-weight:800;letter-spacing:2px;margin-bottom:13px}
.vd-hero h1{max-width:850px;margin:0 0 14px;color:var(--vd-navy);font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.04;letter-spacing:0}
.vd-hero p{max-width:730px;margin:0;color:var(--vd-muted);font-size:1.02rem;line-height:1.75}
.vd-content{padding-top:70px}
.vd-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:55px;align-items:start}
.vd-nav{position:sticky;top:110px;display:flex;flex-direction:column;gap:2px}
.vd-nav>span{font-size:.7rem;letter-spacing:1.8px;font-weight:800;color:var(--vd-gold);margin-bottom:10px}
.vd-nav a{padding:7px 0;text-decoration:none;color:#56647b;font-size:.87rem}
.vd-nav a:hover{color:var(--vd-navy)}
.vd-article{max-width:820px}
.vd-notice{padding:18px 20px;margin-bottom:8px;border:1px solid #ecdcae;border-radius:13px;background:#fbf5e6;color:#647187;font-size:.86rem;line-height:1.65}
.vd-notice strong{color:var(--vd-navy)}
.vd-article section{padding:30px 0;border-bottom:1px solid var(--vd-border)}
.vd-article h2{margin:0 0 13px;color:var(--vd-navy);font-size:1.35rem}
.vd-article p{margin:0 0 13px;color:var(--vd-muted);line-height:1.8;font-size:.95rem}
.vd-contact{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.vd-contact>div{padding:17px;border:1px solid var(--vd-border);border-radius:13px;background:#fff}
.vd-contact strong{display:block;font-size:.8rem;margin-bottom:5px}
.vd-contact a{color:#28517f;text-decoration:none;font-size:.9rem}
.vd-update{display:inline-block;margin-top:28px;padding:12px 14px;border-radius:10px;background:#f7f1df;color:#5b687c;font-size:.84rem}
.vd-update strong{color:var(--vd-navy)}
@media(max-width:800px){
    .vd-layout{grid-template-columns:1fr;gap:25px}
    .vd-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:18px;border:1px solid var(--vd-border);border-radius:14px;background:#fff}
    .vd-nav>span{grid-column:1/-1}
    .vd-content{padding-top:55px}
}
@media(max-width:560px){
    .vd-hero{padding:60px 0 55px}
    .vd-hero h1{font-size:clamp(2.3rem,11vw,3.2rem)}
    .vd-contact{grid-template-columns:1fr}
    .vd-article section{padding:25px 0}
}