/* 루리 위키(docs 스타일) — 2026-10-23. 왼쪽 글 목록 · 가운데 본문 · 오른쪽 「이 페이지에서」 */
main.w.wk{max-width:1280px;width:100%}
.wk-grid{display:grid;grid-template-columns:268px minmax(0,1fr) 216px;gap:32px;align-items:start}
.wk-side{position:sticky;top:78px;max-height:calc(100vh - 96px);overflow:auto;padding-right:4px;scrollbar-width:thin}
.wk-toggle{display:none}
.wk-nav{display:block}
.wk-home{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;color:var(--tx,#111);text-decoration:none;margin:0 0 10px}
.wk-q,.wk-hq{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--bd,#e5e7eb);border-radius:12px;font:inherit;font-size:15px;background:var(--card,#fff);color:var(--tx,#111)}
.wk-q{margin-bottom:10px}
.wk-g{margin:2px 0;border-radius:10px}
.wk-g>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-weight:800;font-size:14px;border-radius:10px;color:var(--tx,#111)}
.wk-g>summary::-webkit-details-marker{display:none}
.wk-g>summary small{color:var(--mu,#6b7280);font-weight:700;font-size:12px}
.wk-g[open]>summary{background:color-mix(in srgb,var(--pri,#6d28d9) 8%,transparent)}
.wk-g ul{list-style:none;margin:4px 0 8px;padding:0 0 0 8px;border-left:2px solid var(--bd,#e5e7eb)}
.wk-g li a{display:block;padding:6px 10px;font-size:14px;line-height:1.4;color:var(--mu,#6b7280);text-decoration:none;border-radius:8px;margin-left:-2px;border-left:2px solid transparent}
.wk-g li a:hover{color:var(--tx,#111);background:color-mix(in srgb,var(--pri,#6d28d9) 6%,transparent)}
.wk-g li a.on{color:var(--pri,#6d28d9);font-weight:800;border-left-color:var(--pri,#6d28d9);background:color-mix(in srgb,var(--pri,#6d28d9) 9%,transparent)}
.wk-art{min-width:0}
.wk-top{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--mu,#6b7280);margin:0 0 6px}
.wk-top a{color:var(--pri,#6d28d9);text-decoration:none}
.wk-toc{position:sticky;top:78px;max-height:calc(100vh - 96px);overflow:auto;font-size:13.5px}
.wk-toc nav{border-left:2px solid var(--bd,#e5e7eb);padding-left:14px}
.wk-toc b{display:block;margin-bottom:8px;font-size:12.5px;letter-spacing:.03em;color:var(--mu,#6b7280)}
.wk-toc a{display:block;padding:5px 0;color:var(--mu,#6b7280);text-decoration:none;line-height:1.4}
.wk-toc a:hover{color:var(--tx,#111)}
.wk-toc a.on{color:var(--pri,#6d28d9);font-weight:800}
.wk-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:34px 0 8px}
.wk-pn a{display:block;padding:14px 16px;border:1px solid var(--bd,#e5e7eb);border-radius:14px;background:var(--card,#fff);color:var(--tx,#111);text-decoration:none;font-weight:700;line-height:1.4}
.wk-pn a small{display:block;color:var(--mu,#6b7280);font-weight:600;font-size:12px;margin-bottom:3px}
.wk-pn .nx{text-align:right}
.wk-pn a:hover{border-color:var(--pri,#6d28d9)}
/* 본문 안의 칩 목차는 오른쪽 목차가 보일 때 숨김 */
@media (min-width:1100px){.wk .g-toc{display:none}}
/* 허브 */
.wk-hero{margin:8px 0 22px}
.wk-hero h1{font-size:clamp(28px,5vw,40px);margin:4px 0 8px}
.wk-hero p{color:var(--mu,#6b7280);margin:0 0 14px;line-height:1.7;max-width:720px}
.wk-hq{max-width:560px;padding:13px 16px;font-size:16px;border-radius:14px}
.wk-res{max-width:560px;margin-top:6px}
.wk-res a{display:block;padding:9px 12px;border:1px solid var(--bd,#e5e7eb);border-radius:10px;margin:6px 0;background:var(--card,#fff);color:var(--tx,#111);text-decoration:none}
.wk-res a small{display:block;color:var(--mu,#6b7280)}
.wk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.wk-chips a{padding:7px 13px;border:1px solid var(--bd,#e5e7eb);border-radius:999px;background:var(--card,#fff);color:var(--tx,#111);text-decoration:none;font-weight:700;font-size:14px}
.wk-chips a small{color:var(--mu,#6b7280)}
.wk-start h2,.wk-card h2{font-size:20px;margin:26px 0 12px}
.wk-card h2 small{color:var(--mu,#6b7280);font-weight:700;font-size:14px}
.wk-sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.wk-sgrid a{display:block;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--pri,#6d28d9) 8%,var(--card,#fff));border:1px solid color-mix(in srgb,var(--pri,#6d28d9) 22%,transparent);color:var(--tx,#111);text-decoration:none}
.wk-sgrid b{display:block;margin-bottom:4px}.wk-sgrid span{font-size:13px;color:var(--mu,#6b7280);line-height:1.5}
.wk-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.wk-list a{display:block;height:100%;box-sizing:border-box;padding:13px 15px;border:1px solid var(--bd,#e5e7eb);border-radius:14px;background:var(--card,#fff);color:var(--tx,#111);text-decoration:none}
.wk-list a:hover{border-color:var(--pri,#6d28d9)}
.wk-list b{display:block;font-size:15px;line-height:1.4;margin-bottom:4px}.wk-list span{display:block;font-size:13px;color:var(--mu,#6b7280);line-height:1.5}
/* 좁은 화면: 오른쪽 목차 숨김, 왼쪽 목록은 접기 */
@media (max-width:1099px){.wk-grid{grid-template-columns:240px minmax(0,1fr);gap:24px}.wk-toc{display:none}}
@media (max-width:820px){
 .wk-grid{display:block}
 .wk-side{position:static;max-height:none;overflow:visible;margin:0 0 12px}
 .wk-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border:1px solid var(--bd,#e5e7eb);border-radius:12px;background:var(--card,#fff);font:inherit;font-weight:800;color:var(--tx,#111)}
 .wk-nav{display:none;margin-top:10px;padding:12px;border:1px solid var(--bd,#e5e7eb);border-radius:14px;background:var(--card,#fff);max-height:60vh;overflow:auto}
 .wk-side.open .wk-nav{display:block}
 .wk-pn{grid-template-columns:1fr}
}
@media print{.wk-side,.wk-toc,.wk-pn{display:none}.wk-grid{display:block}}