.note-top,.note,.note-foot{max-width:calc(70ch + var(--gutter-l) + var(--gutter-r));padding-left:var(--gutter-l);padding-right:var(--gutter-r);margin-inline:auto}.note-top{letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;font-size:15px;font-weight:500;display:flex}.note-top a,.note-foot a{align-items:center;min-height:44px;display:inline-flex}.note-top .note-lang{border:1px solid var(--line);min-width:44px;height:44px;font:500 12px var(--f-mono);letter-spacing:.08em;flex:none;justify-content:center;padding:0 10px}.note-top .note-lang:hover{border-color:var(--line-strong)}.note-foot{padding-block:16px 64px;font-size:15px;font-weight:500}.note-foot a{border-bottom:1px solid var(--line-strong)}.note{overflow-wrap:break-word;padding-block:24px 32px}.note h1,.note h2,.note h3,.note h4{letter-spacing:-.035em;scroll-margin-top:24px;font-weight:600;line-height:1.15}.note h1{letter-spacing:-.05em;margin:24px 0 12px;font-size:clamp(34px,6vw,56px);line-height:1.02}.note h2{letter-spacing:-.04em;margin:56px 0 12px;font-size:clamp(24px,3vw,32px);line-height:1.1}.note h3{margin:40px 0 8px;font-size:21px}.note h4{letter-spacing:-.015em;margin:32px 0 8px;font-size:17px}.note p,.note ul,.note ol,.note blockquote,.note pre,.note .table-wrap,.note .diagram{margin:0 0 20px}.note ul,.note ol{padding-left:1.4em}.note li+li{margin-top:6px}.note li>ul,.note li>ol{margin:6px 0 0}.note hr{border:0;border-top:1px solid var(--line);margin:48px 0}.note .note-date{font-family:var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:40px;font-size:13px}.note a{-webkit-text-decoration:underline 1px var(--line-strong);text-decoration:underline 1px var(--line-strong);text-underline-offset:3px;transition:text-decoration-color .2s}.note a:hover{text-decoration-color:currentColor}.note .toc{margin:0 0 40px}.note .toc details{border:1px solid var(--line)}.note .toc summary{font-family:var(--f-mono);color:var(--muted);cursor:pointer;padding:10px 14px;font-size:13px}.note .toc ol{color:var(--muted);margin:0;padding:0 14px 14px 2.4em;font-size:15px;line-height:1.4}.note .toc a{color:var(--fg);text-decoration-line:none}.note .toc a:hover{text-decoration-line:underline}@media (width>=1280px){.note .toc{width:184px;max-height:calc(100vh - 80px);margin:0;position:fixed;top:40px;right:calc(50% + 35ch + 32px);overflow-y:auto}.note .toc details{border:0}.note .toc summary{padding:0 0 8px}.note .toc ol{padding:0 0 0 1.8em;font-size:14px}.note .toc a{color:var(--muted)}.note .toc a:hover{color:var(--fg)}}.note code{font-family:var(--f-mono);background:var(--panel);border:1px solid var(--line);padding:.1em .35em;font-size:.84em}.note pre{background:var(--panel);border:1px solid var(--line);padding:16px;font-size:14px;line-height:1.55;overflow-x:auto}.note pre code{font-size:inherit;background:0 0;border:0;padding:0}.note blockquote{border-left:2px solid var(--sun-1);padding-left:16px}.note blockquote>:last-child{margin-bottom:0}.note .table-wrap{overflow-x:auto}.note table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.45}.note th,.note td{border:1px solid var(--line);vertical-align:top;padding:8px 12px}.note th{font-family:var(--f-mono);letter-spacing:.01em;color:var(--muted);font-size:12px;font-weight:500}.note th:not([align]){text-align:start}.note .diagram{text-align:center;overflow-x:auto}.note .diagram svg{max-width:100%;height:auto}