:root{color-scheme:light dark;--bg:#fff;--paper:#fff;--text:#1d1d1f;--muted:#636366;--line:#d1d1d6;--accent:#007aff;--note:#f2f2f7}*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Hiragino Sans","Yu Gothic UI","Segoe UI","Malgun Gothic",sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px max(24px,calc((100% - 1240px)/2));border-bottom:1px solid var(--line);background:var(--paper)}a{color:var(--accent);text-underline-offset:3px}.brand{color:var(--text);font-size:14px;letter-spacing:-.025em;font-weight:650;text-decoration:none}header nav{display:flex;gap:20px}.layout{display:grid;grid-template-columns:210px minmax(0,870px);gap:44px;max-width:1180px;margin:42px auto;padding:0 24px}.contents{align-self:start;position:sticky;top:28px;font-size:13px;line-height:1.55;max-height:calc(100vh - 56px);overflow:auto}.contents span{display:block;color:var(--muted);font-size:11px;letter-spacing:.1em;margin-bottom:12px}.contents a{display:block;padding:7px 0;color:var(--muted);text-decoration:none}.contents a:hover{color:var(--accent)}main{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:38px 44px}h1,h2,h3{line-height:1.3;letter-spacing:-.025em}h1{font-size:34px;margin:0 0 18px}h2{font-size:25px;margin:48px 0 18px;padding-top:28px;border-top:1px solid var(--line)}h3{font-size:19px;margin:30px 0 12px}p,ul,ol{margin:14px 0}li{padding-left:4px;margin:8px 0}code{font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;background:var(--bg);padding:2px 5px;border-radius:4px}pre{background:var(--bg);border:1px solid var(--line);padding:18px;overflow-x:auto;border-radius:8px}pre code{padding:0;white-space:pre}.note{border-left:3px solid var(--accent);background:var(--note);padding:16px 20px;margin:24px 0;border-radius:0 8px 8px 0}figure{margin:24px 0 10px}img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:9px}figure+p:has(em:only-child){color:var(--muted);font-size:13px;margin-top:6px}.table{overflow-x:auto;margin:22px 0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--bg);font-weight:650}footer{max-width:1180px;margin:20px auto 40px;padding:0 24px;color:var(--muted);font-size:12px}@media(max-width:800px){.layout{display:block;margin:22px auto;padding:0 16px}.contents{position:static;max-height:none;display:flex;gap:6px 16px;flex-wrap:wrap;margin:0 0 22px}.contents span{width:100%;margin:0}.contents a{padding:3px 0}main{padding:25px 22px}h1{font-size:28px}h2{font-size:23px}header{padding:18px 20px}.brand{font-size:12px}}@media(prefers-color-scheme:dark){:root{--bg:#000;--paper:#000;--text:#f2f2f2;--muted:#b8b8b4;--line:#363636;--accent:#0a84ff;--note:#202020}}@media print{header,.contents,footer{display:none}body{background:#fff;color:#111}.layout{display:block;margin:0;padding:0}main{border:0;padding:0}h2{break-after:avoid}img,table,pre{break-inside:avoid}a{color:inherit}main{background:#fff}}