@font-face{font-family:Lora;src:url(/fonts/Lora-wght.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree-wght.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/fonts/RobotoMono-wght.woff2)format("woff2");font-weight:100 700;font-display:swap}:root{--paper:#fafbf8;--ink:#263c34;--copper:#b66a44;--sage:#e7ebe5;--muted:#5f6b63;--line:#c7cec5;--reading:Lora, Georgia, serif;--ui:Figtree, Arial, sans-serif;--mono:"Roboto Mono", monospace;--gutter:64px;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--s7:64px;--s8:80px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);font:400 20px/1.6 var(--reading);margin:0}h1,h2,h3,h4,p,figure,ul,ol,dl{margin:0}h1,h2,h3,h4{overflow-wrap:anywhere;font-weight:500}h1{max-width:1100px;font-size:56px;line-height:64px}h2{font-size:42px;line-height:52px}h3{font-size:30px;line-height:40px}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,textarea,summary{touch-action:manipulation}button{background:0 0;border:0}button:disabled{cursor:wait;opacity:.65}a:hover{text-decoration-color:var(--copper)}:focus-visible{outline:2px solid var(--ink);outline-offset:5px}img{max-width:100%;height:auto;display:block}figure img{object-fit:cover;width:100%}figure[data-image-kind=diagram] img{object-fit:contain}figcaption,.meta,.eyebrow{font:500 14px/20px var(--ui);color:var(--muted)}figcaption{margin-top:8px}.eyebrow.large{font-size:18px;line-height:26px}.muted{color:var(--muted)}.lead{color:var(--muted);font-size:26px;line-height:38px}.container{max-width:1440px;padding-inline:var(--gutter);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:24px;padding-block:16px;display:flex;position:relative}.site-header:after{content:"";bottom:0;left:var(--gutter);right:var(--gutter);border-bottom:1px solid var(--line);position:absolute}.brand{flex:none;align-items:center;text-decoration:none;display:inline-flex}.brand img{width:250px;height:auto}.desktop-nav{font:18px/26px var(--ui);align-items:center;gap:40px;display:flex}.desktop-nav a{align-items:center;min-height:44px;text-decoration:none;display:flex}.desktop-nav [aria-current=page]{text-decoration:underline}.icon-button{min-width:44px;min-height:44px;font:28px var(--ui);justify-content:center;align-items:center;display:flex}.icon-button img{flex:none}.mobile-toggle,.mobile-only{display:none}.text-link{border-bottom:1px solid var(--copper);width:fit-content;min-height:44px;font:18px/26px var(--ui);align-items:center;padding-block:4px;text-decoration:none;display:inline-flex}.text-link:hover{border-bottom-color:var(--ink)}.home-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:64px;display:grid}.home-intro-copy{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.home-intro h1{text-wrap:balance;max-width:11ch;font-size:clamp(42px,4.5vw,64px);line-height:1.12}.home-intro .lead{max-width:40ch;font-size:20px;line-height:32px}.home-illustration img{aspect-ratio:4/3;object-fit:cover}.home-section{border-top:1px solid var(--line);padding-block:40px 64px}.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.notebook-layout{grid-template-columns:minmax(0,880fr) minmax(0,352fr);gap:80px;display:grid}.article-list{flex-direction:column;display:flex}.article-row{border-bottom:1px solid var(--line);align-items:center;gap:28px;min-width:0;padding-block:24px;display:flex}.article-row:first-child{padding-top:0}.article-row figure{flex:0 0 188px;width:188px}.article-row img{aspect-ratio:188/144}.article-row>div{flex-direction:column;gap:8px;min-width:0;display:flex}.article-row h3 a{text-decoration:none}.article-row h3 a:hover{text-decoration:underline}.excerpt{color:var(--muted)}.maker-aside{flex-direction:column;gap:24px;display:flex}.maker-aside img{aspect-ratio:352/208}.maker-aside p{color:var(--muted)}.interest-band{background:var(--sage);padding-block:40px}.interest-band ul{font:18px/26px var(--ui);gap:48px;margin-top:24px;padding:0;list-style:none;display:flex}.interest-band li{flex-basis:260px}.updates{grid-template-columns:minmax(0,880fr) minmax(0,368fr);gap:64px;padding-block:48px;display:grid}.updates>aside{border-top:1px solid var(--copper);flex-direction:column;gap:16px;padding-top:16px;display:flex}.updates>aside:only-child{max-width:600px}.updates>aside p{color:var(--muted)}.site-footer{padding-block:40px}.footer-main{border-top:1px solid var(--line);justify-content:space-between;gap:24px;padding-top:24px;display:flex}.footer-brand img{width:220px}.footer-main p{font:18px/26px var(--ui);color:var(--muted);margin-top:8px}.footer-main nav{font:500 14px/20px var(--ui);flex-wrap:wrap;align-content:flex-start;gap:24px;display:flex}.footer-main nav a{align-items:center;min-height:44px;text-decoration:none;display:flex}.site-footer>.meta{margin-top:24px}.page-heading{flex-direction:column;align-items:flex-start;gap:24px;padding-block:48px;display:flex}.page-heading .lead{max-width:1120px}.article-heading{padding-block:40px}.article-heading h1{max-width:1080px}.reading-layout{grid-template-columns:minmax(0,880fr) minmax(0,368fr);align-items:start;column-gap:64px;padding-bottom:48px;display:grid}.reading-layout.build-log{grid-template-columns:minmax(0,920fr) minmax(0,312fr);column-gap:80px}.article-body{flex-direction:column;grid-area:1/1;gap:48px;min-width:0;display:flex}.build-log .article-body{gap:32px}.article-body h2,.about-intro h2,.about-topics h2,.form-panel h2,.resource-panel h3{font-size:30px;line-height:40px}.article-body section>p,.article-body section>dl,.article-body section>.table-scroll{margin-top:16px}.article-cover img{aspect-ratio:920/482}.project-cover img{aspect-ratio:880/400}.toc,.project-aside{border-top:1px solid var(--copper);font:18px/26px var(--ui);grid-area:1/2;padding-top:16px}.toc details summary{cursor:pointer;align-items:center;min-height:44px;font-size:14px;line-height:20px;list-style:none;display:flex}.toc details summary:after{content:"−";margin-left:auto}.toc details:not([open]) summary:after{content:"+"}.toc nav{flex-direction:column;gap:8px;display:flex}.toc nav a{align-items:center;min-height:44px;padding-block:8px;text-decoration:none;display:flex}.toc nav a:hover{text-decoration:underline}.toc nav .nested{padding-left:16px;font-size:16px}.aside-project{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.aside-project h3{font:500 30px/40px var(--reading)}.aside-project p{font:20px/32px var(--reading);color:var(--muted);margin-block:16px}.scope{border-top:1px solid var(--copper);padding-top:16px}.ruled-list{font:18px/26px var(--ui)}.ruled-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:24px;padding-block:16px;display:grid}dd{color:var(--muted);margin:0}.prose>*+*{margin-top:24px}.prose h2,.prose h3{margin-top:40px}.prose>:first-child{margin-top:0}.article-body .prose img{object-fit:contain;width:100%;max-width:min(100%,520px);height:auto;max-height:360px;margin-inline:auto}.article-body .prose p>a:has(>img:only-child){cursor:zoom-in;width:min(100%,520px);max-width:100%;margin-inline:auto;display:block}.article-body .prose p:has(>img:only-child)+p:has(>em:only-child),.article-body .prose p:has(>a:only-child>img:only-child)+p:has(>em:only-child){margin-top:8px;max-width:520px;color:var(--muted);font:400 14px/20px var(--ui);text-align:center;margin-inline:auto}.prose ol,.prose ul{padding-left:28px}.prose li+li{margin-top:16px}.prose li::marker{font-family:var(--ui);color:var(--muted)}.prose blockquote{border-left:2px solid var(--copper);margin:24px 0;padding-left:24px}.table-scroll{max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font:18px/26px var(--ui);text-align:left}th{font-weight:500}th,td{border-bottom:1px solid var(--line);vertical-align:top;padding:16px 18px 16px 0}td{color:var(--muted)}.table-scroll th,.table-scroll td{min-width:100px}.merchant{margin-top:8px;font-size:14px;display:block}.code-block{background:var(--sage);max-width:100%;padding:24px;overflow:hidden}.code-toolbar{font:14px/20px var(--ui);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.code-toolbar button{min-width:60px;min-height:44px}pre{max-width:100%;font:15px/24px var(--mono);tab-size:2;margin:16px 0 0;overflow:auto}code{font-family:var(--mono);font-size:15px}.copy-status{margin-top:8px;display:block}.copy-status:empty{display:none}.resource-panel{background:var(--sage);flex-direction:column;gap:16px;padding:24px;display:flex}.related-project{border-top:1px solid var(--line);background:var(--paper);padding-top:32px}.related-project .text-link{margin-top:16px}.disclosure{border-top:1px solid var(--copper);padding-top:16px}.evidence-record{border-bottom:1px solid var(--line);padding-block:16px}.form-panel{flex-direction:column;gap:16px;display:flex}.form-panel.subscribe{background:var(--sage);padding:24px}.form-panel form{font:18px/26px var(--ui)}.form-fields{align-items:end;gap:16px;display:flex}.form-fields label{flex:1;min-width:0}label{font:500 14px/20px var(--ui);flex-direction:column;gap:8px;display:flex}input,textarea{background:var(--paper);border:1px solid var(--muted);width:100%;min-width:0;font:18px/26px var(--ui);border-radius:0;padding:15px 16px}textarea{resize:vertical}form>label{margin-block:16px}.primary{background:var(--ink);color:var(--paper);min-height:58px;font:18px/26px var(--ui);padding:16px 28px}.form-status:not(:empty){margin-top:12px}.test-label{font:14px/20px var(--ui);color:var(--muted)}[aria-invalid=true]{outline:2px solid var(--ink)}.preview-bar{background:var(--sage);font:13px/20px var(--ui);text-align:center;padding:4px 24px}.project-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,760fr) minmax(0,488fr);gap:64px;margin-bottom:48px;padding-bottom:48px;display:grid}.project-row img{aspect-ratio:760/420}.project-row>div{flex-direction:column;align-items:start;gap:24px;display:flex}.project-row h2 a{text-decoration:none}.project-aside{flex-direction:column;gap:24px;display:flex}.project-aside h3,.project-aside p{font-family:var(--reading)}.project-aside>a{border-bottom:1px solid var(--copper);min-height:44px;padding-block:8px;text-decoration:none}.compact .article-row h3{font:18px/26px var(--ui)}.compact .article-row{border-top:1px solid var(--line);border-bottom:0;padding-block:16px}.compact .article-row h3 a{border-bottom:1px solid var(--copper);min-height:44px;padding-block:8px;display:block}.compact .article-row>div{width:100%}.capability+.capability{margin-top:24px}.capability h3{font:18px/26px var(--ui);margin-block:16px 8px}.about-intro{grid-template-columns:minmax(0,540fr) minmax(0,708fr);gap:64px;display:grid}.about-intro img{aspect-ratio:540/480}.about-intro>div{flex-direction:column;align-items:start;gap:24px;display:flex}.about-intro .lead{color:var(--ink)}.about-topics{border-top:1px solid var(--line);margin-top:48px;padding-top:40px}.about-topics dl{margin-block:24px}.about-topics dd{font-family:var(--reading)}.contact-section{border-top:1px solid var(--line);max-width:880px;margin-top:64px;padding-top:40px}.contact-section:empty{display:none}.empty-state{padding-block:32px 64px}.empty-state p{color:var(--muted);margin-top:16px}.policy{max-width:1050px}.policy-text{white-space:pre-wrap}.not-found{min-height:60vh}.search-page{min-height:65vh}.search-form{border-bottom:1px solid var(--copper);align-items:center;gap:16px;display:flex}.search-form input{font:30px/40px var(--reading);border:0;padding-left:0}.search-form button{min-width:44px;min-height:44px}.search-status{margin-top:32px}.search-result{border-bottom:1px solid var(--line);max-width:880px;padding-block:32px}.search-result h2{font-size:30px;line-height:40px}.search-result h2 a{text-decoration:none}.search-result p{color:var(--muted);margin-top:8px}.search-widget [data-retry]{font:18px/26px var(--ui);min-height:44px;text-decoration:underline}.search-dialog,.menu-dialog{background:var(--paper);color:var(--ink);border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:32px 64px;overflow:auto}.dialog-top{justify-content:space-between;align-items:center;display:flex}.search-dialog h2{max-width:1100px;margin-top:64px;margin-bottom:24px;font-size:56px;line-height:64px}.menu-dialog nav{flex-direction:column;margin-top:80px;display:flex}.menu-dialog nav a{font:500 42px/52px var(--reading);border-bottom:1px solid var(--line);padding-block:24px;text-decoration:none}.menu-bottom{margin-top:100px}.menu-bottom p{color:var(--muted);margin-top:16px}dialog::backdrop{background:var(--paper)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--paper);z-index:99;font:18px var(--ui);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}@media (width>=1024px){.toc summary{pointer-events:none}.toc summary:after{display:none}}@media (width<=1200px) and (width>=1024px){:root{--gutter:40px}.notebook-layout{gap:40px}.article-row figure{flex-basis:140px}.article-row h3{font-size:26px;line-height:34px}.reading-layout,.reading-layout.build-log{column-gap:40px}}@media (width<=1023px){:root{--gutter:24px}body{font-size:18px;line-height:29px}h1{font-size:42px;line-height:48px}h2,h3{font-size:30px;line-height:40px}.lead{font-size:18px;line-height:29px}.site-header{padding-block:14px}.site-header .brand img{width:204px}.desktop-nav,.desktop-only{display:none}.mobile-toggle,.mobile-only{display:flex}.desktop-break{display:none}.home-intro{gap:32px;padding-block:40px}.home-intro h1{font-size:42px;line-height:48px}.home-section{padding-block:32px 24px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:30px;line-height:40px}.notebook-layout{grid-template-columns:1fr;gap:48px}.article-row{padding-block:24px}.article-row figure,.article-row .excerpt{display:none}.article-row h3{font-size:24px;line-height:34px}.article-row .eyebrow{font-size:14px}.maker-aside figure{display:none}.article-list+.text-link{margin-top:24px}.interest-band{margin-top:24px;padding-block:24px}.interest-band ul{flex-direction:column;gap:24px}.interest-band li{flex-basis:auto}.updates{grid-template-columns:1fr;gap:32px;padding-block:32px 48px}.updates:has(.form-panel)>aside{display:none}.footer-main{flex-direction:column;gap:24px}.footer-main nav{gap:16px}.page-heading{gap:24px;padding-block:32px}.reading-layout,.reading-layout.build-log{flex-direction:column;gap:32px;display:flex}.toc{width:100%}.toc .aside-project{display:none}.article-body{gap:32px;width:100%}.article-cover img{aspect-ratio:342/236}.article-body h2{font-size:28px;line-height:38px}.toc nav a{font-size:16px}.ruled-list{font-size:16px;line-height:24px}.ruled-list>div{grid-template-columns:minmax(100px,1fr) minmax(0,1.5fr);gap:16px}.form-fields{flex-direction:column;align-items:stretch;gap:16px}.primary{width:100%}.project-row{grid-template-columns:1fr;gap:24px;margin-bottom:24px;padding-bottom:32px}.project-row img{aspect-ratio:342/236}.project-aside{display:none}.about-intro{grid-template-columns:1fr;gap:32px}.about-intro img{aspect-ratio:342/300}.about-topics{margin-top:32px}.about-topics .ruled-list>div{grid-template-columns:1fr;gap:8px}.contact-section{margin-top:40px;padding-top:32px}.table-scroll table{font-size:15px;line-height:24px}.code-block{padding:16px}.search-dialog,.menu-dialog{padding:14px 24px}.search-dialog .brand img{width:204px}.search-dialog h2{margin-top:48px;font-size:38px;line-height:46px}.search-form input,.search-result h2{font-size:24px;line-height:34px}.menu-dialog nav{margin-top:80px}.menu-dialog nav a{padding-block:24px}.menu-bottom{margin-top:100px}.not-found{min-height:65vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (width>=1024px){.mobile-only{display:none}.article-row h3 a{min-height:44px;display:block}}.reading-layout>.scope{grid-area:1/1;margin-bottom:48px}.reading-layout>.scope h2{font-size:30px;line-height:40px}.reading-layout>.scope p,.reading-layout>.scope dl{margin-top:16px}.reading-layout.with-scope>.article-body{grid-row:2}.reading-layout.with-scope>.toc{grid-row:1/span 2}@media (width<=1023px){.reading-layout>.scope{width:100%;margin-bottom:0}.parts-table thead,.comparison-table thead{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.parts-table,.parts-table tbody,.parts-table tr,.parts-table th,.parts-table td,.comparison-table,.comparison-table tbody,.comparison-table tr,.comparison-table th,.comparison-table td{width:100%;min-width:0;display:block}.parts-table tr,.comparison-table tr{border-bottom:1px solid var(--line);padding-block:16px}.parts-table th,.parts-table td,.comparison-table th,.comparison-table td{border:0;padding:0 0 8px;font-size:16px;line-height:26px}.parts-table td:last-child{color:var(--muted);padding:0;font-size:14px;line-height:22px}.comparison-table td{grid-template-columns:110px minmax(0,1fr);gap:16px;display:grid}.comparison-table td:before{content:attr(data-label);color:var(--ink);font-size:14px}}@media (width<=767px){.home-intro{grid-template-columns:1fr}.home-intro .lead{font-size:18px;line-height:29px}.home-intro h1{max-width:13ch}}.site-header.container,.home-page.container,.footer-inner{width:calc(100% - 48px);max-width:1160px;margin-inline:auto;padding-inline:0}.site-header{min-height:97px;padding-block:24px}.site-header:after{left:0;right:0}.brand img,.site-header .brand img,.footer-brand img,.search-dialog .brand img{width:auto;height:auto}.desktop-nav{font:500 16px/24px var(--ui);gap:32px}.desktop-nav a{min-height:48px}.site-header .mobile-toggle{font:500 16px/24px var(--ui);padding:12px 0}.site-footer{background:var(--ink);color:var(--paper);margin-top:0;padding:64px 0}.site-footer .footer-main{border:0;align-items:center;gap:32px;padding:0}.site-footer .footer-main p{font:400 18px/28px var(--ui);color:var(--paper);margin-top:8px}.site-footer .footer-main nav{font:500 16px/24px var(--ui);gap:24px}.site-footer .footer-main nav a{align-items:center;min-height:48px;display:inline-flex}.site-footer .meta{border-top:1px solid var(--muted);color:var(--paper);font:400 14px/21px var(--ui);margin-top:32px;padding-top:32px}.site-footer :focus-visible{outline-color:var(--paper)}.home-page{font:400 16px/24px var(--ui)}.home-page h1,.home-page h2,.project-overview h3{font-family:var(--reading)}.home-page h2{font-size:36px;line-height:1.2}.home-page .eyebrow{font:400 12px/18px var(--mono);text-transform:uppercase}.home-page .text-link{font:500 16px/24px var(--ui);text-underline-offset:3px;border:0;min-height:48px;padding-block:12px;text-decoration:underline}.home-page .home-intro{grid-template-columns:minmax(0,600fr) minmax(0,496fr);gap:64px;padding-block:64px}.home-page .home-intro h1{white-space:pre-line;text-wrap:initial;max-width:none;font-size:56px;line-height:1.14}.home-page .home-intro .lead{font:400 20px/31px var(--reading);max-width:550px}.home-page .home-illustration img{aspect-ratio:496/330}.home-page .home-illustration figcaption{font-size:12px;line-height:18px}.home-page .home-section{border-top:0;padding-block:48px}.home-page .home-section[aria-labelledby=latest-notes-title]{border-top:1px solid var(--line)}.home-page .section-heading{gap:24px;margin-bottom:0}.home-page .home-projects .section-heading{margin-bottom:32px}.home-page .notebook-entry{border-bottom:1px solid var(--line);grid-template-columns:200px minmax(0,1fr);align-items:center;gap:32px;padding-block:24px;display:grid}.home-page .notebook-entry figure{grid-area:1/1;width:200px;display:block}.home-page .notebook-entry img{aspect-ratio:200/140}.home-page .notebook-entry>div{flex-direction:column;grid-column:2;align-items:flex-start;gap:8px;display:flex}.home-page .notebook-entry:not(:has(figure))>div{grid-column:1/-1}.home-page .notebook-entry h3{font:600 26px/1.26 var(--ui)}.home-page .notebook-entry h3 a{text-decoration:none}.home-page .notebook-entry h3 a:hover{text-decoration:underline}.home-page .notebook-entry .excerpt{max-width:840px;font:400 16px/24px var(--ui);color:var(--muted);display:block}.home-page .note-read-link{display:none}.project-list{gap:24px;display:grid}.project-list.multiple-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.project-summary{border:1px solid var(--line);background:var(--paper);border-radius:4px;grid-template-columns:minmax(0,656fr) minmax(0,408fr);gap:16px 32px;padding:32px;display:grid}.project-overview{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.project-overview h3{font-size:30px;line-height:1.24}.project-overview h3 a{text-decoration:none}.project-overview h3 a:hover{text-decoration:underline}.project-overview .excerpt{max-width:610px;font:400 16px/24px var(--ui);color:var(--muted)}.project-facts{border-top:1px solid var(--line);font:400 16px/24px var(--ui);color:var(--muted);overflow-wrap:anywhere;grid-area:1/2/span 2;align-self:center;padding-top:8px}.project-facts>div{gap:5px;display:flex}.project-facts>div:first-child{color:var(--ink);margin-bottom:8px;font-weight:500}.project-facts dt{flex:none}.project-facts dt:after{content:" ·"}.project-facts dd{margin:0}.project-facts ul{padding:0;list-style:none}.project-link{grid-column:1}.multiple-projects .project-summary{grid-template-columns:1fr}.multiple-projects .project-facts{grid-area:auto/1;align-self:start}.home-author{border-top:1px solid var(--line);grid-template-columns:minmax(0,740fr) minmax(0,340fr);gap:80px;margin-top:48px;padding-block:32px 48px;display:grid}.author-note{color:var(--muted);flex-direction:column;align-items:flex-start;gap:24px;display:flex}.author-heading{color:var(--ink);align-items:center;gap:16px;display:flex}.author-heading .brand-decoration{flex:none;margin:4.5px}.author-intro{max-width:700px;font:400 18px/1.55 var(--ui)}.author-note .text-link{color:var(--ink)}.home-rss{color:var(--muted);flex-direction:column;align-items:flex-start;gap:16px;padding-top:8px;display:flex}.home-rss h3{font:600 26px/1.26 var(--ui);color:var(--ink)}.home-rss .text-link{color:var(--ink)}.home-topics{border-top:1px solid var(--line);width:100%;font:400 12px/18px var(--mono);padding:16px 0 0;list-style:none}@media (width<=1023px) and (width>=768px){.home-page .home-intro{gap:32px}.home-page .home-intro h1{font-size:44px}.home-author{gap:32px}}@media (width<=767px){.site-header{min-height:81px;padding-block:16px}.home-page h2{font-size:30px;line-height:1.22}.home-page .home-intro{grid-template-columns:1fr;gap:32px;padding-block:40px}.home-page .home-intro h1{font-size:40px;line-height:1.16}.home-page .home-intro .lead{font:400 18px/1.55 var(--ui)}.home-page .home-section{padding-block:40px}.home-page .section-heading{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:0}.home-page .home-projects .section-heading{margin-bottom:24px}.home-page .notebook-entry{grid-template-columns:104px minmax(0,1fr);gap:16px 24px;padding-block:24px}.home-page .notebook-entry>div{grid-area:1/1/auto/-1}.home-page .notebook-entry figure{grid-row:2;width:104px}.home-page .notebook-entry img{aspect-ratio:104/76}.home-page .notebook-entry h3{font-size:24px;line-height:1.28}.home-page .note-read-link{grid-area:2/2;display:inline-flex}.home-page .notebook-entry:not(:has(figure)) .note-read-link{grid-column:1/-1}.project-list.multiple-projects{grid-template-columns:1fr}.project-summary{grid-template-columns:1fr;gap:16px;padding:24px}.project-overview h3{font:600 24px/1.28 var(--ui)}.project-facts{grid-area:auto/1}.home-author{grid-template-columns:1fr;gap:32px;margin-top:40px;padding-block:24px 40px}.author-heading{gap:16px}.author-heading .brand-decoration{margin:4.5px 0}.home-rss{padding-top:0}.site-footer{padding-block:24px}.site-footer .footer-main{flex-direction:column;align-items:flex-start;gap:24px}.site-footer .meta{margin-top:24px;padding-top:24px}}.brand-decoration{background:url(/brand/gutsymaker-icon.svg) 50%/contain no-repeat;flex:none;width:31px;height:31px;display:inline-block}.menu-decoration{width:44px;height:44px}