:root{--canvas:#fff;--stone:#f1f5ef;--stone-2:#e4ece1;--line:#dbe4d8;--line-2:#c2d0be;--ink:#0d1f17;--ink-2:#4c5d54;--pine:#0b3d2e;--pine-2:#0f4c39;--pine-3:#145c45;--green:#137a4d;--green-hover:#0d6340;--green-tint:#e5f2e8;--lime:#cdeb4b;--lime-2:#b9dc2a;--poppy:#ff6b2c;--red:#c2132f;--pass:#0e7a44;--pass-bg:#e5f4ec;--caution:#8a5a00;--caution-bg:#fff3d6;--fail:#b42318;--fail-bg:#fdecea;--plate-ink:#1b2a63;--display:var(--font-display), "Helvetica Neue", Arial, sans-serif;--text:var(--font-text), "Helvetica Neue", Arial, sans-serif;--plate:var(--font-plate), "Arial Narrow", sans-serif;--script:var(--font-script), cursive;--wrap:1240px;--gutter:clamp(1rem, .4rem + 2.6vw, 2.5rem);--ease:cubic-bezier(.2, .7, .2, 1);--snap:cubic-bezier(.3, 1.4, .5, 1);--cut:14px;--house:polygon(50% 0, 100% 26%, 100% 100%, 0 100%, 0 26%);--blueprint:linear-gradient(#cdeb4b12 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, #cdeb4b12 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(#cdeb4b0d 1px, transparent 1px) 0 0 / 7px 7px, linear-gradient(90deg, #cdeb4b0d 1px, transparent 1px) 0 0 / 7px 7px}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--canvas);color:var(--ink);font:400 1.0625rem/1.6 var(--text);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2.5px solid var(--green);outline-offset:3px;border-radius:4px}::selection{background:var(--lime);color:var(--pine)}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:600;line-height:1.02}h2{font-size:clamp(2rem,1.35rem + 2.4vw,3.5rem)}h3{letter-spacing:-.015em;font-size:1.25rem;line-height:1.25}p{text-wrap:pretty;margin:0}.wrap{width:min(100% - 2 * var(--gutter), var(--wrap));margin-inline:auto}.skip{z-index:50;background:var(--ink);color:#fff;padding:10px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.lede{color:var(--ink-2);max-width:48ch;font-size:1.1875rem;line-height:1.55}.btn{white-space:nowrap;color:#fff;height:52px;font:600 1rem/1 var(--text);letter-spacing:-.005em;cursor:pointer;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);background:linear-gradient(120deg, var(--pine) 50%, var(--green) 50%) 100% 0 / 260% 100% no-repeat;transition:background-position .45s var(--ease), color .2s var(--ease), transform .2s var(--ease);border:0;justify-content:center;align-items:center;gap:10px;padding:0 24px;text-decoration:none;display:inline-flex;position:relative}.btn:hover{background-position:0 0}.btn:active{transform:translateY(1px)}.btn-lime{color:var(--pine);background-image:linear-gradient(120deg, #fff 50%, var(--lime) 50%)}.btn-soft{color:var(--ink);background-image:linear-gradient(120deg, var(--lime) 50%, var(--stone-2) 50%)}.btn-white{color:var(--pine);background-image:linear-gradient(120deg, var(--lime) 50%, #fff 50%)}.link{color:var(--green);background:linear-gradient(var(--lime), var(--lime)) 0 88% / 0 .45em no-repeat;transition:background-size .3s var(--ease);padding:0 2px;font-weight:600;text-decoration:none}.link:hover{color:var(--pine);background-size:100% .45em}.framed{isolation:isolate;background:var(--stone);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));position:relative;overflow:hidden}.framed:after{content:"";pointer-events:none;z-index:2;clip-path:inherit;border:1px solid #ffffff8c;position:absolute;inset:10px}.house{isolation:isolate;clip-path:var(--house);background:var(--pine-2);position:relative;overflow:hidden}.caption{z-index:3;background:var(--lime);color:var(--pine);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);align-items:center;gap:8px;padding:7px 14px 7px 12px;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;bottom:20px;left:20px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blueprint{background:var(--blueprint), var(--pine);color:#fff}.mark{background:linear-gradient(var(--lime), var(--lime)) 0 86% / 100% .32em no-repeat;padding:0 .06em}@media (prefers-reduced-motion:no-preference){.mark{animation:mark .9s .35s var(--ease) both}@keyframes mark{0%{background-size:0 .32em}}@supports (animation-timeline:view()){.rise{animation:linear both rise;animation-timeline:view();animation-range:entry entry 55%}.slide-l{animation:linear both slide-l;animation-timeline:view();animation-range:entry entry 60%}.slide-r{animation:linear both slide-r;animation-timeline:view();animation-range:entry entry 60%}.unroll{animation:linear both unroll;animation-timeline:view();animation-range:entry 10% entry 70%}@keyframes rise{0%{opacity:0;transform:translateY(40px)scale(.97)}}@keyframes slide-l{0%{opacity:0;transform:translate(-60px)}}@keyframes slide-r{0%{opacity:0;transform:translate(60px)rotate(1.5deg)}}@keyframes unroll{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.prose{max-width:70ch;color:var(--ink);line-height:1.7}.prose h2{margin:56px 0 14px;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem)}.prose h3{margin:32px 0 8px}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin-bottom:6px}.prose li::marker{color:var(--green)}.prose a{color:var(--green);text-underline-offset:3px;transition:background-size .25s var(--ease), text-decoration-color .2s;background:linear-gradient(var(--lime), var(--lime)) 0 90% / 0 .4em no-repeat;font-weight:500;-webkit-text-decoration:underline #137a4d59;text-decoration:underline #137a4d59;text-decoration-thickness:1.5px}.prose a:hover{color:var(--pine);background-size:100% .4em;text-decoration-color:#0000}.prose strong{font-weight:600}