/* p04.css — 노후휴게소철거 · 브라운 · 사이드 스티키 목차+본문 아키타입 */
:root{
  --accent:#7A4321;
  --sub:#B9A188;
  --bg:#FAF5EF;
  --surface:#FFFFFF;
  --line:#E9DFD2;
  --display-font:'Gowun Batang',var(--font-fallback);
  --body-font:'Gowun Dodum',var(--font-fallback);
  --label-font:'Lora',var(--font-fallback);
}
.hero-eyebrow{font-family:var(--label-font);}

/* 사이드 스티키 목차 + 본문 */
.toc-layout{display:block;}
.toc-side{margin-bottom:28px;}
.toc-title{font-weight:700;font-size:.85rem;letter-spacing:.06em;color:var(--accent);text-transform:uppercase;margin-bottom:10px;}
.toc-side ul{display:flex;flex-wrap:wrap;gap:8px;}
.toc-side a{display:inline-block;padding:7px 14px;border:1px solid var(--line);border-radius:20px;font-size:.86rem;color:#3c434a;}
.toc-side a:hover{background:var(--accent);color:#fff;border-color:var(--accent);}

@media (min-width:900px){
  .toc-layout{display:grid;grid-template-columns:200px 1fr;gap:44px;align-items:start;}
  .toc-side{position:sticky;top:88px;margin-bottom:0;}
  .toc-side ul{flex-direction:column;gap:4px;}
  .toc-side a{border:none;border-radius:0;padding:8px 0;border-left:2px solid var(--line);padding-left:14px;}
  .toc-side a:hover{background:none;color:var(--accent);border-left-color:var(--accent);}
}