/* ==========================================================================
   K agency — legacy re-theme (navy × gold, 2026-09-22)
   Loaded AFTER assets/site.css on the pages that still use the old markup
   (legal, simulator, thanks, 404). It keeps the old gold accent
   and swaps the navy, fonts and surfaces so these pages match assets/k2.css.
   ========================================================================== */
html:root{
  --bg:#FFFFFF;
  --navy:#16237F;
  --navy-dark:#0F1A66;
  --navy-deep:#0B1450;
  --navy-light:#2B3BD0;
  --navy-tint:#EEF1F8;
  --gold:#D4AF37;
  --gold-deep:#B8941F;
  --gold-dark:#8C6D1F;
  --gold-line:rgba(212,175,55,.55);
  --ink:#1B2140;
  --ink-sub:#4A5172;
  --on-navy:#E6EAFF;
  --on-navy-mute:#AEB6EE;
  --divider:#DDE2EE;
  --sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  --serif:"Zen Kaku Gothic New","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --en:"Lato","Zen Kaku Gothic New","Noto Sans JP",sans-serif;
  --r-s:10px; --r-m:18px;
  --sh-card:0 8px 24px rgba(15,26,102,.08);
  --sh-card-h:0 14px 32px rgba(15,26,102,.12);
  --grad-gold:linear-gradient(135deg,#E2C25C 0%,#D4AF37 45%,#B8941F 100%);
}
body{background:#fff}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
::selection{background:rgba(212,175,55,.28)}
h1,h2,h3{word-break:auto-phrase}

/* header */
html .site-header{background:rgba(255,255,255,.96);border-bottom:1px solid rgba(22,35,127,.08)}
html .gnav a{font-family:var(--serif);font-weight:700;font-size:13.5px;color:var(--ink)}
html .gnav a::after{height:3px;border-radius:3px;background:var(--gold)}

/* buttons: gold pill with navy text, as on the new pages */
html .btn{border-radius:999px;font-family:var(--serif);font-weight:700}
html .btn-gold{background:var(--grad-gold);color:var(--navy-deep);box-shadow:0 8px 20px rgba(184,148,31,.28)}
html .btn-gold::after{display:none}
html .btn-gold:hover{box-shadow:0 12px 26px rgba(184,148,31,.36)}
html .btn-gold svg{stroke:var(--navy-deep)}
html .btn-outline-light{border:1.5px solid rgba(255,255,255,.7);color:#fff}
html .btn-outline-light:hover{background:rgba(255,255,255,.12);border-color:#fff}

/* hero: navy field, no night-city photo */
.hero-dark{background:var(--navy-deep)}
.hero-dark .hero-bg{background:
  radial-gradient(60% 80% at 85% 10%,rgba(212,175,55,.18),transparent 60%),
  radial-gradient(50% 60% at 15% 90%,rgba(43,59,208,.35),transparent 60%),
  linear-gradient(135deg,#0B1450 0%,#16237F 60%,#1E2E9C 100%)}
.hero-dark .hero-bg::after{background:none}
.hero-title{font-weight:900;letter-spacing:.04em}
.hero-title .hl{color:var(--gold)}
.hero-light .hero-title .hl{color:var(--gold-dark)}

/* surfaces */
.card,.src-card,.rel{border-radius:18px}
.site-footer{background:#fff;color:var(--ink-sub);border-top:1px solid var(--divider)}
.site-footer::after{display:none}
.site-footer h4{color:var(--gold-dark)}
.foot-grid{border-bottom-color:var(--divider)}
.foot-brand .fb-name{color:var(--navy)}
.foot-brand .fb-tag,.foot-brand p,.foot-bottom,.foot-note{color:var(--ink-sub)}
.foot-brand img{width:47px;height:52px}
.site-footer .fl a{color:var(--navy)}
.site-footer .fl a:hover{color:var(--gold-dark)}
.eyebrow .en{color:var(--gold-dark)}