:root{--color-bg: #f5f5f5;--color-bg-content: #ffffff;--color-text: #2a2a2a;--color-text-muted: #5a5a5a;--color-text-faint: #8a8a8a;--color-accent: #e85a5a;--color-accent-hover: #d04545;--color-accent-transparent: rgba(232, 90, 90, 0.2);--color-code-inline-bg: #f5f5f5;--color-border: #e0e0e0;--color-shadow: rgba(26, 26, 26, 0.08);--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", monospace;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.25rem;--space-2xl: 3rem;--content-width: 75ch;--content-padding: 2.5rem;--line-height: 1.6;--header-height: auto}[data-theme=dark]{--color-bg: #1a1a1a;--color-bg-content: #2a2a2a;--color-text: #f0f0f0;--color-text-muted: #a0a0a0;--color-text-faint: #707070;--color-accent: #f0a030;--color-accent-hover: #ffb040;--color-accent-transparent: rgba(240, 160, 48, 0.2);--color-code-inline-bg: #1a1a1a;--color-border: #3a3a3a;--color-shadow: rgba(0, 0, 0, 0.3)}[data-theme=light] pre.giallo{color:#657b83 !important;background-color:#f5f5f5 !important;border-left:3px solid var(--color-accent)}[data-theme=light] pre.giallo code{color:inherit}[data-theme=light] pre.giallo span{color:#657b83 !important}[data-theme=light] pre.giallo span[style*="color: #616E88"],[data-theme=light] pre.giallo span[style*="color:#616E88"]{color:#93a1a1 !important}[data-theme=light] pre.giallo span[style*="color: #A3BE8C"],[data-theme=light] pre.giallo span[style*="color:#A3BE8C"]{color:#2aa198 !important}[data-theme=light] pre.giallo span[style*="color: #81A1C1"],[data-theme=light] pre.giallo span[style*="color:#81A1C1"]{color:#859900 !important}[data-theme=light] pre.giallo span[style*="color: #88C0D0"],[data-theme=light] pre.giallo span[style*="color:#88C0D0"]{color:#268bd2 !important}[data-theme=light] pre.giallo span[style*="color: #B48EAD"],[data-theme=light] pre.giallo span[style*="color:#B48EAD"]{color:#6c71c4 !important}[data-theme=light] pre.giallo span[style*="color: #D8DEE9"],[data-theme=light] pre.giallo span[style*="color:#D8DEE9"]{color:#657b83 !important}[data-theme=light] pre.giallo span[style*="color: #8FBCBB"],[data-theme=light] pre.giallo span[style*="color:#8FBCBB"]{color:#268bd2 !important}[data-theme=light] pre.giallo span[style*="color: #ECEFF4"],[data-theme=light] pre.giallo span[style*="color:#ECEFF4"]{color:#cb4b16 !important}[data-theme=light] pre.giallo span[style*="color: #BF616A"],[data-theme=light] pre.giallo span[style*="color:#BF616A"]{color:#dc322f !important}[data-theme=light] pre.giallo span[style*="color: #D08770"],[data-theme=light] pre.giallo span[style*="color:#D08770"]{color:#cb4b16 !important}[data-theme=light] pre.giallo span[style*="color: #EBCB8B"],[data-theme=light] pre.giallo span[style*="color:#EBCB8B"]{color:#b58900 !important}[data-theme=light] pre.giallo span[style*="color: #E5E9F0"],[data-theme=light] pre.giallo span[style*="color:#E5E9F0"]{color:#586e75 !important}[data-theme=light] pre.giallo span[style*="color: #5E81AC"],[data-theme=light] pre.giallo span[style*="color:#5E81AC"]{color:#268bd2 !important}[data-theme=dark] pre.giallo{background-color:#1a1a1a !important;border-left:3px solid var(--color-accent)}*,*::before,*::after{box-sizing:border-box}html{font-size:20px;scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-body);font-size:1rem;line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-content)}.content-wrapper{padding:0 var(--content-padding);flex:1;width:100%}.header{padding:var(--space-xl) 0 var(--space-lg);margin-bottom:var(--space-xl);overflow:hidden}.header-row{display:flex;align-items:center;gap:var(--space-md)}.site-brand{display:flex;align-items:center;gap:var(--space-md);flex-shrink:1;min-width:0}.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.logo-img{width:88px;height:auto}.site-identity{display:flex;flex-direction:column;gap:.125rem}.site-name{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;color:var(--color-text);text-decoration:none;letter-spacing:-.01em}.site-name:hover{text-decoration:none}.site-name-tld{color:var(--color-accent)}.tagline{font-size:.85rem;color:var(--color-text-muted);margin:0;line-height:1.4}.nav{margin-left:auto;display:flex;align-items:center;gap:var(--space-lg)}.nav-link{font-family:var(--font-heading);font-size:1.1rem;color:var(--color-text-muted);text-decoration:none;transition:color .15s}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(0,0,0,0);border:none;color:var(--color-text-muted);cursor:pointer;transition:color .15s ease}.btn-icon:hover{color:var(--color-accent)}.btn-icon svg{width:18px;height:18px}.main{padding-bottom:var(--space-2xl);flex:1;max-width:var(--content-width)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.15;margin-top:var(--space-xl);margin-bottom:1rem;color:var(--color-text)}h1{font-size:2rem;letter-spacing:-.02em;margin-top:var(--space-xl)}h2{font-size:1.6rem}h3{font-size:1.28rem}h4{font-size:1.024rem}p{margin:0 0 var(--space-lg)}a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.15em;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}a:hover{color:var(--color-accent)}strong{font-weight:600}em{font-style:italic}ul,ol{margin:0 0 var(--space-lg);padding-left:0;list-style-position:inside}li{margin-bottom:var(--space-sm)}.intro{margin-bottom:var(--space-2xl)}.intro-avatar{float:right;width:200px;margin-left:var(--space-lg);margin-bottom:var(--space-sm)}@media (max-width: 600px){.intro-avatar{width:120px}}.intro p{font-size:1.1rem}.section{margin-bottom:var(--space-2xl)}.post-list{list-style:none;padding:0;margin:0}.post-item{margin-bottom:var(--space-sm)}.post-link{text-decoration:none;display:flex;align-items:baseline}.post-link:hover .post-title{color:var(--color-accent)}@media (max-width: 600px){.post-link{flex-wrap:wrap}.post-link .post-title{flex-basis:100%}.post-link .post-dots{display:none}.post-link .post-date{margin-top:.25em}}.post-title{font-family:var(--font-body);font-size:1rem;font-weight:normal;color:var(--color-text);transition:color .15s;flex-shrink:0}.post-dots{flex-grow:1;overflow:hidden;margin:0 .5em}.post-dots::before{content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";display:block;white-space:nowrap;overflow:hidden;color:var(--color-text-faint);font-size:.8rem;letter-spacing:.1em}.post-date{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-faint);white-space:nowrap;flex-shrink:0}.post-excerpt{font-size:.95rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.til-suffix{color:var(--color-text-muted);font-size:.85em}.article-header{margin-bottom:var(--space-2xl)}.article-meta{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md)}.article-content{max-width:100%}.article-content>*:first-child{margin-top:0}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-2xl)}.share-box{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--color-bg);border-left:3px solid var(--color-accent)}.share-heading{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin:0 0 var(--space-md)}.share-links{display:flex;flex-wrap:wrap;gap:var(--space-md)}.share-link{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-body);font-size:.9rem;color:var(--color-text);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.15em;text-decoration-thickness:1px;transition:color .15s}.share-link:hover{color:var(--color-accent)}.share-link svg{width:16px;height:16px;flex-shrink:0}.share-link-copy .icon-check{display:none}.share-link-copy.copied{color:var(--color-accent)}.share-link-copy.copied .icon-copy{display:none}.share-link-copy.copied .icon-check{display:block}.post-nav{margin-top:var(--space-xl)}.post-nav-continue{font-size:.9rem;color:var(--color-text-muted);margin:0 0 var(--space-sm)}.post-nav-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin:0}.post-nav-prev,.post-nav-next{font-size:.9rem;color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.15em;text-decoration-thickness:1px;transition:color .15s}.post-nav-prev:hover,.post-nav-next:hover{color:var(--color-accent)}code{font-family:var(--font-mono);font-size:.7em;background-color:var(--color-code-inline-bg);color:var(--color-text);padding:.15em .35em;border-radius:3px}pre{padding:var(--space-lg);border-radius:6px;overflow-x:auto;margin:var(--space-xl) 0;line-height:1.5}pre code{background:none;padding:0;font-size:.8rem}.giallo-l{display:inline-block;min-height:1lh;width:100%}.giallo-ln{display:inline-block;user-select:none;margin-right:.4em;padding:0 .4em 0 0;min-width:2ch;text-align:right;opacity:.5}blockquote{margin:var(--space-xl) 0;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--color-accent);background:var(--color-bg);color:var(--color-text-muted);font-style:italic}blockquote p:last-child{margin-bottom:0}table{width:100%;border-collapse:collapse;margin:var(--space-xl) 0}th{font-family:var(--font-heading);font-weight:600;text-align:left;padding:var(--space-sm) var(--space-md) var(--space-sm) 0;border-bottom:2px solid var(--color-border)}td{padding:var(--space-sm) var(--space-md) var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tag{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg);padding:.25rem .5rem;border-radius:4px;text-decoration:none;transition:all .15s}.tag:hover{color:var(--color-accent);background:var(--color-border)}.project-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-lg)}.project-card{border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:border-color .15s ease}.project-card:hover{border-color:var(--color-accent)}.project-card-logo{display:flex;justify-content:center;align-items:center;padding:var(--space-sm)}.project-card-logo img{max-width:100%;max-height:96px;width:auto;height:auto;object-fit:contain}.project-card-content{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.project-card-title{font-family:var(--font-heading);font-size:1.25rem;margin:0}.project-card-title a{color:var(--color-text);text-decoration:none}.project-card-title a:hover{color:var(--color-accent)}.project-card-teaser{color:var(--color-text-muted);font-size:.95rem;margin:0;flex:1}.project-card-links{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-sm)}.project-card-link{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);text-decoration:none}.project-card-link svg{width:16px;height:16px;flex-shrink:0}.project-card-link:hover{color:var(--color-accent)}.project-card--upcoming{opacity:.65}.project-card--upcoming:hover{border-color:var(--color-border)}.project-card-status{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-faint);margin:var(--space-sm) 0 0}.project-card-fineprint{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-faint);margin:var(--space-xs) 0 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.project-group{margin-bottom:var(--space-2xl)}.project-group-title{margin:0 0 var(--space-xs)}.project-group-desc{color:var(--color-text-muted);margin:0 0 var(--space-md)}.project-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0;font-size:.85rem}.project-table th,.project-table td{padding:var(--space-sm);vertical-align:middle;text-align:left;border-bottom:1px solid var(--color-border)}.project-table th:first-child,.project-table td:first-child{padding-left:0}.project-table th:last-child,.project-table td:last-child{padding-right:0}.project-table-head th{font-size:.8rem;font-weight:400;color:var(--color-text-muted);border-bottom:1px solid var(--color-text-muted);padding-top:0;padding-bottom:var(--space-xs)}.project-table-head th:first-child{width:14rem}.project-table-head th:last-child{width:calc(3*max(44px,2.2rem) + .6rem + var(--space-sm))}.project-row-name{font-family:var(--font-body);font-weight:600;font-size:.9rem;white-space:nowrap}.project-row-name a{color:var(--color-text);text-decoration:none}.project-row-name a:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:.2em}.project-row-name a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.project-row-ident{display:flex;align-items:center;gap:.6rem;min-width:0}.project-row-title{min-width:0;overflow:hidden;text-overflow:ellipsis}.project-logo{--logo-tile: 2.25rem;flex:none;display:flex;align-items:center;justify-content:center;width:var(--logo-tile);height:var(--logo-tile);padding:2px;box-sizing:border-box;background:#fbfbfb;border-radius:6px;overflow:hidden}.project-logo img{display:block;width:100%;height:100%;object-fit:contain}[data-theme=dark] .project-logo{background:#e4e4e4}.project-row-desc{color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-row-links{white-space:nowrap;font-size:0}.project-table .project-row-links{text-align:right}.project-key{display:inline-flex;align-items:center;justify-content:center;width:max(44px,2.2rem);height:max(44px,2.2rem);margin-left:.3rem;color:var(--color-text-muted);background:var(--color-bg-content);border:1px solid var(--color-border);border-bottom-width:3px;border-radius:6px;text-decoration:none;transition:color .15s ease,border-color .15s ease,transform .08s ease}.project-key:first-child{margin-left:0}.project-key svg{width:.85rem;height:.85rem}.project-key:hover{color:var(--color-accent);border-color:var(--color-accent)}.project-key:active{transform:translateY(2px);border-bottom-width:1px}.project-key:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;color:var(--color-accent)}@media (prefers-reduced-motion: reduce){.project-key{transition:none}.project-key:active{transform:none}}@media (max-width: 36rem){.project-table-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.project-table,.project-table tbody{display:block}.project-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"name links" "desc desc";align-items:center;column-gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.project-table .project-row>*{padding:0;border-bottom:0}.project-table .project-row-desc{padding-top:var(--space-xs);padding-left:2.85rem}.project-row-name{grid-area:name}.project-row-links{grid-area:links}.project-row-desc{grid-area:desc;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.project-list{list-style:none;padding:0;margin:0}.project-item{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.project-item:last-child{border-bottom:none}.project-title{font-family:var(--font-heading);font-size:1.25rem;margin:0 0 var(--space-sm)}.project-title a{color:var(--color-text);text-decoration:none}.project-title a:hover{color:var(--color-accent)}.project-desc{color:var(--color-text-muted);margin:0 0 var(--space-md)}.project-links{display:flex;gap:var(--space-md)}.project-links a{font-family:var(--font-mono);font-size:.85rem}.link-row{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-lg)}.link-row a{font-family:var(--font-heading);font-size:.95rem;color:var(--color-text-muted);text-decoration:none}.link-row a:hover{color:var(--color-accent)}h2:hover .zola-anchor,h3:hover .zola-anchor,h4:hover .zola-anchor{opacity:.5}.zola-anchor{opacity:0;text-decoration:none;transition:opacity .15s ease;margin-left:.5rem;font-family:var(--font-mono);font-size:1.5rem;color:var(--color-text-faint)}.zola-anchor:hover{opacity:.8;text-decoration:none;color:var(--color-accent)}.article-content img{max-width:100%;height:auto;display:block;margin:var(--space-xl) 0;border-radius:6px}.article-content figure{margin:var(--space-xl) 0;padding:0}.article-content figure img{margin:0}.article-content figure figcaption{margin-top:var(--space-sm);font-size:.85rem;color:var(--color-text-muted);font-style:italic;text-align:center}.article-content ol{list-style-position:outside;padding-left:1.5rem}.article-content ol li{display:list-item;padding-left:var(--space-sm)}.article-content ul{list-style-position:outside;padding-left:1.5rem}.article-content ul li{display:list-item;padding-left:var(--space-sm)}.article-content a[data-external]::after{content:" ↗";font-size:.75em;vertical-align:super;color:var(--color-text-muted);text-decoration:none;display:inline}.article-content a[data-external]:hover::after{color:var(--color-accent)}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-lg) 0 var(--space-2xl);margin-top:var(--space-2xl);border-top:1px solid var(--color-border)}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg);list-style:none;padding:0;margin:0}.footer-links a{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-heading);font-size:.9rem;color:var(--color-text-muted);text-decoration:none}.footer-links a:hover{color:var(--color-accent)}.footer-links a svg{width:14px;height:14px;flex-shrink:0}.copyright{font-size:.85rem;color:var(--color-text-faint);margin:0}.copyright a{color:var(--color-text-faint);text-decoration:none}.copyright a:hover{color:var(--color-accent)}.til-list{list-style:none;padding:0;margin:0}.til-item{margin-bottom:var(--space-sm)}.til-link{text-decoration:none;display:flex;align-items:baseline}.til-link:hover .til-title{color:var(--color-accent)}.til-title{font-family:var(--font-body);font-size:1rem;color:var(--color-text);transition:color .15s;flex-shrink:0}.til-dots{flex-grow:1;overflow:hidden;margin:0 .5em}.til-dots::before{content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";display:block;white-space:nowrap;overflow:hidden;color:var(--color-text-faint);font-size:.8rem;letter-spacing:.1em}.til-date{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-faint);white-space:nowrap;flex-shrink:0}.page-header{margin-bottom:var(--space-xl)}.page-desc{color:var(--color-text-muted);margin-top:var(--space-sm)}.breadcrumb{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);margin-bottom:0}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb+article .article-header{margin-top:0}.breadcrumb+article .article-header h1{margin-top:var(--space-sm)}.breadcrumb-sep{margin:0 .25em;opacity:.5}.search-container{position:relative}.search-input{width:160px;padding:.375rem .75rem .375rem 2rem;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text);background:var(--color-bg-content);border:1px solid var(--color-border);border-radius:6px;transition:border-color .15s,width .2s}.search-input::placeholder{color:var(--color-text-faint)}.search-input:focus{outline:none;border-color:var(--color-accent);width:200px}.search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--color-text-faint);pointer-events:none}.search-results{position:absolute;top:calc(100% + 8px);right:0;width:300px;max-height:400px;overflow-y:auto;background:var(--color-bg-content);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px var(--color-shadow);display:none;z-index:200}.search-results.active{display:block}.search-result-item{display:block;padding:var(--space-md);border-bottom:1px solid var(--color-border);text-decoration:none;transition:background .15s}.search-result-item:hover{background:var(--color-bg)}.search-result-item:last-child{border-bottom:none}.search-result-item h4{font-family:var(--font-heading);font-size:.9rem;margin:0 0 var(--space-xs);color:var(--color-text)}.search-result-item p{font-size:.8rem;color:var(--color-text-muted);margin:0}.callout{display:flex;gap:var(--space-md);margin:var(--space-xl) 0;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--callout-color);background:var(--callout-bg);border-radius:0 6px 6px 0}.callout p{margin:0}.callout-icon{flex-shrink:0;display:flex;align-items:flex-start;padding-top:.15em}.callout-icon svg{width:20px;height:20px;color:var(--callout-color)}.callout-content{flex:1;min-width:0}.callout-info{--callout-color: #3b82f6;--callout-bg: rgba(59, 130, 246, 0.1)}.callout-warning{--callout-color: #f59e0b;--callout-bg: rgba(245, 158, 11, 0.1)}.callout-tip{--callout-color: #10b981;--callout-bg: rgba(16, 185, 129, 0.1)}[data-theme=dark] .callout-info{--callout-bg: rgba(59, 130, 246, 0.15)}[data-theme=dark] .callout-warning{--callout-bg: rgba(245, 158, 11, 0.15)}[data-theme=dark] .callout-tip{--callout-bg: rgba(16, 185, 129, 0.15)}.logo-divider{margin:2rem 0;height:40px;background:linear-gradient(var(--color-border), var(--color-border)) left center/calc(50% - 25px) 1px no-repeat,linear-gradient(var(--color-border), var(--color-border)) right center/calc(50% - 25px) 1px no-repeat,url("/keyboard-logo.svg") center center/40px 40px no-repeat}.w3c-badges{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.w3c-badges a{text-decoration:none;opacity:.7;transition:opacity .15s ease}.w3c-badges a:hover{opacity:1}.w3c-badges a[data-external]::after{display:none}.w3c-badges img{height:32px;width:auto}@media (min-width: 80rem){.logo-img{width:120px}}@media (max-width: 80rem){.search-container{display:none}}@media (max-width: 56rem){.header{margin-bottom:var(--space-lg)}.header-row{flex-wrap:wrap;align-items:flex-start}.nav{width:100%;margin-left:0;margin-top:var(--space-md);flex-wrap:wrap;justify-content:flex-start;gap:var(--space-md)}#theme-toggle{margin-left:auto}}@media (max-width: 52rem){html{font-size:18px}.content-wrapper{padding:0 var(--space-lg)}.project-grid{grid-template-columns:1fr}}@media (max-width: 36rem){html{font-size:17px}.content-wrapper{padding:0 var(--space-md)}.site-brand{gap:var(--space-sm)}.logo-img{width:56px}.site-name{font-size:1rem}.tagline{font-size:.75rem}.nav{gap:var(--space-sm)}.nav-link{font-size:1rem}h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.12rem}.share-links{flex-direction:column;gap:var(--space-sm)}.post-nav-links{flex-direction:column;gap:var(--space-sm)}.post-nav-next{margin-left:0}}.page-eyebrow{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin:0 0 var(--space-sm)}.feature-card{border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:8px;padding:var(--space-xl);margin-top:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-bg-content);transition:border-color .15s ease}.feature-card:first-of-type{margin-top:0}.feature-card:hover{border-top-color:var(--color-accent);border-right-color:var(--color-accent);border-bottom-color:var(--color-accent)}.feature-card-eyebrow{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin:0}.feature-card-headline{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;line-height:1.25;margin:0;color:var(--color-text)}.feature-card-body{color:var(--color-text-muted);font-size:1rem;line-height:var(--line-height);margin:0;max-width:60ch}.feature-card-chips{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);margin:0}.feature-card-chip-sep{color:var(--color-text-faint);margin:0 .35em}.feature-card-ctas{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm) var(--space-md);margin:var(--space-sm) 0 0}.feature-card-cta{font-family:var(--font-body);font-size:.95rem;color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.2em;text-decoration-thickness:1px;transition:color .15s ease}.feature-card-cta:hover{color:var(--color-accent)}.feature-card-cta--primary{font-weight:600}.about-strip{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.about-portrait{width:96px;height:96px;flex-shrink:0;border-radius:50%;object-fit:cover;background:var(--color-bg)}.about-strip-text{flex:1;min-width:0}.about-strip-line{color:var(--color-text-muted);font-size:.95rem;margin:0 0 var(--space-xs);line-height:1.5}.about-strip-cta{margin:0;font-size:.95rem}.about-strip-cta a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.2em;text-decoration-thickness:1px;transition:color .15s ease}.about-strip-cta a:hover{color:var(--color-accent)}@media (max-width: 36rem){.feature-card{padding:var(--space-lg);margin-top:var(--space-lg)}.feature-card-headline{font-size:1.25rem}.about-strip{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}.post-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem var(--space-lg);margin:3rem 0 2rem;padding:1rem 1.25rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg)}.post-cta__col{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem var(--space-lg);min-width:0;flex:1 1 auto}.post-cta__heading{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);line-height:1.3;flex:0 0 auto}.post-cta__description{margin:0;font-size:.9375rem;color:var(--color-text-muted);line-height:1.5}.post-cta__form{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.post-cta__input{flex:1 1 12rem;min-width:0;padding:.5rem .75rem;font:inherit;font-size:.9375rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:.375rem;transition:border-color 120ms ease,box-shadow 120ms ease}.post-cta__input::placeholder{color:var(--color-text-muted);opacity:.7}.post-cta__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-transparent)}.post-cta__submit{flex:0 0 auto;padding:.5rem 1rem;font:inherit;font-size:.9375rem;font-weight:600;color:var(--color-bg);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:.375rem;cursor:pointer;transition:background-color 120ms ease,border-color 120ms ease,transform 80ms ease}.post-cta__submit:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.post-cta__submit:active{transform:translateY(1px)}.post-cta__fineprint{margin:0;font-size:.8125rem;color:var(--color-text-muted)}.post-cta__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media (max-width: 640px){.post-cta{padding:1rem 1.125rem;gap:.5rem var(--space-md)}}