/* HKSP placeholder (styles from hakospo draft) */
:root{--bg:#eef0f3;--ink:#121417;--sub:#5d6470;--line:#e1e4e8;--dark:#111317;--dark2:#1c1f25;--accent:#e5202b;--kraft:#c49a62;--f:"Inter","Noto Sans JP","Noto Sans CJK JP","Hiragino Sans",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:14px;line-height:1.6}
p,h1{margin:0}a{color:inherit}
.wrap{width:min(1200px,100% - 24px);margin-inline:auto}
.topnav{background:var(--dark);color:#fff;border-bottom:3px solid var(--accent)}
.topnav-in{display:flex;align-items:center;justify-content:space-between;height:52px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-box{font-weight:900;font-style:italic;font-size:22px;padding:2px 10px;background:var(--accent);box-shadow:3px 3px 0 var(--kraft);border-radius:3px}
.logo-sub{font-size:12px;color:#aab;font-weight:700}
.topnav-links{display:flex;gap:16px;font-weight:700;font-size:13px;color:#aab}.topnav-links .on{color:#fff}
.gh{background:linear-gradient(180deg,var(--dark2),var(--dark));color:#fff;text-align:center;padding:24px 0 32px}
.gh-meta{font-size:13px;color:#c3c8d0;font-weight:700;display:flex;gap:8px;justify-content:center;align-items:center}
.badge{background:var(--accent);color:#fff;font-size:11px;padding:1px 8px;border-radius:3px}
.gh-title{font-size:clamp(24px,5vw,36px);font-weight:900;margin-top:10px}
.gh-soon{display:inline-block;margin-top:14px;font-size:clamp(16px,3.5vw,22px);font-weight:900;border:2px solid var(--accent);border-radius:6px;padding:6px 16px}
.gh-by{margin-top:10px;font-size:12px;color:#9aa1ad;font-weight:700}
.main{padding:16px 0 32px}
.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.card-h{font-weight:900;font-size:15px;padding:12px 16px;border-bottom:1px solid var(--line)}
.txt{padding:12px 16px}.note{font-size:11px;color:var(--sub);padding:0 16px 12px}
.back{margin-top:16px;font-size:13px;font-weight:700}