/* Byulbam Pocha — shared styles for legal/policy pages */
:root{
  --night-top:#060912; --night-mid:#0c1020; --night-low:#160f1a;
  --ink:#f2e9d8; --ink-dim:#b3a994; --ink-faint:#9a9080;
  --amber:#ffb866; --gold:#ffd89b; --teal:#46d6c8; --line:rgba(255,184,102,.16);
  --f-disp:"Bebas Neue","Jua",sans-serif; --f-ko:"Jua","Noto Sans KR",sans-serif;
  --f-brush:"Nanum Brush Script",cursive; --f-body:"Noto Sans KR",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(110% 60% at 50% 120%, rgba(232,98,74,.22), transparent 55%),
    linear-gradient(180deg,var(--night-top),var(--night-mid) 60%,var(--night-low));
  background-attachment:fixed;
  color:var(--ink);font-family:var(--f-body);font-weight:300;line-height:1.75;
  -webkit-font-smoothing:antialiased;min-height:100vh;
}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
:where(a,button,summary):focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.skip-link{position:absolute;left:14px;top:-70px;z-index:50;background:var(--amber);color:#1a0f06;padding:11px 20px;border-radius:6px;font-family:var(--f-disp);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:16px 24px;background:rgba(7,10,18,.8);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bar .home{display:flex;align-items:center;gap:11px}
.bar .home img{height:42px;width:auto;filter:drop-shadow(0 0 10px rgba(255,216,155,.3))}
.bar .home .nm{font-family:var(--f-brush);font-size:1.5rem;color:var(--gold);line-height:1}
.bar .back{font-family:var(--f-disp);letter-spacing:2px;font-size:.95rem;color:var(--ink-dim)}
.bar .back:hover{color:var(--gold);text-decoration:none}

main{max-width:780px;margin:0 auto;padding:64px 24px 40px}
.eyebrow{font-family:var(--f-disp);letter-spacing:4px;text-transform:uppercase;color:var(--teal);font-size:.9rem;margin-bottom:12px;text-shadow:0 0 12px rgba(70,214,200,.35)}
h1{font-family:var(--f-disp);font-size:clamp(2.6rem,7vw,4.2rem);line-height:1;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
.updated{color:var(--ink-faint);font-size:.9rem;margin-bottom:8px}
.lede{color:var(--ink-dim);font-size:1.05rem;margin:18px 0 8px;max-width:68ch}
h2{font-family:var(--f-disp);font-size:1.7rem;letter-spacing:1px;text-transform:uppercase;color:var(--gold);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(--ink-dim);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}
.note{border:1px solid var(--line);background:rgba(255,184,102,.05);border-radius:8px;padding:16px 20px;margin:26px 0;font-size:.92rem;color:var(--ink-dim)}
.note strong{color:var(--gold)}

footer{border-top:1px solid var(--line);margin-top:48px;padding:34px 24px;background:rgba(6,9,18,.6)}
.foot-in{max-width:780px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--ink-faint);font-size:.85rem}
.foot-in nav{display:flex;gap:18px;flex-wrap:wrap}
.foot-in a{color:var(--ink-faint)}
.foot-in a:hover{color:var(--gold)}

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