/* 말랑 design tokens — copied value-for-value from home.html :root (source of truth). Only addition: --stage-color. */
:root{
  --bg:#12181B; --bg-alt:#0E1316; --surface:#1A2226; --surface-2:#222C31;
  --line:#2C383E; --line-strong:#43525A;
  --text:#F4F1EA; --text-2:#B8C0BE; --text-3:#86928F;
  --accent:#FF5A45; --accent-press:#E8472F; --on-accent:#1B0E0B; --good:#43C59E;
  --display:"Fredoka","Jua","Apple SD Gothic Neo",sans-serif;
  --body:"Gothic A1","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --r-xs:4px; --r-sm:8px; --r-md:12px; --r-pill:999px;
  --e1:0 8px 20px rgba(0,0,0,.40); --e2:0 18px 40px rgba(0,0,0,.50);
  --d-1:120ms; --d-2:200ms; --d-3:320ms;
  --ease-out:cubic-bezier(.2,.8,.2,1); --ease-pop:cubic-bezier(.34,1.45,.64,1);
  --container:1240px; --gutter:clamp(16px,4vw,40px); --measure:720px;
  --stage-color:#2a3438;
  color-scheme:dark;
}

/* base reset (home.html) */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 var(--body);word-break:keep-all;overflow-wrap:anywhere;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;line-height:1.2;letter-spacing:-.01em}
p{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}
section[id],main[id]{scroll-margin-top:72px}
.wrap{max-width:calc(var(--container) + var(--gutter)*2);margin:0 auto;padding-inline:var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}