/* 레이아웃 토큰 — 본문 틀 폭 · 여백 · 칸 · 간격 */
:root {
  --wrap-max-deba36: 1080px;
  --wrap-pad-deba36: 40px 24px 0;
  --wrap-col-deba36: minmax(0, 1fr) 300px;
  --wrap-gap-deba36: 44px;
}
@media (max-width: 920px) {
  :root { --wrap-col-deba36: minmax(0, 1fr); --wrap-gap-deba36: 32px; }
}
@media (max-width: 560px) {
  :root { --wrap-pad-deba36: 28px 16px 0; }
}