/* Golden Snow design system — white background variant (matches goldensnow.ae dark theme tokens) */
:root { --base:#0D1117; --ink:#0D1117; --bg:#FFFFFF; --bg-soft:#F6F7F9; --muted:#5B6472; --line:#E5E8EC; --gold:#F5C518; --gold-deep:#B8860B; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Pretendard","Inter",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif; color:var(--ink); background:var(--bg); line-height:1.75; -webkit-font-smoothing:antialiased; }
.wrap { max-width:760px; margin:0 auto; padding:0 24px; }
header.site { padding:16px 0; border-bottom:1px solid var(--line); background:#fff; position:sticky; top:0; z-index:10; }
header.site .wrap { display:flex; justify-content:space-between; align-items:center; max-width:1152px; }
.logo { font-weight:700; font-size:17px; letter-spacing:.02em; }
.logo span { background:linear-gradient(135deg,#B8860B 0%,#FFD700 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.logo a { color:inherit; text-decoration:none; }
.lang a { font-size:13px; color:var(--muted); text-decoration:none; margin-left:18px; font-weight:500; }
.lang a:hover { color:var(--gold-deep); }
.hero-strip { background:#0D1117; background-image:radial-gradient(circle at 50% 0%, rgba(245,197,24,.15) 0%, rgba(13,17,23,0) 60%); padding:26px 0; }
.hero-strip .kicker { color:var(--gold); letter-spacing:.25em; font-size:11px; font-weight:600; text-transform:uppercase; }
.hero-strip a { color:#9CA3AF; text-decoration:none; font-size:12px; float:right; }
.hero-strip a:hover { color:var(--gold); }
article { padding:48px 0 24px; }
h1 { font-size:clamp(26px,4.5vw,36px); line-height:1.35; margin-bottom:10px; font-weight:800; letter-spacing:-.01em; }
.meta { font-size:13px; color:var(--muted); margin-bottom:36px; }
h2 { font-size:21px; margin:44px 0 12px; font-weight:700; letter-spacing:-.01em; }
h3 { font-size:16.5px; margin:22px 0 8px; font-weight:700; }
p { margin-bottom:14px; font-size:15.5px; color:#333B45; }
article a { color:var(--gold-deep); }
table { width:100%; border-collapse:separate; border-spacing:0; margin:16px 0 20px; font-size:14px; background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
th, td { border-bottom:1px solid var(--line); padding:11px 14px; text-align:left; vertical-align:top; }
th { background:var(--bg-soft); font-size:12.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); }
tr:last-child td, tr:last-child th { border-bottom:none; }
td + td, th + th { border-left:1px solid var(--line); }
ul, ol { margin:0 0 16px 20px; font-size:15px; color:#333B45; }
li { margin-bottom:6px; }
.callout { background:var(--bg-soft); border:1px solid var(--line); border-left:3px solid var(--gold); border-radius:12px; padding:16px 20px; margin:20px 0; font-size:14.5px; }
.cta-box { background:#0D1117; background-image:radial-gradient(circle at 50% 0%, rgba(245,197,24,.18) 0%, rgba(13,17,23,0) 60%); color:#fff; padding:44px 28px; text-align:center; margin:48px 0; border-radius:24px; }
.cta-box h3 { margin:0 0 10px; font-size:20px; color:#fff; }
.cta-box p { color:#9CA3AF; font-size:14px; }
.cta { display:inline-block; background:linear-gradient(135deg,#B8860B 0%,#FFD700 100%); color:#0D1117; font-weight:600; padding:13px 30px; text-decoration:none; font-size:14px; margin-top:16px; border-radius:999px; box-shadow:0 0 40px rgba(245,197,24,.25); transition:transform .2s; }
.cta:hover { transform:scale(1.03); }
.faq h3 { font-size:16px; margin:18px 0 6px; }
.related { border-top:1px solid var(--line); padding:28px 0; }
.related a { display:block; color:var(--ink); text-decoration:none; padding:6px 0; font-size:14.5px; }
.related a:hover { color:var(--gold-deep); }
.related a::before { content:"\2192  "; color:var(--gold-deep); }
footer { border-top:1px solid var(--line); padding:26px 0; font-size:12.5px; color:var(--muted); text-align:center; background:var(--bg-soft); }
footer a { color:var(--muted); }