:root{color-scheme:dark;--bg:#091a21;--panel:#102932;--line:#2d4b50;--text:#ecf2ed;--muted:#aec3c1;--accent:#e6b95b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0%,#123d42 0%,transparent 40%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Noto Sans JP","Yu Gothic",sans-serif;line-height:1.85}a{color:#f1d18e}a:hover{text-decoration:none}.wrap{max-width:930px;margin:auto;padding:0 24px}header{border-bottom:1px solid var(--line);background:#07171bcf}header .wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:.04em;color:#fff;text-decoration:none}.brand span{color:var(--accent)}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{font-size:.89rem;text-decoration:none;color:var(--muted)}nav a[aria-current=page]{color:var(--accent)}main{padding:65px 0 72px}.eyebrow{font-size:.8rem;letter-spacing:.13em;color:var(--accent);font-weight:700}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.35;margin:12px 0 18px}h2{font-size:1.28rem;margin:0 0 13px}p{margin:0 0 14px;color:var(--muted)}.intro{font-size:1.12rem;max-width:760px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:27px;margin-top:23px}.panel p:last-child{margin-bottom:0}.kicker{font-weight:700;color:var(--accent);font-size:.77rem;letter-spacing:.07em}ul{margin:5px 0 0;padding-left:1.35rem;color:var(--muted)}li{margin:8px 0}.callout{border-left:3px solid var(--accent);padding:12px 18px;background:#12292b;margin:30px 0;border-radius:0 8px 8px 0;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid .panel{margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.button{padding:12px 18px;border-radius:9px;background:var(--accent);color:#1c2323;text-decoration:none;font-weight:750}.button.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:28px 0 35px;color:var(--muted);font-size:.86rem}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}footer a{color:var(--muted)}small{color:var(--muted)}@media(max-width:640px){.grid{grid-template-columns:1fr}main{padding-top:39px}header .wrap{padding-top:15px;padding-bottom:15px}.panel{padding:21px}}