:root{--ink:#000;--ghost:#b4b4b5;--accent:#ed1944;--paper:#fff;--muted:#6b6b70;--grid:#f0f0f1;--hair:1px;--font-zh:"Helvetica Neue", Helvetica, "PingFang SC", "Heiti SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-en:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--display:clamp(56px, 6vw, 96px);--numeral:min(clamp(120px, 14vw, 200px), 18vh);--space-section:20px;--space-block:8px;--space-label:8px;--w-new:1.5px;--w-installed:.75px;--w-aux:1px;--w-icon:1.25px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-en);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}html[lang=zh-Hans] body{font-family:var(--font-zh)}p,h1,h2,h3,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{color:var(--ghost);cursor:default}:focus-visible{outline:var(--hair) solid var(--accent);outline-offset:3px}.label{font-size:11px;line-height:1.4}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.wordmark{white-space:nowrap;flex:none;font-size:11px}.topbar-brand .brand-lily{flex:none;width:auto;height:14px}.hair{border:0;border-top:var(--hair) solid var(--ink);height:0;margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loading{padding:32px}.app{--screen-height:calc(100dvh - 48px);grid-template-rows:48px auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.topbar{border-bottom:var(--hair) solid var(--ink);justify-content:space-between;align-items:center;gap:24px;padding:0 32px;display:flex}.topbar-brand{align-items:center;gap:16px;min-width:0;display:flex}.topbar-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.topbar-controls{flex:none;align-items:center;gap:16px;display:flex}.segmented{border:var(--hair) solid var(--ink);height:28px;display:flex}.segmented button{white-space:nowrap;padding:0 12px;font-size:11px}.segmented button+button{border-left:var(--hair) solid var(--ink)}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.body-row{grid-template-columns:minmax(0,1fr) 40px;min-height:0;display:grid}.scroller{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;position:relative;overflow-y:auto}.scroller::-webkit-scrollbar{display:none}.screen-slot{content-visibility:auto;contain-intrinsic-size:auto var(--screen-height);scroll-snap-align:start;scroll-snap-stop:always;height:100%}.screen{background:var(--paper);height:100%;position:relative}.screen.page{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:24px 32px;display:grid;overflow:hidden}.scene-cell{grid-column:1/span 8;min-width:0;min-height:0;display:flex}.text-col{flex-direction:column;grid-column:9/-1;min-width:0;min-height:0;display:flex}.text-scroll-wrap{flex:auto;min-height:0;display:flex;position:relative}.text-scroll{scrollbar-width:thin;gap:var(--space-section);flex-direction:column;flex:auto;width:100%;min-height:0;padding-bottom:8px;padding-right:8px;display:flex;overflow:hidden auto}.page-head{gap:var(--space-block);flex-direction:column;display:flex}.page-number{font-family:var(--font-en);font-size:var(--numeral);letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1px var(--ink);-webkit-user-select:none;user-select:none;align-items:flex-start;margin:0;line-height:.78;display:flex}.page-number-digits{display:block}.page-number-branch{color:var(--accent);-webkit-text-stroke:0;font-size:.5em;line-height:1}.chapter-tag{color:var(--muted);gap:.75em;margin:0;display:flex}.chapter-tag:lang(zh){gap:1em}.metadata-item+.metadata-item{margin-inline-start:.75em}.metadata-item:lang(zh)+.metadata-item{margin-inline-start:1em}.page-title{letter-spacing:-.01em;font-size:32px;font-weight:500;line-height:1.15}.branch-switch{align-items:center;gap:var(--space-label);flex-wrap:wrap;display:flex}.branch-switch>.label{color:var(--muted)}.branch-switch button[aria-pressed=false]:hover{background:var(--grid)}.text-body,.text-rest{gap:var(--space-section);flex-direction:column;display:flex}.block{gap:var(--space-label);flex-direction:column;display:flex}.section-label{color:var(--muted);margin:0}.text-foot{flex:none;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.text-fade{background:linear-gradient(to top, var(--paper), transparent);opacity:0;height:24px;transition:opacity .16s var(--ease-out);pointer-events:none;position:absolute;bottom:0;left:0;right:8px}.text-fade[data-visible=true]{opacity:1}.scene-frame{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.scene-stage{background-color:var(--paper);background-image:repeating-linear-gradient(to right, var(--grid) 0 1px, transparent 1px 24px), repeating-linear-gradient(to bottom, var(--grid) 0 1px, transparent 1px 24px);flex:auto;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.scene-canvas{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;container-type:size}.scene-stage[data-variant=list] .scene-canvas{width:100%;container-type:normal}.panel-stack{width:100%;padding:12px}.scene{--u:1px;aspect-ratio:516/442;flex:none;width:min(100cqw,116.742cqh);margin:0;position:relative}.scene-art,.scene-art svg{width:100%;height:100%;display:block}.scene-art{position:absolute;inset:0}.scene-art svg{overflow:hidden}.scene-label{font-size:max(11px, calc(var(--u) * var(--size)));white-space:nowrap;color:var(--ink);pointer-events:none;line-height:1.15;position:absolute;transform:translateY(-.8em)}.scene-art{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%),linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%),linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.scene-label.anchor-middle{transform:translate(-50%,-.8em)}.scene-label.anchor-end{transform:translate(-100%,-.8em)}.scene-captions{flex-direction:column;gap:3px;display:flex}.scene-caption{color:var(--ink);margin:0;font-size:13px;line-height:1.35}.crop{border:var(--hair) solid var(--ghost);width:14px;height:14px;position:absolute}.crop-tl{border-bottom:0;border-right:0;top:0;left:0}.crop-tr{border-bottom:0;border-left:0;top:0;right:0}.crop-bl{border-top:0;border-right:0;bottom:0;left:0}.crop-br{border-top:0;border-left:0;bottom:0;right:0}.parts-cards{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.part-card{align-items:center;gap:var(--space-block);padding:var(--space-block) 0;border-bottom:var(--hair) solid var(--grid);display:flex}.part-card:first-child{border-top:var(--hair) solid var(--grid)}.part-icon{flex:none;width:56px;height:56px}.block-tools{align-items:center;gap:var(--space-block);padding:var(--space-block) 0;border-bottom:var(--hair) solid var(--grid);grid-template-columns:56px 1fr;margin:0;display:grid}.block-tools .section-label{grid-column:1/-1}.tool-art{width:56px;height:56px}.inline-art{object-fit:contain;min-width:0;min-height:0;display:block}.part-text{flex-direction:column;flex:auto;min-width:0;display:flex}.part-name{font-size:15px;line-height:1.35}.part-note{color:var(--muted);font-size:13px;line-height:1.4}.parts-sheet{width:100%;height:100%;display:flex}.parts-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:24px;width:100%;height:100%;margin:0;padding:0;list-style:none;display:grid}.part-cell{justify-content:center;align-items:center;gap:var(--space-label);text-align:center;flex-direction:column;min-width:0;min-height:0;display:flex}.part-cell-art{justify-content:center;align-items:center;width:100%;height:120px;min-height:0;max-height:100%;display:flex}.part-cell-art .part-icon{width:120px;height:100%;max-height:120px}.part-cell-line{justify-content:center;align-items:baseline;gap:var(--space-label);min-width:0;display:flex}.part-cell-notes{flex-direction:column;display:flex}.steps{gap:var(--space-block);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step{gap:12px;display:flex}.step-index{color:var(--accent);flex:none;font-size:13px;line-height:1.6}.step-body{flex-direction:column;min-width:0;display:flex}.step-body p{font-size:15px;line-height:1.6}.tips{gap:var(--space-label);border-left:2px solid var(--accent);flex-direction:column;padding-left:12px;display:flex}.tips.caution{border-left-color:var(--ink)}.tips h2{color:var(--muted)}.tips p{font-size:15px;line-height:1.6}.blocks{gap:var(--space-section);flex-direction:column;display:flex}.block-table,.block-lines,.block-panels,.block-sequence{gap:var(--space-label);flex-direction:column;display:flex}.kv{column-gap:var(--space-block);row-gap:var(--space-block);grid-template-columns:fit-content(30%) minmax(0,1fr);margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:grid}.kv-row{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;display:grid}.kv-key{min-width:3ch;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted)}.kv-value{font-variant-numeric:tabular-nums;min-width:0}.block-subtitle,.block-note{color:var(--muted);font-size:13px;line-height:1.5}.block-footnote{color:var(--muted);font-size:11px;line-height:1.5}.block-panels{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.block-panels figure{flex-direction:column;gap:6px;display:flex}.panel-art{border:var(--hair) solid var(--grid);box-sizing:border-box;width:100%;padding:8px;display:block;position:relative}.panel-art .block-art{width:100%;height:auto;display:block}.panel-art [data-for]{stroke-width:3.5px}.panel-mark{color:var(--ink);pointer-events:none;font-size:11px;line-height:1;position:absolute;transform:translate(3px,-.6em)}.block-panels figcaption{flex-direction:column;gap:2px;font-size:13px;line-height:1.4;display:flex}.block-panels figcaption strong{font-weight:400}.block-panels figcaption span{color:var(--muted)}.block-sequence{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;list-style:none;display:grid}.block-sequence li{grid-row:span 2;grid-template-rows:subgrid;row-gap:var(--space-label);display:grid}.block-sequence .block-art{align-self:center;width:100%;height:auto}.block-sequence span{font-size:11px;line-height:1.4;display:block}.key-hint{gap:4px;margin-left:auto;display:flex}.key{border:var(--hair) solid var(--ghost);width:24px;height:24px;color:var(--muted);font-size:11px;line-height:1;position:relative}.key:after{content:"";position:absolute;inset:-12px}.key:hover{border-color:var(--ink);color:var(--ink)}.progress-bar{height:20px;padding:0 16px;display:none;position:relative}@media (width<=699px){.progress-bar{height:44px}.progress-tick{height:100%}}.progress-track{height:var(--hair);background:var(--ghost);position:absolute;top:50%;left:16px;right:16px}.progress-fill{height:var(--hair);background:var(--accent);position:absolute;top:0;left:0}.progress-ticks{display:flex;position:absolute;inset:0 16px}.progress-tick{flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:100%;display:flex;position:relative}.progress-tick:before{content:"";width:var(--hair);background:var(--ink);height:5px}.progress-tick[data-chapter=true]:before{height:9px}.progress-tick[data-current=true]:before{background:var(--accent);width:2px;height:11px}.screen.chapter{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:24px 32px;display:grid;overflow:hidden}.chapter-text{justify-content:safe center;gap:var(--space-section);flex-direction:column;grid-column:1/span 5;min-width:0;min-height:0;display:flex;overflow-y:auto}.chapter-head{gap:var(--space-block);flex-direction:column;display:flex}.chapter-name{font-size:var(--display);letter-spacing:-.01em;font-weight:400;line-height:1.05}.chapter[data-chapter="4"] .chapter-name{text-wrap:balance}.chapter-list{gap:var(--space-block);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chapter-list button{text-align:left;align-items:baseline;gap:12px;display:flex}.chapter-list-number{color:var(--muted);flex:0 0 32px;font-size:13px}.chapter-list-title{font-size:15px}.chapter-list button:hover .chapter-list-title{text-underline-offset:3px;text-decoration:underline}.chapter-art{grid-column:6/-1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.chapter-art-fit{width:min(88%, calc(var(--screen-height) * .65 * var(--art-ratio,1)));max-height:100%;aspect-ratio:var(--art-ratio,1);position:relative}.chapter-art-image{object-fit:contain;width:100%;height:100%;display:block}.screen.cover{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:24px 32px;display:grid;overflow:hidden}.cover-text{flex-direction:column;grid-column:1/span 5;justify-content:safe center;gap:16px;min-width:0;display:flex;overflow-y:auto}.cover-product{font-size:var(--display);letter-spacing:-.01em;text-wrap:balance;font-weight:400;line-height:1.05}.cover-title{color:var(--ink);font-size:32px;line-height:1.2}.brand{object-fit:contain;display:block}.cover-product .brand-lily{width:320px;max-width:100%;height:auto}.collaboration{align-items:center;gap:16px;font-weight:300;display:flex}.collaboration .brand-gok{width:39px;height:24px}.collaboration .brand-typeplus{width:98px;height:17px}.cover-credit{align-items:center;gap:16px;display:flex}.cover-credit .brand-dynacap{flex:none;width:69px;height:20px}.back-cover-block .hair{width:100%}.back-cover-block .closing-mark{width:160px;height:auto}@media (width<700px){.back-cover-block .closing-mark{width:120px}.topbar-brand .brand-lily{height:12px}.cover-product .brand-lily{width:220px}.cover-title{font-size:24px}.collaboration{gap:12px}.collaboration .brand-gok{width:31px;height:19px}.collaboration .brand-typeplus{width:75px;height:13px}.cover-credit{flex-direction:column;align-items:flex-start;gap:10px}}.start{border:var(--hair) solid var(--ink);align-self:flex-start;padding:8px 16px;font-size:13px}.credit{color:var(--muted);max-width:34em;font-size:11px;line-height:1.6}.cover-art{grid-column:6/-1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.cover-art img{object-fit:contain;width:100%;height:100%;display:block}.cover-particles{width:100%;height:100%;position:relative}.cover-particles img{opacity:0}.cover-particles[data-phase=static] img{opacity:1}.cover-particles canvas{pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.cover-particles[data-phase] img{opacity:1}.cover-particles canvas{display:none}}.screen.back-cover{flex-direction:column;justify-content:center;align-items:center;padding:24px 32px;display:flex}.back-cover-art{flex-shrink:1;width:calc(66.6667% - 8px);height:55vh;min-height:0}.back-cover-art img{object-fit:contain;width:100%;height:100%;display:block}.back-cover-block{padding-top:var(--space-section);text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:60ch;display:flex}.back-cover-block .hair{border-color:var(--ink);width:96px}.back-cover-block .credit{text-align:center;font-size:13px}@keyframes cover-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cover-text>.cover-in{animation:cover-in .28s var(--ease-out) both;animation-delay:calc(var(--i) * 40ms)}.cover[data-intro=off] .cover-text>.cover-in{animation:none}@media (width>=1100px) and (height<=819px){.page-head{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:20px;display:grid}.page-head>.page-number{grid-area:1/1/span 3;font-size:96px}.page-head>.chapter-tag,.page-head>.page-title{grid-column:2}.page-head>.hair{grid-column:1/-1}.page-head>div:has(.branch-switch){grid-column:1/-1}}@media (width<=1099px){.app{--screen-height:calc(100dvh - 68px)}.body-row{grid-template-columns:minmax(0,1fr)}.rail{display:none}.progress-bar{display:block}.screen.page{flex-direction:column;gap:24px;padding:20px 24px;display:flex;overflow-y:auto}.scene-cell{flex:none;justify-content:center;height:55vh;display:flex}.scene-cell .scene-frame{aspect-ratio:516/442;flex:none;height:100%}.scene-cell .scene-stage[data-variant=scene]{flex:auto;width:100%;height:auto}.scene-cell:has(.scene-stage[data-variant=list]) .scene-frame{aspect-ratio:auto;width:100%;height:auto}.scene-cell .scene-stage[data-variant=list],.scene-cell .scene-stage[data-variant=list] .scene-canvas{flex:none;width:100%;height:auto}.part-cell-art,.part-cell-art .part-icon{height:96px}.part-cell-art .part-icon{width:96px}.text-col{gap:var(--space-section);flex-direction:column;flex:none;display:flex}.text-scroll-wrap,.text-scroll{display:contents}.text-fade{display:none}:root{--numeral:96px}.page-title{font-size:24px}.text-body{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:24px;display:grid}.scene-captions{grid-column:1/-1}.text-rest{gap:var(--space-section);flex-direction:column;display:flex}.scene-cell:has(.parts-sheet){height:auto}.chapter-text{flex:none;overflow:visible}.screen.chapter{flex-direction:column;gap:24px;padding:20px 24px;display:flex;overflow-y:auto}.chapter-art{flex:none;height:32vh}.chapter-art-fit{width:100%;height:100%;max-height:100%}.screen.cover{flex-direction:column;gap:24px;padding:20px 24px;display:flex;overflow-y:auto}.cover-text{flex:none}.cover-art{flex:none;height:45vh}}@media (width<=699px){.app{grid-template-rows:48px auto minmax(0,1fr)}.scroller{scroll-snap-type:y proximity}.screen-slot{height:auto;min-height:100%}.screen{height:auto;min-height:var(--screen-height)}.topbar{gap:8px;padding:0 16px}.topbar-sub{display:none}.topbar-controls{gap:8px}.topbar .segmented,.branch-switch .segmented{height:44px}.topbar .segmented button{min-width:44px;min-height:44px;padding:0 10px}.branch-switch .segmented button{min-width:44px;min-height:44px;padding:0 14px}.screen.page{gap:var(--space-section);padding:0 16px 16px;overflow:visible}.text-col,.text-scroll,.text-body{display:contents}.page-head{z-index:4;background:var(--paper);border-bottom:var(--hair) solid var(--grid);flex-flow:wrap;order:1;align-items:baseline;gap:4px 12px;padding:16px 0 8px;display:flex;position:sticky;top:0}.page-head>.page-number{font-size:40px}.page-head>.page-title{flex:auto;font-size:18px}.page-head>.chapter-tag,.page-head>.hair{display:none}.page-head>div:has(.branch-switch){flex:1 0 100%}.scene-cell{order:2;height:auto;display:block}.scene-cell .scene-frame{aspect-ratio:auto;height:auto}.scene-cell .scene-stage{width:100%}.scene-cell .scene-stage[data-variant=scene]{aspect-ratio:516/442;flex:none;height:auto}.scene-captions{order:3}.text-parts{order:4;min-width:0}.text-rest{gap:var(--space-section);flex-direction:column;order:5;display:flex}.text-foot{order:6;padding-top:0}:root{--numeral:72px}.page-title{font-size:24px}.parts-cards{scroll-snap-type:x mandatory;scrollbar-width:none;border-top:var(--hair) solid var(--grid);flex-direction:row;overflow-x:auto}.parts-cards::-webkit-scrollbar{display:none}.part-card{scroll-snap-align:start;padding:var(--space-block);border-top:0;border-bottom:0;border-right:var(--hair) solid var(--grid);flex:0 0 78vw}.part-card:first-child{border-top:0}.part-icon{width:48px;height:48px}.parts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.part-cell-art,.part-cell-art .part-icon{height:72px}.part-cell-art .part-icon{width:72px}.block-panels{grid-template-columns:minmax(0,1fr)}.screen.chapter,.screen.cover{gap:16px;padding:16px;overflow:visible}.chapter-text,.cover-text{overflow:visible}.chapter-art,.cover-art{height:32vh}.chapter-art-fit{width:100%;height:100%}.screen.back-cover{padding:16px}.back-cover-art{width:100%;height:min(60vh,60vw)}}@media (360px<=width<700px){.topbar-sub{display:inline}}@media (prefers-reduced-motion:reduce){.cover-text>.cover-in{animation:none}.text-fade{transition:none}}.rail{z-index:10;align-items:center;width:40px;height:100%;display:flex;position:relative}.rail-ticks{width:40px;margin:0;padding:0;list-style:none}.rail-slot{height:8px}.rail-slot[data-chapter=true]{margin-top:6px}.rail-tick{width:40px;height:8px;display:block;position:relative}.rail-mark{width:calc(var(--rail-length,10px) + var(--rail-extra,0px));background:var(--ghost);height:1.5px;transition:width .12s var(--ease-out);position:absolute;top:calc(50% - .75px);right:4px}.rail-tick[data-chapter=true]{--rail-length:16px}.rail-tick[data-current=true]{--rail-length:22px}.rail-tick[data-current=true] .rail-mark{background:var(--accent)}.rail-tip{right:52px;top:clamp(8px, calc(var(--rail-center) - var(--rail-height,120px) / 2), calc(100dvh - var(--rail-height,120px) - 8px));border:var(--hair) solid var(--ink);text-align:left;pointer-events:none;opacity:0;visibility:hidden;width:260px;transition:top 80ms var(--ease-out), opacity .12s var(--ease-out), visibility 0s .12s;background:#ffffffeb;border-radius:2px;padding:12px;position:fixed}.rail-tip[data-visible=true]{opacity:1;visibility:visible;transition-delay:0s}.rail-tip-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:18px;overflow:hidden}.rail-tip-title{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:15px;font-weight:500;line-height:24px;overflow:hidden}.rail-tip-summary{-webkit-line-clamp:2;line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:20px;display:-webkit-box;overflow:hidden}@media (width<=1099px){.rail{display:none}}@media (prefers-reduced-motion:reduce){.rail-mark,.rail-tip{transition:none}}.text-page{column-gap:48px;row-gap:var(--space-section);grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,2fr) minmax(0,1fr);padding:24px 32px;display:grid;overflow-y:auto}.text-page-head{gap:var(--space-block);flex-direction:column;grid-area:1/2;display:flex}.text-page-head .hair{margin-top:var(--space-section)}.text-page-intro{grid-area:2/2;font-size:18px}.text-page-url{margin-top:var(--space-section);font:20px/1.6 var(--font-mono);color:var(--ink);overflow-wrap:anywhere;display:block}.text-page-steps{grid-area:1/1/5;grid-template-rows:repeat(4,1fr);display:grid}.text-page-steps li{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:24px;padding-block:20px;display:grid}.text-page-steps li+li{border-top:var(--hair) solid var(--ink)}.text-page-index{font:96px/1 var(--font-mono);color:#0000;-webkit-text-stroke:1px var(--ink)}.text-page-steps p{overflow-wrap:anywhere;font-size:22px;line-height:1.6}.text-page-footer{grid-area:3/2}.text-page-nav{grid-area:4/2;justify-self:end}@media (width<=1099px){.text-page{flex-direction:column;gap:24px;display:flex}.text-page-head .page-number{font-size:96px}.text-page-steps{flex:1}.text-page-nav{align-self:end}}@media (width<=699px){.text-page{gap:18px;padding:20px}.text-page-head .page-number{font-size:72px}.text-page-head .hair{margin-top:12px}.text-page-intro{font-size:15px}.text-page-url{margin-top:12px}.text-page-steps{flex:none;grid-template-rows:none}.text-page-steps li{grid-template-columns:48px minmax(0,1fr);gap:16px;padding-block:16px}.text-page-steps p{font-size:18px}.text-page-index{font-size:72px}}