:root{color-scheme:light;--paper:#faf7ef;--panel:#fffdf8;--ink:#27211c;--muted:#63584e;--line:#ddd2c4;--accent:#963e27}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Malgun Gothic",system-ui,sans-serif;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}
a{color:var(--accent);text-underline-offset:.22em}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.site-header{border-bottom:1px solid var(--line);background:var(--panel)}
.site-bar{max-width:1040px;margin:auto;padding:12px clamp(16px,4vw,40px);display:flex;justify-content:space-between;gap:8px 16px;align-items:center;flex-wrap:wrap}
.site-bar>a{font-size:.92rem;font-weight:700;color:var(--ink)}
.language-nav{display:flex;margin-inline-start:auto;gap:4px}
.language-nav a{padding:6px 9px;font-size:.84rem;color:var(--ink);font-weight:700;text-decoration:none;border-radius:8px}
.language-nav a[aria-current="page"]{background:#eee0d4;color:#713b2d}
main{max-width:1040px;margin:auto;padding:clamp(32px,6vw,72px) clamp(16px,4vw,40px) 64px}
h1,h2{line-height:1.28;letter-spacing:-.035em}
h1{font-size:clamp(2rem,5.5vw,3.6rem);margin:0}
h2{font-size:clamp(1.25rem,3vw,1.55rem);margin:0}
.lead,.chapter-note,.breadcrumb{color:var(--muted)}
.lead{max-width:64ch;margin:18px 0 30px}
.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 34px}
.guide-card,.toc-list{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:clamp(15px,3vw,24px)}
.guide-card{color:var(--ink);text-decoration:none;border-inline-start:3px solid var(--accent)}
.guide-card:hover{background:#f6ecdf}
.guide-card strong{display:block;font-size:1.18rem;margin-bottom:5px}
.guide-card span{display:block;color:var(--muted)}
.toc-list ul{padding-inline-start:clamp(16px,3vw,25px);margin:5px 0}
.toc-list li{padding:3px 0}
.toc-list a{display:inline-block}
.toc-chapter{border-top:1px solid var(--line);margin-top:10px}
summary{cursor:pointer}
summary::marker{color:var(--accent)}
.toc-chapter>summary{font-weight:700;padding:10px 0}
.toc-chapter-body{padding:0 0 7px clamp(8px,2vw,19px)}
.subtopics>summary{color:var(--muted);font-size:.85rem}
.chapter-note{margin:6px 0 12px}
.topic-title{font-size:clamp(1.8rem,4.3vw,2.8rem);max-width:27ch}
.update-note{display:inline-block;margin:22px 0 8px;padding:7px 13px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-weight:700}
@media(max-width:570px){.guide-cards{grid-template-columns:1fr}}