:root{--navy: #0f2a4a;--navy-2: #163a5f;--gold: #c9a24b;--gold-d: #b3892f;--ink: #1b2733;--muted: #5b6b7a;--line: #e3e8ee;--bg: #ffffff;--bg-soft: #f5f8fb;--warn-bg: #fff6e6;--warn-line: #e7b84d;--maxw: 1080px;--radius: 14px;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);line-height:1.85;font-size:17px;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}a{color:var(--navy-2)}img{max-width:100%;height:auto}.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50;border-bottom:3px solid var(--gold)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:19px;letter-spacing:.02em}.brand .mark{color:var(--gold)}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:#dce6f1;text-decoration:none;font-weight:600;font-size:15px}.nav a:hover{color:#fff}.hero{background:linear-gradient(160deg,var(--navy) 0%,#1d456f 100%);color:#fff;padding:56px 0 48px}.hero h1{font-size:clamp(28px,5vw,44px);line-height:1.3;margin:0 0 14px}.hero p{font-size:18px;color:#d8e3ef;max-width:720px;margin:0 0 24px}.hero .badge{display:inline-block;background:#c9a24b2e;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:700;margin-bottom:16px}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#1a1407;font-weight:800;text-decoration:none;padding:13px 22px;border-radius:10px;border:none;font-size:16px}.btn:hover{background:var(--gold-d)}.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}section.block{padding:48px 0}.block h2{font-size:clamp(22px,3.5vw,30px);color:var(--navy);border-left:6px solid var(--gold);padding-left:12px;margin:0 0 8px}.lead{color:var(--muted);margin:0 0 24px}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-decoration:none;color:var(--ink);transition:.15s}.card:hover{border-color:var(--gold);box-shadow:0 8px 24px #0f2a4a14;transform:translateY(-2px)}.card .ico{font-size:30px}.card h3{margin:10px 0 6px;color:var(--navy);font-size:19px}.card p{margin:0;color:var(--muted);font-size:15px}.card .tag{display:inline-block;margin-top:10px;font-size:12px;color:var(--gold-d);font-weight:700}.stats{background:var(--bg-soft)}.stat-row{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center}.stat .num{font-size:32px;font-weight:900;color:var(--navy)}.stat .lbl{color:var(--muted);font-size:14px}.article{padding:36px 0 64px}.article h1{font-size:clamp(26px,4vw,38px);color:var(--navy);line-height:1.35;margin:0 0 6px}.article .meta{color:var(--muted);font-size:14px;margin-bottom:22px}.prose{font-size:18px}.prose h2{color:var(--navy);border-left:6px solid var(--gold);padding-left:12px;margin:34px 0 12px;font-size:24px}.prose h3{color:var(--navy-2);margin:24px 0 8px;font-size:20px}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:6px 0}.prose blockquote{background:var(--bg-soft);border-left:4px solid var(--gold);margin:16px 0;padding:12px 18px;border-radius:6px}.prose a{color:var(--navy-2)}.disclaimer{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:12px;padding:14px 18px;margin:18px 0;font-size:15px}.disclaimer strong{color:#8a5a00}.sources{background:var(--bg-soft);border-radius:12px;padding:16px 20px;margin:24px 0}.sources h4{margin:0 0 8px;color:var(--navy);font-size:16px}.sources ul{margin:0;padding-left:1.2em}.sources li{font-size:14px;margin:4px 0}.video-wrap{max-width:340px;margin:22px auto}.video-wrap .ratio{position:relative;padding-top:177.78%;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-cap{text-align:center;color:var(--muted);font-size:13px;margin-top:8px}.langs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.langs span{background:#eef2f7;color:var(--navy-2);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:600}.cta{background:var(--navy);color:#fff;border-radius:18px;padding:36px;text-align:center}.cta h2{color:#fff;border:0;padding:0}.cta p{color:#cdd9e6;max-width:640px;margin:8px auto 20px}.site-footer{background:var(--navy);color:#cdd9e6;padding:36px 0;margin-top:40px;font-size:14px}.site-footer a{color:#e6eef6}.site-footer .cols{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.site-footer h4{color:#fff;margin:0 0 8px;font-size:15px}.fine{color:#8ea4ba;font-size:12px;margin-top:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}ruby rt{font-size:.6em;color:var(--muted)}@media (max-width:640px){body{font-size:16px}.nav{gap:12px}.nav a{font-size:14px}}