/* Danggyeoki pages — the studio palette, trimmed for reading. */
:root{
  --void:#04060F; --deep:#080D24; --panel:#0E1638;
  --line:#2B3A7A; --rule:#1A2450;
  --violet:#8E7BFF; --cyan:#6FD8FF;
  --paper:#E7EDFA; --dim:#9AAAD0;
  --display:"Archivo",-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--void);color:var(--paper);
  font-family:var(--sans);font-weight:300;line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(34,42,96,.40) 0%, rgba(20,27,68,.26) 22%,
    rgba(10,14,42,.12) 48%, rgba(6,9,26,0) 74%);
}
.wrap{position:relative;max-width:44rem;margin:0 auto;padding:clamp(2.5rem,7vw,5rem) clamp(1.25rem,5vw,2rem) 5rem}
a{color:var(--cyan);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--paper)}

.crumb{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 0 2.75rem}
.crumb a{color:var(--dim);text-decoration:none}
.crumb a:hover{color:var(--cyan)}

h1{font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,5.5vw,2.6rem);line-height:1.15;margin:0 0 .5rem;letter-spacing:-.01em}
.lede{font-size:clamp(1.05rem,2.6vw,1.2rem);color:var(--paper);margin:0 0 .75rem}
.stamp{font-family:var(--mono);font-size:.75rem;color:var(--dim);margin:0 0 3rem}

h2{font-family:var(--display);font-weight:600;font-size:1.12rem;letter-spacing:.005em;margin:2.75rem 0 .6rem;padding-top:1.6rem;border-top:1px solid var(--rule)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-family:var(--sans);font-weight:450;font-size:1rem;margin:1.8rem 0 .35rem;color:var(--paper)}
p{margin:0 0 1rem;color:var(--dim)}
p strong,li strong{color:var(--paper);font-weight:450}
ul{margin:0 0 1rem;padding-left:1.1rem;color:var(--dim)}
li{margin:.3rem 0}

.card{background:linear-gradient(180deg,rgba(14,22,56,.75),rgba(8,13,36,.55));border:1px solid var(--line);border-radius:14px;padding:1.25rem 1.4rem;margin:0 0 2.5rem}
.card p{margin:0;color:var(--paper)}
.card .k{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);display:block;margin-bottom:.4rem}

footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--rule);font-family:var(--mono);font-size:.75rem;color:var(--dim);display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between}
footer a{color:var(--dim);text-decoration:none}
footer a:hover{color:var(--cyan)}