:root{--paper:#f8f7f2;--ink:#183c30;--green:#205b46;--muted:#5d6c63;--line:#d9ded4;--lime:#d9edaa;--white:#fff;--serif:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}a,button,input{touch-action:manipulation}button,a,input:focus-visible{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b35b26}::selection{background:var(--lime)}.shell{width:min(1240px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:106px;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;font-size:24px;font-weight:800;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;margin-right:6px}.brand>span{color:#799c59}.site-header nav,.footer nav{align-items:center;gap:28px;display:flex}.site-header nav a{font-size:14px;font-weight:600;text-decoration:none}.site-header nav a:hover,.footer a:hover{color:#457638}.nav-create{background:var(--green);color:#fff;border-radius:6px;padding:14px 20px}.site-header nav .nav-create:hover{color:#fff;background:#123d2c}.eyebrow{letter-spacing:1.6px;font-size:11px;font-weight:700;line-height:1.6}.blog-hero{padding:72px 0 60px}.blog-hero h1{letter-spacing:-5px;margin:28px 0;font-size:clamp(58px,7.5vw,106px);font-weight:500;line-height:.98}.blog-hero h1 em{font-family:var(--serif);font-weight:400}.lead{color:var(--muted);font-size:20px;line-height:1.65}.post-list{border-top:1px solid var(--line);padding:36px 0 70px}.post-card{grid-template-columns:1fr 1fr;align-items:center;gap:56px;text-decoration:none;display:grid}.post-art{background:var(--green);color:#f6f9ed;border-radius:5px;flex-direction:column;justify-content:space-between;min-height:390px;padding:36px;display:flex}.post-art>span{letter-spacing:1.5px;font-size:10px}.post-art strong{letter-spacing:-2px;margin:24px 0;font-size:56px;font-weight:500;line-height:1.1}.post-art em{font-family:var(--serif);color:var(--lime);font-weight:400}.art-bottom{justify-content:space-between;align-items:center;display:flex}.art-bottom b{font-size:35px;font-weight:400}.post-copy h2{letter-spacing:-1px;margin:20px 0;font-size:36px;font-weight:500;line-height:1.16}.post-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.7}.read-link{border-top:1px solid var(--line);justify-content:space-between;margin-top:30px;padding-top:18px;font-size:14px;font-weight:700;display:flex}.post-card:hover .read-link{color:#497c24}.create-box{background:#eaf0df;border:1px solid #d6e0c9;border-radius:6px;margin:40px 0 60px;padding:36px 40px;scroll-margin-top:28px}.create-box h2{letter-spacing:-1px;margin:12px 0;font-size:34px;line-height:1.15}.create-box>p:not(.eyebrow){color:#435544;max-width:700px;font-size:16px;line-height:1.6}.create-box label{margin:24px 0 10px;font-size:13px;font-weight:700;display:block}.form-row{gap:10px;display:flex}.form-row input{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #9aab8f;border-radius:5px;padding:17px 15px;font-size:16px}.form-row button{background:var(--green);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:32px;padding:17px 24px;font-weight:700;display:flex}.form-row button:hover{background:#153f2e}.create-box small{color:#526248;margin-top:13px;font-size:12px;line-height:1.6;display:block}.compact{margin:28px 0 44px;padding:26px 28px}.compact h2{font-size:27px}.compact .form-row{flex-wrap:wrap}.compact .form-row input{flex:280px}.compact .form-row button{flex:120px}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:35px 0;display:flex}.footer p{color:var(--muted);font-size:12px}.footer nav{flex-wrap:wrap;gap:18px}.footer nav a{font-size:12px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:30px;font-size:12px;display:flex}.breadcrumbs a{text-decoration:none}.article-header{max-width:980px;padding:48px 0}.article-header h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(36px,4.5vw,62px);font-weight:500;line-height:1.1}.byline{color:var(--muted);flex-wrap:wrap;gap:12px 28px;margin-top:26px;font-size:12px;display:flex}.article-grid{border-top:1px solid var(--line);grid-template-columns:245px minmax(0,760px);gap:65px;padding-top:40px;padding-bottom:60px;display:grid}.toc nav{position:sticky;top:30px}.toc ol{margin:20px 0;padding:0;list-style:none}.toc li{margin:0 0 15px}.toc li a{color:#526354;font-size:13px;line-height:1.5;text-decoration:none;display:block}.toc li a:hover{color:var(--green);text-decoration:underline}.toc-cta{border-top:1px solid var(--line);padding-top:18px;font-size:13px;font-weight:700;display:inline-block}.article-summary{border-left:3px solid #7e9e4c;padding:2px 0 2px 24px}.article-summary strong{font-size:23px;font-weight:500}.article-summary p{color:var(--muted);margin:10px 0;font-size:17px;line-height:1.65}.article-summary a{font-size:13px}.prose{color:#293e32;font-size:18px;line-height:1.8}.prose h2,.example-section h2{letter-spacing:-.7px;color:var(--ink);margin:52px 0 20px;scroll-margin-top:24px;font-size:32px;font-weight:500;line-height:1.22}.prose h3{color:var(--ink);margin-top:32px;scroll-margin-top:24px;font-size:23px;font-weight:600;line-height:1.35}.prose p{margin:0 0 22px}.prose ul{padding-left:24px}.prose li{margin-bottom:10px;padding-left:4px}.prose strong{font-weight:700}.prose a{color:var(--green);font-weight:600}.prose table{border-collapse:collapse;width:100%;margin:26px 0;font-size:14px;line-height:1.55;display:block;overflow-x:auto}.prose th{text-align:left;color:var(--ink);background:#eaf0df}.prose th,.prose td{border:1px solid var(--line);min-width:140px;padding:14px}.prose input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;margin-right:8px}.prose .task-list-item{margin-left:-24px;list-style:none}.prose code{overflow-wrap:anywhere;font-size:.85em}.example-section{border-top:1px solid var(--line);margin-top:50px;padding-top:24px;scroll-margin-top:24px}.example-section h2{margin-top:15px}.example-section>p{color:var(--muted);font-size:17px;line-height:1.7}.example-figure{margin:28px 0}.example-slide{aspect-ratio:16/9;background:#e8eeda;border-radius:4px;flex-direction:column;justify-content:space-between;padding:5%;display:flex;container-type:inline-size}.cover-slide{background:var(--green);color:#fff}.slide-topline,.slide-bottomline{letter-spacing:.6px;justify-content:space-between;gap:12px;font-size:clamp(8px,1vw,11px);display:flex}.slide-content h3{letter-spacing:-.6px;margin:16px 0 12px;font-size:clamp(20px,3vw,36px);line-height:1.12}.slide-content>p{max-width:95%;margin:0 0 10px;font-size:clamp(12px,1.45vw,18px);line-height:1.4}.slide-content ul{margin:12px 0;padding-left:20px;font-size:clamp(12px,1.35vw,17px);line-height:1.45}.slide-content li+li{margin-top:7px}.cover-slide .slide-content h3{font-size:clamp(26px,3.6vw,44px)}.example-figure figcaption{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6}.text-link{font-size:15px;font-weight:700}.example-section .example-note{font-size:12px}.back-link{font-size:14px}.skip-link{z-index:20;background:#fff;padding:15px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:15px}@media (width>=1500px){.slide-content h3{font-size:36px}}@media (width<=1000px){.shell{width:calc(100% - 48px)}.article-grid{grid-template-columns:190px minmax(0,1fr);gap:32px}.post-card{gap:32px}.post-art strong{font-size:44px}.post-copy h2{font-size:30px}.footer{flex-wrap:wrap}.footer p{display:none}.slide-content h3{font-size:26px}.slide-content ul{font-size:14px}}@media (width<=720px){.shell{width:calc(100% - 36px)}.site-header{gap:12px;min-height:82px}.brand{font-size:20px}.brand img{width:34px;height:34px;margin-right:2px}.site-header nav{gap:12px}.site-header nav a{font-size:12px}.nav-create{padding:12px}.blog-hero{padding:46px 0 36px}.blog-hero h1{letter-spacing:-3px}.lead{font-size:17px}.desktop{display:none}.post-card{grid-template-columns:1fr;gap:24px}.post-art{min-height:340px;padding:28px}.post-art strong{font-size:48px}.post-copy h2{font-size:30px}.post-list{padding-bottom:20px}.create-box{margin:30px 0 40px;padding:25px 22px}.create-box h2{font-size:29px}.form-row{flex-direction:column}.form-row button{justify-content:center;padding:17px}.compact .form-row input,.compact .form-row button{flex:auto}.article-header{padding:30px 0}.article-header h1{letter-spacing:-1.3px}.article-grid{padding-top:24px;display:block}.toc nav{position:static}.toc{border-bottom:1px solid var(--line);margin-bottom:32px;padding-bottom:24px}.toc ol{columns:2;column-gap:22px}.toc li{break-inside:avoid}.toc li a{font-size:12px}.prose{font-size:17px;line-height:1.75}.prose h2,.example-section h2{margin-top:40px;font-size:28px}.prose h3{font-size:22px}.example-slide{aspect-ratio:auto;min-height:250px;padding:22px}.slide-content h3{font-size:25px}.cover-slide .slide-content h3{font-size:29px}.slide-content>p,.slide-content ul{font-size:14px}.slide-topline,.slide-bottomline{font-size:8px}.slide-bottomline{margin-top:16px}.footer{gap:22px}.footer nav{gap:18px}}@media (width<=390px){.site-header nav>a:first-child{display:none}.nav-create{padding:11px 9px}.toc ol{columns:1}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}.prose .checklist{padding-left:0;list-style:none}.checklist label{cursor:pointer}.checklist input:checked+span{text-decoration:line-through}