/* Dae Bak — shared styles for legal / policy pages */
:root{
  --bg:#0b0b0d; --bg2:#141417; --panel:#1a1a1e;
  --ink:#f7f4ee; --muted:#a39e95; --faint:#6f6a62;
  --red:#ec2b2b; --yellow:#ffce2e; --line:rgba(255,255,255,.10);
  --f-disp:'Anton',Impact,sans-serif; --f-cond:'Bebas Neue',sans-serif;
  --f-body:'Inter',system-ui,sans-serif; --f-ko:'Noto Sans KR',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);font-family:var(--f-body);line-height:1.7;
  -webkit-font-smoothing:antialiased;min-height:100vh;
}
a{color:var(--yellow);text-decoration:none}
a:hover{text-decoration:underline}
:where(a,button,summary):focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:4px}
.skip-link{position:absolute;left:14px;top:-70px;z-index:50;background:var(--red);color:#fff;padding:11px 20px;border-radius:4px;font-family:var(--f-cond);letter-spacing:1px;transition:top .25s}
.skip-link:focus{top:14px}

.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 24px;background:rgba(11,11,13,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bar .home{display:flex;align-items:center;gap:11px}
.bar .home img{height:40px;width:auto}
.bar .back{font-family:var(--f-cond);letter-spacing:2px;font-size:1rem;color:var(--muted)}
.bar .back:hover{color:var(--yellow);text-decoration:none}

main{max-width:780px;margin:0 auto;padding:64px 24px 40px}
.eyebrow{font-family:var(--f-cond);letter-spacing:4px;text-transform:uppercase;color:var(--yellow);font-size:.95rem;margin-bottom:12px}
h1{font-family:var(--f-disp);font-size:clamp(2.6rem,7vw,4.4rem);line-height:.95;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}
.updated{color:var(--faint);font-size:.9rem;margin-bottom:8px}
.lede{color:var(--muted);font-size:1.08rem;margin:18px 0 8px;max-width:68ch}
h2{font-family:var(--f-cond);font-size:1.7rem;letter-spacing:1px;text-transform:uppercase;color:var(--red);margin:42px 0 14px}
h3{font-family:var(--f-body);font-weight:700;font-size:1.05rem;color:var(--ink);margin:22px 0 8px}
p,li{color:var(--muted);max-width:72ch}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:8px}
strong{color:var(--ink);font-weight:600}
.ko{font-family:var(--f-ko)}
.note{border:1px solid var(--line);background:rgba(255,206,46,.05);border-radius:8px;padding:16px 20px;margin:26px 0;font-size:.92rem;color:var(--muted)}
.note strong{color:var(--yellow)}

footer{border-top:3px solid var(--red);margin-top:48px;padding:34px 24px;background:#070708}
.foot-in{max-width:780px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--faint);font-size:.85rem}
.foot-in nav{display:flex;gap:18px;flex-wrap:wrap}
.foot-in a{color:var(--faint)}
.foot-in a:hover{color:var(--yellow)}

@media(max-width:560px){
  main{padding:44px 20px 30px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
