:root{--bg:#05070c;--panel:#080c14c7;--panel-strong:#070a11e6;--text:#f2f6fb;--text-soft:#c6d5e7;--text-muted:#95a8bd;--line:#b8d1ea3d;--line-strong:#dbe7f766;--cyan:#8bdcff;--gold:#f2c76d;--blue:#6fa8ff;--shadow:0 18px 50px #00000075;--radius-lg:10px;--radius-md:8px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);scroll-behavior:smooth;background:linear-gradient(145deg,#05070c 0%,#08101a 48%,#05070c 100%);margin:0;font-family:Noto Sans JP,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}body{min-width:320px}a{color:var(--text);text-decoration:none}h1,h2,h3,p,a,li,span,strong{overflow-wrap:anywhere}img{max-width:100%;display:block}main,section,article,header,footer,div{min-width:0}h1,h2,h3,p{margin:0}.site-wrap{width:min(1440px,100vw - clamp(1.25rem,5vw,6rem));margin:0 auto;padding:1rem 0 1.5rem}.site-header{z-index:20;border:1px solid var(--line);border-radius:var(--radius-md);backdrop-filter:blur(14px);background:#06090fd6;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .8rem;display:flex;position:sticky;top:.8rem;box-shadow:0 12px 34px #0000006b}.brand{align-items:center;gap:.65rem;min-width:max-content;display:inline-flex}.brand-mark{background:linear-gradient(145deg,#f2c76d40,#8bdcff24);border:1px solid #f2c76d80;border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:700;display:grid}.brand-text{font-size:.95rem;font-weight:700}.main-nav{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{min-height:2rem;color:var(--text-soft);border-radius:999px;align-items:center;padding:.35rem .58rem;font-size:.78rem;display:inline-flex}.nav-link:hover,.nav-link:focus-visible,.nav-link.is-active{color:var(--text);background:#8bdcff21;outline:none}main{gap:1rem;margin-top:1.1rem;display:grid}.section-block,.section-panel{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow);background:var(--panel);position:relative;overflow:hidden}.section-block{isolation:isolate;background-position:50%;background-size:cover;align-items:flex-end;min-height:clamp(360px,56vh,680px);display:flex}.section-block:before{content:"";z-index:-1;background:linear-gradient(#04070c33,#04070c7a 42%,#04070ce6 88%);position:absolute;inset:0}.section-content{gap:.9rem;width:100%;padding:clamp(1.2rem,3vw,2.4rem);display:grid}.eyebrow{color:var(--gold);text-transform:uppercase;font-size:.78rem;font-weight:700}.hero-title{text-wrap:balance;text-shadow:0 2px 20px #0000009e;font-size:clamp(2.25rem,5.2vw,4.8rem);line-height:1.08}.hero-sub,.lead{color:#dce8f7;max-width:58rem;font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.9}.content-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#080c14b8;padding:clamp(1rem,2.2vw,1.35rem);box-shadow:0 10px 28px #00000057}.tag-row{flex-wrap:wrap;gap:.45rem;display:flex}.tag-row span{color:#f8df9b;background:#f2c76d1a;border:1px solid #f2c76d57;border-radius:999px;width:fit-content;padding:.3rem .55rem;font-size:.78rem}.action-row{flex-wrap:wrap;gap:.55rem;margin-top:.3rem;display:flex}.action-row a,.text-link{color:#edf7ff;background:#080c14a8;border:1px solid #b8d1ea61;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:2.2rem;padding:.45rem .75rem;font-size:.88rem;display:inline-flex}.action-row a:hover,.action-row a:focus-visible,.text-link:hover,.text-link:focus-visible{background:#8bdcff1f;border-color:#8bdcffb3;outline:none}.site-footer{border:1px solid var(--line);border-radius:var(--radius-md);background:#06090fc7;gap:.6rem;margin-top:1rem;padding:.95rem 1rem;display:grid}.site-footer p{color:var(--text-soft);font-size:.9rem}.footer-links{flex-wrap:wrap;gap:.55rem;display:flex}.footer-links a{color:#e0f0ff;background:#8bdcff1a;border-radius:999px;padding:.3rem .55rem;font-size:.82rem}.drawer-fab{z-index:60;cursor:pointer;background:#070b12e6;border:1px solid #c5dff77a;border-radius:999px;place-content:center;gap:.2rem;width:2.4rem;height:2.4rem;display:none;position:fixed;top:.85rem;right:.9rem;box-shadow:0 0 20px #8bdcff38}.drawer-fab span{background:#eef7ff;border-radius:999px;width:.9rem;height:2px;display:block}.drawer-layer{z-index:70;position:fixed;inset:0}.drawer-backdrop{background:#000000a8;border:0;position:absolute;inset:0}.drawer-panel{background:#050910f5;border-left:1px solid #c7e0fa47;width:min(360px,88vw);height:100vh;padding:1rem;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 30px #0000008c}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.drawer-head p{font-weight:700}.drawer-close{color:#eff7ff;cursor:pointer;background:#8bdcff24;border:1px solid #c9e1fa5c;border-radius:999px;width:2rem;height:2rem;font-size:1.1rem}.drawer-panel section+section{margin-top:1rem}.drawer-panel h2{color:var(--text-soft);text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem}.drawer-panel ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.drawer-panel a{border-radius:var(--radius-md);color:#ebf6ff;background:#8bdcff12;border:1px solid #b6d2ef38;padding:.58rem .62rem;display:block}.drawer-open{overflow:hidden}@media (width<=880px){.site-wrap{width:min(100vw - 1rem,960px);padding-top:.7rem}.site-header{padding:.55rem 3.1rem .55rem .65rem;top:.55rem}.brand-text{font-size:.84rem}.main-nav{display:none}.drawer-fab{width:2.2rem;height:2.2rem;display:grid;top:1.25rem;right:.95rem}.section-block{min-height:clamp(320px,54vh,560px)}}@media (width<=640px){h1,h2,h3,p,a,li,span,strong{word-break:break-all}}