:root{--bg:#0c0c0f;--surface:#141418;--surface2:#1c1c22;--surface3:#242430;--border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.12);--text:#e8e8e4;--text2:#9a9a90;--text3:#505048;--accent:#e8a020;--accent2:#f0c060;--blue:#5090f0;--mono:'IBM Plex Mono',monospace;--sans:'Syne',sans-serif;--jp:'Noto Serif JP',serif;--r:8px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;}
a{color:var(--blue);text-decoration:none;}
a:hover{text-decoration:underline;}
header{position:sticky;top:0;z-index:100;height:52px;background:rgba(12,12,15,.92);border-bottom:1px solid var(--border2);backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 24px;gap:16px;}
.logo{font-size:15px;font-weight:700;color:var(--text);text-decoration:none;}
.logo span{color:var(--accent);}
.logo-jp{font-family:var(--jp);font-weight:300;font-size:12px;color:var(--text3);}
.back{margin-left:auto;font-size:13px;color:var(--text2);}
.back:hover{color:var(--accent);}
.wrap{max-width:1100px;margin:0 auto;padding:40px 24px 80px;}
.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.eyebrow::before{content:'';width:24px;height:1px;background:var(--accent);}
h1{font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-.02em;margin-bottom:14px;}
.intro{font-size:15px;color:var(--text2);line-height:1.7;max-width:720px;margin-bottom:28px;}
.intro a{color:var(--accent);}
.region{margin-top:36px;}
.region h2{font-size:21px;font-weight:700;letter-spacing:-.01em;margin-bottom:2px;}
.region .rjp{font-family:var(--jp);font-size:12px;color:var(--text3);margin-bottom:16px;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;}
.pcard{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px 17px;display:block;color:var(--text);transition:border-color .15s,transform .15s;}
.pcard:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none;}
.pc-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;}
.pc-name{font-size:16px;font-weight:700;}
.pc-jp{font-family:var(--jp);font-size:12px;color:var(--accent);}
.pc-arrow{margin-left:auto;color:var(--text3);font-size:14px;}
.pcard:hover .pc-arrow{color:var(--accent);}
.pc-short{font-size:13px;color:var(--text2);line-height:1.55;}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;}
.toc a{font-family:var(--mono);font-size:11px;color:var(--text2);border:1px solid var(--border2);border-radius:20px;padding:5px 11px;}
.toc a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none;}
footer{border-top:1px solid var(--border);padding:24px;max-width:1100px;margin:0 auto;font-family:var(--mono);font-size:11px;color:var(--text3);}