:root{--bg:#fafafa;--fg:#14171c;--muted:#6b7280;--border:#dde1e7;--accent:#4f6d8f;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:clamp(14px, 2vw + 13px, 16px);--text-lg:clamp(16px, 4vw + 16px, 24px);--content-width:640px;--hover-duration:.35s;--hover-easing:ease;--hover-transition:var(--hover-duration) var(--hover-easing)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit}ul{margin:0;padding:0;list-style:none}.shell{flex-direction:column;min-height:100vh;display:flex}.site-header,.site-main{width:100%;max-width:var(--content-width);margin:0 auto;padding-left:0;padding-right:0}.site-header{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:clamp(16px,4vw,20px);padding-bottom:clamp(16px,4vw,20px);display:flex;position:sticky;top:0}.wordmark{font-size:var(--text-md);text-underline-offset:3px;color:var(--fg);letter-spacing:-.02em;transition:color var(--hover-transition), text-decoration-color var(--hover-transition);font-weight:500;text-decoration-line:underline;text-decoration-color:#0000}.wordmark:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.header-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.site-main{flex:1;padding-bottom:clamp(40px,8vw,64px)}@media (width<=640px){.site-header,.site-main{padding-left:16px;padding-right:16px}}.hero-title,.page-title{font-size:var(--text-lg);letter-spacing:-.01em;margin:0 0 16px;font-weight:500;line-height:1.2}.lede{font-size:var(--text-md);color:var(--muted);max-width:52ch;margin:0 0 32px}.links-row{gap:20px;display:flex}.text-link{font-size:var(--text-sm);color:var(--fg);border-bottom:1px solid var(--border);transition:border-color var(--hover-transition), color var(--hover-transition);padding-bottom:2px;text-decoration:none}.text-link:hover,.text-link.is-active{color:var(--accent);border-color:var(--accent)}.tag-dropdown{display:inline-flex;position:relative}.tag-trigger{font:inherit;font-size:var(--text-sm);color:var(--fg);cursor:pointer;height:calc(1.55em + 3px);transition:border-color var(--hover-transition);background:0 0;border:none;border-bottom:1px solid #0000;justify-content:center;align-items:center;gap:5px;margin:0;padding:0 1px 2px;display:inline-flex}.tag-trigger:hover,.tag-trigger:focus-visible,.tag-trigger.is-open{border-color:var(--accent)}.tag-trigger:focus-visible{outline:none}.tag-trigger-icon{pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236b7280' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:10px;height:6px}.tag-trigger:hover .tag-trigger-icon,.tag-trigger:focus-visible .tag-trigger-icon,.tag-trigger.is-open .tag-trigger-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%234f6d8f' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.tag-current{font-size:var(--text-sm);color:var(--accent)}.tag-panel{z-index:20;background:var(--bg);border:1px solid var(--border);opacity:0;visibility:hidden;min-width:140px;transition:opacity var(--hover-transition), transform var(--hover-transition), visibility 0s linear var(--hover-duration);border-radius:4px;padding:4px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 4px 16px #14171c0f}.tag-panel.is-open{opacity:1;visibility:visible;transition:opacity var(--hover-transition), transform var(--hover-transition), visibility 0s;transform:translateY(0)}.tag-option{width:100%;font:inherit;font-size:var(--text-sm);text-align:left;text-transform:lowercase;color:var(--fg);cursor:pointer;text-underline-offset:3px;transition:color var(--hover-transition), text-decoration-color var(--hover-transition);background:0 0;border:none;border-radius:3px;padding:2px 4px;text-decoration-line:underline;text-decoration-color:#0000;display:block}.tag-option:hover,.tag-option:focus-visible{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);outline:none}.tag-option.is-selected{color:var(--accent);font-weight:500}.card-list{flex-direction:column;padding-top:24px;display:flex}.card{padding:0}.card-meta{font-size:var(--text-xs);color:var(--muted);align-items:center;gap:6px;margin-bottom:8px;display:flex}.tags{text-transform:lowercase}.tag-link{color:inherit;text-underline-offset:3px;transition:color var(--hover-transition), text-decoration-color var(--hover-transition);text-decoration-line:underline;text-decoration-color:#0000}.tag-link:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.card-title{font-size:var(--text-md);letter-spacing:-.01em;margin:0 0 6px;font-weight:500}.card-title-link{color:inherit;text-underline-offset:3px;transition:color var(--hover-transition), text-decoration-color var(--hover-transition);text-decoration-line:underline;text-decoration-color:#0000}.card-title-link:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.inline-link{color:inherit;text-underline-offset:3px;transition:color var(--hover-transition), text-decoration-color var(--hover-transition);text-decoration-line:underline;text-decoration-color:#0000}.inline-link:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.detail-meta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;margin-bottom:8px;display:flex}.detail-meta-row .card-meta{flex:1;margin-bottom:0}.lede:has(+.detail-date){margin-bottom:8px}.detail-date{font-size:var(--text-xs);color:var(--muted);border-bottom:1px solid var(--border);margin:0 0 24px;padding-bottom:24px;display:block}.section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:32px 0 12px}.detail-yields{font-size:var(--text-xs);color:var(--muted);margin:0}.detail-yields+.section-label{margin-top:24px}.detail-body p{max-width:60ch;margin:0 0 16px}.detail-body a{text-underline-offset:2px;text-decoration:underline}.detail-figure{max-width:60ch;margin:24px 0}.detail-figure img,.detail-figure video{border:1px solid var(--border);width:100%;height:auto;display:block}.detail-figure figcaption{font-size:var(--text-xs);color:var(--muted);margin-top:8px}.detail-list,.detail-steps{max-width:56ch;padding-left:20px}.detail-list{list-style:outside}.detail-steps{list-style:decimal}.detail-list li,.detail-steps li{margin-bottom:8px}.detail-list-image{max-width:280px;margin-top:16px;margin-bottom:16px;margin-left:-20px;list-style:none}.detail-list-image img{border:1px solid var(--border);width:100%;height:auto;display:block}.detail-figure img.no-border,.detail-list-image img.no-border{border:none}.detail-list-caption{font-size:var(--text-xs);color:var(--muted);margin-top:8px;display:block}