/* 칼럼 2단 — 본문 + 칼럼 목차. columns.py 가 쓴다(손으로 고치지 않는다). 토큰은 guide.css */
.wrap.col-wide{max-width:1160px}
.col-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.col-main{min-width:0;max-width:780px}
.col-side{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow-y:auto;padding-top:22px;scrollbar-width:thin}
.col-side-h{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);
  margin:0;padding-bottom:10px;border-bottom:1px solid var(--line)}
.col-side-h b{color:var(--point);font-weight:600;margin-left:6px}
.col-toc{list-style:none;margin:0;padding:0}
.col-toc li{border-bottom:1px solid var(--line)}
.col-toc a{display:block;padding:12px 0;color:var(--text-light);font-size:14px;line-height:1.45}
.col-toc a:hover{color:var(--text-white);text-decoration:none}
.col-toc .d{display:block;font-size:13px;color:var(--text-mute);margin-bottom:2px}
.col-toc li.on a{color:var(--point-light)}
.col-topics{list-style:none;margin:0;padding:0}
.col-topics li{border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}
.col-topics b{display:block;color:var(--text-white);font-weight:600}
.col-topics .d{display:block;font-size:13px;color:var(--text-mute)}
.col-side-more{display:inline-block;margin:12px 0 0;font-size:13px}
.col-side p{font-size:14px;color:var(--text-mute);margin:14px 0 0}
.col-side .col-side-h + p{margin-top:12px}
.col-side-h.gap{margin-top:36px}
.col-list{list-style:none;margin:8px 0 0;padding:0}
.col-list li{border-bottom:1px solid var(--line)}
.col-list a{display:block;padding:22px 0;color:var(--text-light)}
.col-list a:hover{text-decoration:none}
.col-list a:hover b{color:var(--point-light)}
.col-list .d{display:block;font-size:13px;color:var(--text-mute);margin-bottom:4px}
.col-list b{display:block;font-family:'Oswald',sans-serif;font-weight:600;font-size:18px;color:var(--text-white);line-height:1.35;margin-bottom:6px}
.col-list .s{display:block;font-size:14px;color:var(--text-mute)}
@media (max-width:960px){
  .col-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .col-main{max-width:none}
  .col-side{position:static;max-height:none;overflow:visible;margin-top:48px;padding-top:0}
}