:root{--feature-gap:1.25rem;--feature-min-width:260px;--transition-duration:var(--motion-standard);--card-radius:10px;--card-padding:2rem}.sr-only{white-space:nowrap;clip:rect(0, 0, 0, 0);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{font-family:Verdana,Geneva,sans-serif;font-size:var(--font-size-base);color:var(--ink);background-color:var(--surface-0);margin:0;padding:0;line-height:1.5}#container{width:85%;max-width:1400px;transition:width var(--motion-slow) var(--ease-standard-in-out), max-width var(--motion-slow) var(--ease-standard-in-out);margin-inline:auto;padding-inline:10px}.site-header{background-color:var(--header-bg-color,var(--surface-0));justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:5px;padding:12px 0 8px;display:flex}.site-header h1{font-size:var(--font-size-h1);align-items:center;margin:0;padding:0;font-weight:700;display:inline-flex}.site-header h1 a{font-size:var(--font-size-h1);vertical-align:middle;color:var(--ink);white-space:nowrap;margin-inline-start:3px;text-decoration:none}.header-left{align-items:flex-end;gap:5px;display:flex}.header-text-content{flex-direction:row;align-items:baseline;gap:10px;display:flex}.site-header .tagline{position:static}.header-links{flex-shrink:0;align-items:flex-end;gap:8px;padding-top:0;display:flex;position:static;font-size:var(--font-size-small-val)!important}.header-links.header-links a{color:var(--link);text-decoration:none}.header-links a[aria-current=page]{color:var(--ink-soft);text-decoration:none}.site-header .header-links a[href=\/notes],.site-header .header-links a[href=\/feeds]{display:none}.site-footer{font-size:var(--font-size-smaller);color:var(--ink-soft);text-align:center;margin-block:40px 24px}.site-footer.site-footer a{color:var(--ink-soft);text-decoration:none}.site-footer a:hover{text-decoration:underline}main{padding-block-end:20px}.hero{padding-block:1.75rem 1.5rem}.hero h1{font-size:var(--font-size-h1);letter-spacing:-.01em;margin-block:0 .75rem}.hero-intro{margin-block-end:.5rem;line-height:1.6}.hero-detail{font-size:var(--font-size-smaller);color:var(--ink-soft);margin-block-end:.35rem}.features-intro{padding-block:.5rem 0}.features-intro h2{font-size:var(--font-size-h2);margin:0}#container main a{color:var(--link);-webkit-text-decoration:var(--link-hover-decor);text-decoration:var(--link-hover-decor)}#container main a:visited{color:var(--link-visited)}.callout{font-size:var(--font-size-smaller);color:var(--ink-soft);background-color:var(--highlight-bg-color);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;margin-block-start:1rem;padding:.65rem .9rem;line-height:1.5}.callout.callout a{font-weight:600}.section-card{padding:var(--card-padding);background-color:var(--surface-1);border:1px solid var(--line-soft);border-radius:var(--card-radius);transition:opacity calc(var(--motion-slow) + var(--motion-standard)) var(--ease-standard), transform calc(var(--motion-slow) + var(--motion-standard)) var(--ease-standard);margin-block:1.25rem}.section-card[data-animate=pending]{opacity:0;transform:translateY(16px)}.section-card[data-animate=visible]{opacity:1;transform:translateY(0)}.section-card h2{font-size:var(--font-size-h2);color:var(--ink);border-left:3px solid var(--accent);margin-block:0 .5rem;padding-left:.75rem}.section-desc{font-size:var(--font-size-smaller);color:var(--ink-soft);margin-block:0 1rem}.views-grid{flex-direction:column;gap:2rem;display:flex}@media (width>=1024px){.views-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;display:grid}}.features{grid-template-columns:repeat(auto-fit, minmax(var(--feature-min-width), 1fr));gap:var(--feature-gap);margin-block:1rem;display:grid}.feature{background-color:var(--surface-0);border:1px solid var(--line-soft);transition:transform var(--transition-duration) var(--ease-standard), box-shadow var(--transition-duration) var(--ease-standard);border-radius:8px;flex-direction:column;margin:0;padding:1rem;display:flex}.feature:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.feature h3{font-size:var(--font-size-base);color:var(--ink);margin-top:0;margin-bottom:.5rem;font-weight:700}.feature-image-btn{appearance:none;cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block}.feature-image-btn:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset-relaxed);border-radius:6px}.feature-image-btn img{background-color:var(--surface-1);border:1px solid var(--line-mid,var(--line-strong));width:100%;height:auto;transition:box-shadow var(--transition-duration) var(--ease-standard);border-radius:6px;box-shadow:0 2px 8px #00000014}.feature-image-pair{gap:.75rem;display:grid}.feature:hover .feature-image-btn img{box-shadow:0 4px 14px #0000001f}figcaption{max-width:100%;font-size:var(--font-size-smaller);color:var(--ink-soft);margin-block-start:.6rem;line-height:1.5}.feature-intro{margin-block:0 .75rem}figcaption ul{margin-block:.25rem 0;padding-inline-start:1.1rem}figcaption li{font-size:var(--font-size-smaller);margin-block-end:.25rem}.back-link{margin-block:1.5rem 0}.modal-overlay{z-index:var(--z-modal);pointer-events:none;opacity:0;transition:opacity var(--transition-duration) var(--ease-standard);background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.visible{pointer-events:auto;opacity:1}.modal-content{background-color:var(--surface-0);border-radius:8px;max-width:90vw;max-height:90vh;padding:1rem;position:relative;overflow:auto}.modal-image{max-width:100%;max-height:80vh}.modal-close{width:30px;height:30px;font-size:var(--font-size-base);color:var(--ink);cursor:pointer;background-color:var(--surface-0);border:1px solid var(--line-soft);transition:background-color var(--motion-interactive) var(--ease-standard);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.5rem;right:.5rem}.modal-close:hover{background-color:var(--button-hover-bg-color)}.modal-caption{font-size:var(--font-size-smaller);color:var(--ink);margin-block-start:1rem}body.about-modal-open{overflow:hidden}.mobile-only{display:none}.desktop-only{display:inline}@media (width<=768px){body{font-size:var(--font-size-base)}#container{width:95%;max-width:none}.section-card{padding:1.25rem}.mobile-only{display:inline}.desktop-only{display:none}}@media (width<=640px){.header-text-content{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-width:0}.site-header{flex-wrap:wrap;align-items:center;row-gap:6px;padding-left:5px;padding-right:5px}.header-left{align-items:center;min-width:0}.header-left>img{margin-top:0;top:0!important}.header-links{flex-wrap:wrap;flex-basis:100%;justify-content:flex-start;row-gap:4px;width:100%;min-width:0;padding-left:39px}.site-header h1{margin-bottom:0;line-height:1;position:static}.site-header h1 a{line-height:1}}@media (width<=560px){:root{--card-padding:1rem;--card-radius:6px}.features{grid-template-columns:1fr}.feature:hover{transform:none}}html[data-theme-kind=dark] .feature{box-shadow:0 1px 4px #00000040}html[data-theme-kind=dark] .feature:hover{box-shadow:0 6px 20px #00000059}