/* docs.superplace.so 공용 모양 — 쪽마다 같은 것을 쓴다. */
:root { --ink:#191919; --sub:#6b6b6b; --line:#e3e0da; --accent:#b5451b; --bg:#fdfcfa; --code:#f2efe9; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:15px/1.75 -apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif; }
.wrap { display:flex; max-width:1180px; margin:0 auto; }
nav { width:230px; flex:none; padding:36px 20px; border-right:1px solid var(--line); position:sticky; top:0; height:100vh; overflow-y:auto; }
nav .brand { font-weight:700; font-size:17px; margin-bottom:6px; }
nav .brand span { color:var(--accent); }
nav .ver { font-size:12px; color:var(--sub); margin-bottom:20px; }
nav a { display:block; color:var(--ink); text-decoration:none; font-size:13.5px; padding:4px 8px; border-radius:5px; }
nav a:hover { background:var(--code); }
nav .grp { font-size:11.5px; color:var(--sub); margin:16px 0 4px; }
main { flex:1; min-width:0; padding:40px 40px 120px; }
h1 { font-size:26px; line-height:1.3; margin:0 0 8px; }
h2 { font-size:19px; margin-top:52px; padding-bottom:8px; border-bottom:2px solid var(--accent); }
h3 { font-size:15.5px; margin-top:26px; }
p, li { max-width:74ch; }
ol, ul { padding-left:22px; }
figure { margin:18px 0; max-width:820px; }
figure.phone { max-width:340px; }
figure img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:8px; }
figcaption { font-size:12.5px; color:var(--sub); margin-top:6px; }
.shots { display:flex; flex-wrap:wrap; gap:0 24px; }
.btn { display:inline-block; margin:6px 8px 0 0; padding:9px 16px; border:1px solid var(--line); border-radius:6px; text-decoration:none; color:var(--ink); background:#fff; font-size:14px; }
.btn.primary { background:var(--accent); border-color:var(--accent); color:#fff; font-weight:600; }
.note { border-left:3px solid var(--accent); background:var(--code); padding:10px 14px; border-radius:0 6px 6px 0; max-width:74ch; }
code { background:var(--code); padding:1px 5px; border-radius:4px; font-size:13.5px; }
@media (max-width: 860px) { .wrap { flex-direction:column; } nav { position:static; width:auto; height:auto; border-right:none; border-bottom:1px solid var(--line); } main { padding:24px 18px 80px; } }
@media print { body { background:#fff; } nav, .btn { display:none; } .wrap { display:block; } main { padding:0; } h2 { break-after:avoid; } figure { break-inside:avoid; } figure.phone { max-width:62mm; } }