@font-face{font-family:Workbench Display;src:url(/fonts/workbench-display.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400 900}:root{--yellow:#f2c94c;--coral:#ef705d;--mint:#77cfa5;--sky:#8eb3ef;--ink:#171717;--paper:#fffdf4;--white:#fff;--muted:#4f514d;--display:"Workbench Display", "PingFang SC", "Microsoft YaHei", sans-serif;--body:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:16px/1.8 var(--body);font-synthesis:none;line-break:strict;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--sky);color:var(--ink)}a{color:inherit;text-underline-offset:.2em}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}h1,h2,h3{font-family:var(--display);text-wrap:balance}p{text-wrap:pretty}.skip-link{z-index:10;background:var(--white);border:2px solid var(--ink);padding:10px 16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.site-header{border-bottom:3px solid var(--ink);background:var(--paper);justify-content:space-between;align-items:center;gap:24px;height:74px;padding:0 4vw;font-size:14px;font-weight:700;display:flex}.has-workbench .site-header{background:var(--yellow)}.brand{white-space:nowrap;font-size:19px;text-decoration:none}.site-header nav{align-items:center;gap:28px;display:flex}.site-header nav a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.site-header nav a:hover{text-decoration:underline}.button{border:2px solid var(--ink);background:var(--ink);width:max-content;min-height:48px;color:var(--white);justify-content:center;align-items:center;padding:11px 19px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button.light{background:var(--white);color:var(--ink);border-color:var(--white)}.workbench{background:var(--yellow);border-bottom:3px solid var(--ink)}.desk{max-width:1500px;min-height:calc(100dvh - 74px);margin:auto;position:relative;overflow:hidden}.note{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);color:var(--ink);padding:clamp(24px,3vw,38px);text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:absolute}.note:hover{box-shadow:10px 12px 0 var(--ink);transform:rotate(0)translateY(-4px)}.note:active{box-shadow:4px 4px 0 var(--ink)}.main-note{background:var(--paper);z-index:2;width:49%;top:8%;left:5%;transform:rotate(-2deg)}.main-note h1{letter-spacing:-.025em;margin:0;font-size:clamp(48px,5.3vw,78px);font-weight:900;line-height:1.16}.main-note p{max-width:32em;margin:24px 0;font-size:18px;line-height:1.85}.shift-note{flex-direction:column;justify-content:center;gap:10px;width:34%;min-height:190px;display:flex}.shift-note span{font-size:17px}.shift-note strong{font-family:var(--display);font-size:clamp(25px,2.6vw,39px);line-height:1.35}.shift-1{top:8%;right:5%;transform:rotate(3deg)}.shift-2{z-index:3;width:32%;bottom:7%;left:30%;transform:rotate(2deg)}.shift-3{bottom:7%;right:4%;transform:rotate(-3deg)}.coral{background:var(--coral)}.mint{background:var(--mint)}.sky{background:var(--sky)}.yellow{background:var(--yellow)}.section{border-bottom:3px solid var(--ink);padding:96px 6vw}.section-heading{max-width:880px;margin-bottom:50px}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:clamp(38px,4.6vw,66px);line-height:1.2}.section-heading p{max-width:42em;color:var(--muted);margin:20px 0 0;font-size:18px}.method-section{background:var(--paper)}.method-grid{background:var(--ink);grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;display:grid}.method-step{min-height:310px;padding:28px 24px}.method-step h3{margin:0 0 22px;font-size:34px;line-height:1.25}.method-step p{margin:0 0 24px;line-height:1.8}.method-step a{min-height:44px;padding-top:8px;font-size:14px;font-weight:700;display:inline-block}.practice-section{background:var(--white)}.practice-grid{grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:22px;display:grid}.practice{border:3px solid var(--ink);padding:28px;text-decoration:none;transition:transform .18s}.practice:hover{transform:translateY(-5px)}.practice-1{background:var(--mint)}.practice-2{background:var(--sky);margin-top:48px}.practice-3{background:var(--coral);margin-top:96px}.status{border-bottom:2px solid var(--ink);font-size:13px;font-weight:700;display:inline-block}.practice h3{margin:22px 0 14px;font-size:clamp(28px,2.6vw,40px);line-height:1.3}.practice p{min-height:88px;margin:0 0 24px}.method-tag{border-top:2px solid var(--ink);padding-top:16px;font-weight:700;display:block}.boundary{margin-top:12px;font-size:14px;line-height:1.75;display:block}.notes-section{background:var(--paper)}.note-list{grid-template-columns:repeat(3,1fr);gap:4vw;display:grid}.note-list article{border-top:3px solid var(--ink);padding-top:24px}.note-list h3{margin:0 0 16px;font-size:27px;line-height:1.45}.note-list h3 a{text-decoration:none}.note-list h3 a:hover{text-decoration:underline}.note-list p{color:var(--muted)}.note-list time{color:var(--muted);font-size:13px}.install-closing{background:var(--ink);color:var(--white);grid-template-columns:1fr auto;align-items:center;gap:48px;padding:72px 6vw;display:grid}.install-closing h2{margin:0;font-size:clamp(38px,4.2vw,62px)}.install-closing p{color:#e5e5e5;max-width:43em;margin:16px 0 0}.site-footer{background:var(--paper);border-top:3px solid var(--ink);justify-content:space-between;align-items:center;gap:24px;padding:28px 6vw;font-size:13px;display:flex}.site-footer-meta{flex-direction:column;gap:8px;display:flex}.site-footer p{margin:0}.site-legal{flex-wrap:wrap;gap:8px 18px;display:flex}.site-footer nav{flex-wrap:wrap;gap:22px;display:flex}.site-footer a{align-items:center;min-height:44px;display:inline-flex}.reading{max-width:780px;margin:auto;padding:64px 24px 90px}.reading.wide{max-width:980px}.breadcrumb{margin-bottom:40px;font-size:14px}.reading h1{letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(40px,5vw,64px);line-height:1.25}.reading h2{margin:56px 0 16px;font-size:31px;line-height:1.4}.reading h3{margin:36px 0 12px;font-size:23px}.reading p,.reading li{font-size:17px;line-height:1.9}.reading .lede{background:var(--sky);border:3px solid var(--ink);padding:24px;font-size:20px;line-height:1.75}.reading .meta{color:var(--muted);flex-wrap:wrap;gap:12px 22px;margin:22px 0 40px;font-size:14px;display:flex}.reading .callout{background:var(--mint);border:3px solid var(--ink);margin:30px 0;padding:24px}.reading .callout h2,.reading .callout h3{margin-top:0}.reading ul,.reading ol{padding-left:1.4em}.reading li+li{margin-top:10px}.reading pre{background:var(--ink);max-width:100%;color:var(--white);padding:20px;font-size:16px;line-height:1.75;overflow-x:auto}.reading code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.reading p code,.reading li code{background:#e6e6df;padding:.1em .3em}.reading table{border-collapse:collapse;width:100%;margin:28px 0;font-size:15px}.reading th,.reading td{text-align:left;vertical-align:top;border-bottom:1px solid #8b8b84;padding:14px 12px}.reading th{background:var(--yellow)}.empty-note{border:2px dashed var(--ink);padding:20px}@media (width<=1050px){.desk{grid-template-columns:1fr 1fr;gap:24px;min-height:auto;padding:40px 4vw 54px;display:grid}.note{width:auto;min-height:0;position:relative;inset:auto;transform:none}.main-note{grid-column:1/3}.shift-2{grid-column:1/2}.method-grid,.practice-grid{grid-template-columns:1fr 1fr}.practice-3{grid-column:1/3;margin-top:0}}@media (width<=760px){body{font-size:16px}.site-header{gap:12px;height:64px;padding:0 18px}.brand{font-size:17px}.site-header nav{gap:13px;font-size:12px}.desk{grid-template-columns:1fr;gap:22px;padding:28px 20px 42px}.note{box-shadow:5px 5px 0 var(--ink);padding:24px}.note:hover{box-shadow:5px 5px 0 var(--ink);transform:none}.main-note,.shift-2{grid-column:1}.main-note h1{font-size:43px}.main-note p{margin:20px 0;font-size:16px}.shift-note strong{font-size:29px}.section{padding:58px 22px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:38px}.section-heading p{font-size:16px}.method-grid,.practice-grid,.note-list{grid-template-columns:1fr}.method-step{min-height:0;padding:26px 22px}.method-step h3{font-size:31px}.practice-2,.practice-3{grid-column:auto;margin-top:0}.practice p{min-height:0}.install-closing{grid-template-columns:1fr;gap:28px;padding:50px 22px}.install-closing h2{font-size:40px}.site-footer{flex-direction:column;align-items:flex-start;padding:24px 22px}.reading{padding:40px 22px 70px}.reading h1{font-size:39px}.reading h2{font-size:28px}.reading .lede{font-size:18px}.reading table{display:block;overflow-x:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}