@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#f7f7f4;--surface:#fff;--soft:#f2f2ee;--text:#111;--muted:#686864;--line:#deded7;--ok:#246b43}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);overscroll-behavior:none;margin:0;font-family:Manrope,system-ui,sans-serif}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:0}button:focus,input:focus,textarea:focus{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:-2px;outline:2px solid #111}.app{background:var(--bg);grid-template-rows:58px 44px 1fr;height:100dvh;display:grid;overflow:hidden}.top{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex}.top b{letter-spacing:-.05em;font-size:18px}.menuBtn{text-transform:uppercase;align-items:center;gap:8px;height:42px;font-size:12px;font-weight:800;display:inline-flex}.crumbs{background:var(--surface);border-bottom:1px solid var(--line);scrollbar-width:none;height:44px;display:flex;overflow:auto hidden}.crumbs::-webkit-scrollbar{display:none}.crumbs button{white-space:nowrap;border-right:1px solid var(--line);height:44px;color:var(--muted);align-items:center;gap:5px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.layout{grid-template-rows:1fr 248px;height:calc(100dvh - 102px);display:grid;overflow:hidden}.article{background:var(--surface);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:30px 18px 96px;animation:.18s both enter;overflow:auto}@keyframes enter{0%{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:none}}.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;font-size:11px;font-weight:800}h1{letter-spacing:-.085em;margin:0 0 24px;font-size:clamp(44px,15vw,92px);line-height:.84}h2{letter-spacing:-.05em;margin:34px 0 10px;font-size:28px}.article p{max-width:820px;font-size:17px;line-height:1.68}.inlineLink{text-underline-offset:3px;padding:0;font-weight:800;text-decoration:underline;display:inline}.copyInline,.copyLink{vertical-align:baseline;color:var(--text);background:0 0;border-bottom:1px solid;align-items:center;gap:6px;margin:0 2px;padding:0 2px 2px;font-weight:800;line-height:1.1;text-decoration:none;display:inline-flex}.copyInline svg,.copyLink svg{opacity:.62;flex:none;transform:translateY(1px)}.copyInline.copied,.copyWrap.copied .copyInline,.copyWrap.copied .copyLink{color:var(--ok)}.copyWrap{vertical-align:baseline;align-items:center;gap:4px;margin:0 2px;display:inline-flex}blockquote{background:var(--soft);max-width:780px;margin:24px 0;padding:18px;font-size:17px;line-height:1.55}.callout,.formBlock,.registryBlock{background:var(--soft);gap:12px;max-width:820px;margin:24px 0;padding:18px;display:grid}.scrollPanel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;max-height:52dvh;position:relative;overflow:auto}.scrollPanel:after{content:"";height:64px;display:block}.blockHead{background:var(--soft);z-index:2;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex;position:sticky;top:0}.callout b,.blockHead b{align-items:center;gap:7px;font-size:16px;display:flex}code{color:var(--muted);overflow-wrap:anywhere;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.imageMock{max-width:820px;margin:26px 0}.imageMock div{color:#fff;background:#111;place-items:center;height:200px;display:grid}.imageMock span{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}.imageMock figcaption{color:var(--muted);margin-top:8px;font-size:12px}.formBlock textarea,.textInput{border:1px solid var(--line);resize:none;background:#fff;border-radius:0;width:100%;padding:12px}.formBlock textarea{height:132px}.formBlock button{color:#fff;background:#111;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:800;display:inline-flex}.panelList{gap:8px;display:grid}.kvItem,.timelineItem,.fileItem{background:#fff;padding:12px}.kvItem b,.timelineItem b,.fileItem b{margin-bottom:8px;font-size:12px;display:block}.kvItem pre,.rawBlock{white-space:pre-wrap;color:var(--muted);margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.timelineItem span{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.timelineItem p,.kvItem p,.fileItem p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.checkList label{background:#fff;grid-template-columns:22px 1fr;gap:10px;padding:12px;display:grid}.checkList input{margin-top:2px}.checkList p{color:var(--muted);margin:4px 0 0;font-size:13px}.fileItem{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.fileItem a{color:#fff;text-transform:uppercase;background:#111;align-items:center;gap:7px;padding:10px 12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.subnotes{background:var(--surface);border-top:1px solid var(--line);grid-template-rows:42px 1fr 48px;height:248px;display:grid}.subTop,.pager{justify-content:space-between;align-items:center;padding:0 14px;display:flex}.subTop{border-bottom:1px solid var(--line);background:var(--surface)}.subTop b{text-transform:uppercase;font-size:12px}.subTop span{color:var(--muted);font-size:12px}.subList{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;background:#fafaf7;grid-auto-columns:minmax(210px,76vw);grid-auto-flow:column;gap:1px;display:grid;position:relative;overflow:auto}.subCard{z-index:1;background:#fff;align-content:start;gap:8px;padding:15px;transition:transform .14s,background .14s;display:grid;position:relative}.subCard:active,.menuCard:active,.menuOpen:active{transform:scale(.985)}.subCard span,.menuCard span{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:800}.subCard b,.menuCard b{letter-spacing:-.045em;font-size:18px;line-height:1.05}.subCard p,.menuCard p{color:var(--muted);margin:0;font-size:13px;line-height:1.35}.subCard svg{position:absolute;bottom:14px;right:14px}.emptySub{z-index:1;background:#fff;min-width:76vw;padding:18px;position:relative}.emptySub p{color:var(--muted)}.pager{border-top:1px solid var(--line);background:var(--line);gap:1px;height:48px;padding:0}.pager button{background:var(--surface);text-transform:uppercase;flex:1;justify-content:center;align-items:center;gap:7px;height:48px;font-size:12px;font-weight:800;display:flex}.pager strong{background:var(--surface);min-width:94px;height:48px;color:var(--muted);place-items:center;font-size:12px;font-weight:800;display:grid}.pager button:disabled{color:#bbb}.scrollSafe{width:1px;min-width:1px;height:150px}.menuOverlay{z-index:40;background:var(--surface);grid-template-rows:64px 44px 160px 1fr;animation:.18s cubic-bezier(.2,.9,.2,1) both menuIn;display:grid;position:fixed;inset:0}@keyframes menuIn{0%{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:none}}.menuHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;padding-left:18px;display:flex}.menuHome{letter-spacing:-.05em;font-size:18px;font-weight:800}.closeBtn{background:var(--soft);place-items:center;width:64px;height:64px;display:grid}.menuCurrent{background:var(--soft);border-bottom:1px solid var(--line);gap:7px;padding:16px;display:grid}.menuCurrent span{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.menuCurrent b{letter-spacing:-.055em;font-size:24px}.menuCurrent p{color:var(--muted);margin:0;font-size:13px}.menuCurrent button{color:#fff;text-align:center;text-transform:uppercase;background:#111;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:800;display:inline-flex}.menuList{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:var(--line);grid-template-columns:1fr;gap:1px;display:grid;overflow:auto}.menuCard{background:var(--surface);grid-template-columns:1fr 56px;min-height:138px;display:grid}.menuCardMain{gap:8px;padding:16px;display:grid}.menuOpen{background:var(--soft);place-items:center;display:grid}.menuLeaf{background:var(--surface);padding:18px}.menuLeaf p{color:var(--muted)}.menuFooter{background:var(--line);gap:1px;margin-top:16px;display:grid}.menuFooter button{background:var(--soft);justify-content:space-between;align-items:center;padding:16px;font-weight:800;display:flex}@media (width>=860px){.layout{grid-template-rows:1fr;grid-template-columns:1fr 380px}.article{padding:56px 72px 120px}.subnotes{border-top:0;border-left:1px solid var(--line);grid-template-rows:42px 1fr 48px;height:calc(100dvh - 102px)}.subList{touch-action:pan-y;grid-auto-rows:minmax(142px,auto);grid-auto-columns:auto;grid-auto-flow:row}.emptySub{min-width:0}.menuList{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.menuOverlay{grid-template-rows:64px 44px 170px 1fr}}
