*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Apple SD Gothic Neo','Malgun Gothic',sans-serif;background:#0f1115;color:#e8e8e8;margin:0;line-height:1.65}
header{background:#161a22;position:sticky;top:0;z-index:10;border-bottom:1px solid #222}
.header-wrap{max-width:1100px;margin:auto;display:flex;align-items:center;gap:18px;padding:14px 16px}
.brand{font-weight:800;color:#ffd54a;font-size:1.2rem}
nav a{color:#8ecbff;text-decoration:none;margin-right:12px;font-weight:600}
nav a:hover{color:#c6e6ff;text-decoration:underline}
main{max-width:1100px;margin:18px auto;padding:0 16px}
.card{background:#1a1f29;border:1px solid #252b36;border-radius:12px;padding:16px;margin:16px 0}
h1{color:#ffd54a;margin:10px 0}
h2{color:#ffcc33;margin:14px 0 6px}
h3{color:#ffd54a;margin:12px 0 6px}
.badge{display:inline-block;background:#232a36;color:#9fd3ff;border:1px solid #2e3746;border-radius:999px;padding:2px 10px;font-size:.8rem;margin-left:6px}
.main-img,.event-img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #252b36;background:#000}
.meta{margin:8px 0 0;color:#c8c8c8}
.kv{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.kv .pill{background:#212734;border:1px solid #334055;border-radius:999px;padding:6px 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.grid img{width:100%;height:auto;border-radius:12px;border:1px solid #252b36;background:#000}
footer{color:#9aa4b2;text-align:center;padding:22px 14px;border-top:1px solid #222}
footer .tags{display:block;color:#cdd6e5;margin-top:6px;white-space:pre-wrap;line-height:1.5}
ul{margin:8px 0 12px}
li{margin:2px 0}
.code{font-family:ui-monospace,Consolas,monospace;background:#0c1015;padding:1px 6px;border-radius:6px;border:1px solid #263041}
.small{font-size:.95rem;color:#cfd6e2}