:root{
  --color-primary:#8B6F47;
  --color-primary-dark:#6E5738;
  --color-secondary:#F3ECE0;
  --color-background:#FBF7F0;
  --color-surface:#FFFFFF;
  --color-text-heading:#3B2E1F;
  --color-text-body:#4F4536;
  --color-text-muted:#7A6E5C;
  --color-border:#E4D9C6;
  --color-on-primary:#FFFFFF;
  --font-family-base:Pretendard,-apple-system,'Malgun Gothic',sans-serif;
  --fs-h1:38px;--fs-h2:30px;--fs-h3:24px;--fs-body-lg:19px;--fs-body:16px;--fs-caption:13px;
  --lh-heading:1.3;--lh-body:1.6;
  --space-unit:8px;--space-density:1.15;
  --radius:14px;
  --shadow-card:0 1px 2px rgba(139,111,71,0.06);
  --container-width:760px;
}
*{box-sizing:border-box}
body{font-family:var(--font-family-base);font-size:var(--fs-body-lg);line-height:var(--lh-body);color:var(--color-text-body);background:var(--color-background);margin:0;padding:0}
h1,h2,h3{font-family:var(--font-family-base);font-weight:700;line-height:var(--lh-heading);color:var(--color-text-heading);margin:0 0 calc(var(--space-unit)*2*var(--space-density)) 0}
h1{font-size:var(--fs-h1);padding-left:calc(var(--space-unit)*1.25*var(--space-density));border-left:3px solid var(--color-primary)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3)}
p{margin:0 0 calc(var(--space-unit)*2*var(--space-density)) 0}
a{color:var(--color-primary)}

/* nav: 심플 가로 펼친 탭(드롭다운 없음, 페이지 수 적음) */
#nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--space-unit)*1*var(--space-density));padding:calc(var(--space-unit)*1.5*var(--space-density)) calc(var(--space-unit)*2*var(--space-density))}
#nav a{text-decoration:none;color:var(--color-text-body);padding:calc(var(--space-unit)*1*var(--space-density)) calc(var(--space-unit)*1.75*var(--space-density));border-radius:calc(var(--radius)*2);font-size:var(--fs-body)}
#nav a:hover{background:var(--color-secondary);color:var(--color-primary-dark)}
#nav a:first-child{font-weight:700;font-size:var(--fs-body-lg);color:var(--color-primary-dark);margin-right:calc(var(--space-unit)*2*var(--space-density));padding-left:0;border-radius:0}
#nav a:first-child:hover{background:none}
#nav a.current{background:var(--color-secondary);color:var(--color-primary-dark);font-weight:700}

main{max-width:var(--container-width);margin:0 auto;padding:calc(var(--space-unit)*2*var(--space-density)) calc(var(--space-unit)*2*var(--space-density)) calc(var(--space-unit)*6*var(--space-density))}
header,section{padding:calc(var(--space-unit)*4*var(--space-density));background:var(--color-surface);margin-top:calc(var(--space-unit)*2.5*var(--space-density));border-radius:calc(var(--radius)*1.3);border:1px solid var(--color-border);border-top:2px solid var(--color-primary);box-shadow:var(--shadow-card)}
.media{aspect-ratio:16/9;height:auto;background:var(--color-secondary);border-radius:var(--radius);display:grid;place-items:center;color:var(--color-text-muted)}
article{border-top:1px solid var(--color-border);padding:calc(var(--space-unit)*2*var(--space-density)) 0}

@media (max-width:720px){
  #nav{padding:calc(var(--space-unit)*1*var(--space-density))}
  main{padding:calc(var(--space-unit)*1*var(--space-density))}
  header,section{padding:calc(var(--space-unit)*2.5*var(--space-density))}
  :root{--fs-h1:30px;--fs-h2:24px;--fs-h3:19px}
}