:root{--rail:21.25rem;--code:#fbfffa}body{font-size:18px;line-height:1.62}body.drawer-open{overflow:hidden}.skip{z-index:100;background:var(--ink);color:var(--paper);font-family:var(--mono);padding:.55rem .75rem;font-size:.7rem;text-decoration:none;position:fixed;top:.6rem;left:.6rem;transform:translateY(-180%)}.skip:focus{transform:none}.contents{z-index:20;width:var(--rail);background:var(--canvas);border-right:1px solid var(--line);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.rail-identity{z-index:21;background:var(--canvas);flex:none;padding:3.1rem 2.45rem 2.1rem;position:static}.contents>nav{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;flex:auto;min-height:0;padding:1rem 2.45rem 7rem;overflow-y:auto}.contents-group{margin:0}.contents-group ol{margin:0;padding:0;list-style:none}.contents-group>ol{padding-left:.65rem}.contents-group ol ol{margin-top:.12rem;padding-left:.75rem}.contents-group li{padding:.17rem 0;font-size:.86rem;line-height:1.55}.contents-group ol ol>li{color:#565954;font-size:.82rem}.contents-group ol ol ol>li{color:#71736e;font-size:.78rem}.contents-group a{transform-origin:0;text-decoration:none;transition:transform .12s;display:inline-block}.contents-group a:hover,.contents-group a:focus-visible{color:var(--accent);outline:none;transform:scale(1.04)}.contents-group li.active>a{text-underline-offset:.35em;text-decoration:underline 1px}.reader{min-height:100vh;margin-left:var(--rail);padding:2.75rem clamp(3rem,5vw,6.5rem) 8rem;position:relative}.flower-decoration.article-flower{opacity:.72;position:absolute}.toolbar-button{cursor:pointer;min-width:2rem;height:2rem;font-family:var(--mono);background:0 0;border:1px solid #0000;place-items:center;padding:0 .45rem;font-size:.7rem;display:grid}.toolbar-button:hover,.toolbar-button:focus-visible{border-color:var(--line);outline:none}.menu-button{display:none}.paper{background:var(--paper);border:1px solid var(--line);width:min(100%,70rem);min-height:100vh;margin:0 auto;box-shadow:0 2px 7px #14141209}.article-head{z-index:11;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;min-height:24rem;padding:4rem 2rem 3rem;display:flex;position:relative}.meta,.code-filename,.copy-button{font-family:var(--mono);letter-spacing:.035em;text-transform:uppercase;font-size:.63rem;line-height:1.5}.meta{margin:0 0 2rem}.article-head h1{max-width:48rem;font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(2.8rem,5vw,4.3rem);font-weight:400;line-height:1}.subtitle{color:#4b4944;max-width:43rem;margin:1rem auto 0;font-size:1.06rem;line-height:1.45}.ornament{font-family:var(--mono);letter-spacing:-.12em;margin-top:2.3rem;font-size:.7rem}.article-body{width:min(100% - 3rem,42rem);margin:0 auto;padding:1.8rem 0 10rem}.article-body>p{margin:0 0 1.45rem}.article-body>p:first-child{font-size:1.18rem;line-height:1.65}.article-body h1{letter-spacing:-.035em;margin:4.4rem 0 1.2rem;font-size:2.35rem;font-weight:400;line-height:1.1}.article-body h2{letter-spacing:-.028em;margin:3.5rem 0 1.1rem;font-size:1.85rem;font-weight:400;line-height:1.15}.article-body h3{letter-spacing:-.018em;margin:2.7rem 0 .9rem;font-size:1.35rem;font-weight:500;line-height:1.22}.article-body ul,.article-body ol{margin:0 0 1.5rem;padding-left:1.25rem}.article-body li{margin-bottom:.45rem;padding-left:.2rem}.article-body blockquote{border-left:2px solid var(--accent);color:var(--muted);font-family:var(--mono);margin:3rem -6rem 3rem 0;padding:1rem 0 1rem 1.2rem;font-size:.73rem;line-height:1.65}.article-body blockquote p{margin:0}.article-body :not(pre)>code{border:1px solid var(--line);background:var(--code);font-family:var(--mono);white-space:nowrap;border-radius:2px;padding:.08em .32em .12em;font-size:.78em}.article-body img{max-width:100%;height:auto;margin:2.5rem auto;display:block}.article-body a{text-underline-offset:.15em;text-decoration-thickness:1px}.code-frame{border:1px solid var(--line);background:var(--code);width:auto;margin:2.4rem -4.3rem 2.7rem;overflow:hidden;box-shadow:0 1px 2px #191a1806}.code-head{background:var(--code);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:2.55rem;padding:.5rem .65rem .5rem 1rem;display:flex}.code-filename{color:#555753;text-overflow:ellipsis;text-transform:none;white-space:nowrap;overflow:hidden}.copy-button{background:var(--paper);min-width:4.25rem;min-height:1.65rem;color:var(--ink);cursor:pointer;border:1px solid #cfd0cd;flex:none;padding:.25rem .55rem;font-size:.58rem}.copy-button:hover,.copy-button:focus-visible{border-color:var(--ink);outline:none}.copy-button[data-state=copied]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.code-frame pre{tab-size:2;white-space:pre;scrollbar-width:thin;max-width:100%;font-size:.75rem;line-height:1.68;overflow-x:auto;background:var(--code)!important;font-family:var(--mono)!important;margin:0!important;padding:1.35rem 1.45rem 1.5rem!important}.code-frame code{font:inherit}.copy-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.scrim{display:none}@media (width<=1250px){:root{--rail:18rem}.reader{padding-inline:3rem}.rail-identity,.contents>nav{padding-inline:2rem}.article-body blockquote{margin-right:0}.code-frame{margin-inline:-2rem}}@media (width<=900px){:root{--rail:min(20rem, 88vw)}.contents{transition:transform .22s;transform:translate(-101%);box-shadow:10px 0 35px #0000001f}.contents.open{transform:translate(0)}.rail-identity{padding:2.5rem 2rem 1.75rem}.contents>nav{padding:.5rem 2rem 4rem}.reader{margin-left:0;padding:1.25rem 2rem 5rem}.menu-button{z-index:18;background:var(--paper);border-color:var(--line);display:grid;position:fixed;top:1rem;left:1rem}.scrim{z-index:19;background:#00000038;border:0;position:fixed;inset:0}.scrim.visible{display:block}}@media (width<=650px){.reader{padding-inline:.75rem}.article-head{min-height:24rem;padding:4rem 1.25rem 3rem}.article-head h1{font-size:2.8rem}.subtitle{font-size:.95rem}.article-body{width:min(100% - 2rem,42rem)}.article-body h1{font-size:2rem}.article-body h2{font-size:1.65rem}.article-body h3{font-size:1.25rem}.code-frame{margin-inline:0}.code-frame pre{font-size:.7rem;padding-inline:1rem!important}}@media print{.contents,.menu-button,.copy-button{display:none!important}.reader{margin:0;padding:0}.paper{box-shadow:none;border:0}.code-frame{break-inside:avoid;margin-inline:0}}