:root{--white: #ffffff;--paper: #f8f6f1;--cream: #f0ebe0;--parchment: #e8e0cc;--wheat: #d6cab0;--sand: #c2b49a;--taupe: #a89880;--stone: #8c7e6a;--ash: #6b5f50;--ink: #2c2418;--black: #0f0c08;--success: #2e8b57;--danger: #c0392b;--warning: #b8860b;--info: #4a7fa5;--layout-max-width: 52rem;--layout-padding-inline: 1.25rem;--underline-offset: 3px}:root,[data-theme=light]{--bg: var(--paper);--bg-subtle: var(--cream);--bg-muted: var(--parchment);--bg-overlay: var(--wheat);--border: var(--wheat);--border-subtle: var(--parchment);--border-strong: var(--sand);--text: var(--ink);--text-muted: var(--ash);--text-subtle: var(--stone);--text-on-dark: var(--paper);--interactive: var(--ash);--interactive-hover: var(--ink);--shade-sm: #2c241808;--shade-md: #2c241828;--shade-lg: #2c241860;--icon-filter: none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: var(--ink);--bg-subtle: #211c13;--bg-muted: #2f271c;--bg-overlay: var(--ash);--border: var(--ash);--border-subtle: #3a3028;--border-strong: var(--stone);--text: var(--parchment);--text-muted: var(--sand);--text-subtle: var(--taupe);--text-on-dark: var(--ink);--interactive: var(--wheat);--interactive-hover: var(--parchment);--shade-sm: #f8f6f108;--shade-md: #f8f6f128;--shade-lg: #f8f6f160;--icon-filter: invert(.82) sepia(.15) brightness(.9)}}[data-theme=dark]{--bg: var(--ink);--bg-subtle: #211c13;--bg-muted: #2f271c;--bg-overlay: var(--ash);--border: var(--ash);--border-subtle: #3a3028;--border-strong: var(--stone);--text: var(--parchment);--text-muted: var(--sand);--text-subtle: var(--taupe);--text-on-dark: var(--ink);--interactive: var(--wheat);--interactive-hover: var(--parchment);--shade-sm: #f8f6f108;--shade-md: #f8f6f128;--shade-lg: #f8f6f160;--icon-filter: invert(1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:1.0625rem;line-height:1.7;min-height:100dvh;display:flex;flex-direction:column}img,svg{display:block;max-width:100%;height:auto}a{color:var(--interactive);text-decoration:underline;text-underline-offset:var(--underline-offset)}a:hover,a:focus-visible{color:var(--interactive-hover)}a:focus-visible{outline:2px solid var(--interactive-hover);outline-offset:var(--underline-offset);border-radius:2px}ul[role=list]{list-style:none}.container,main{width:100%;max-width:var(--layout-max-width);margin-inline:auto;padding-inline:var(--layout-padding-inline)}header{border-bottom:1px solid var(--border);padding-block:1rem;padding-inline:var(--layout-padding-inline);display:flex;align-items:center;justify-content:center}.logo{width:4rem;height:4rem;flex-shrink:0;color:var(--text)}.page-body{position:relative;flex:1;width:100%}main{padding-block:2rem;display:flex;flex-direction:column;gap:3rem}main>section{position:relative;z-index:1}section>h2{font-family:system-ui,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:1.2rem}.hello{font-size:2rem;line-height:1.3;text-align:center}.message{margin-top:1rem;font-size:1.2rem;line-height:1.5;text-indent:.8rem}.stack-grid{display:flex;flex-wrap:wrap;gap:1.5rem}.stack-grid li{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:3.5rem}.stack-grid li img{width:2.5rem;height:2.5rem;object-fit:contain;filter:var(--icon-filter)}.stack-grid li span{font-family:system-ui,sans-serif;font-size:.6875rem;color:var(--text-subtle);text-align:center;line-height:1.3}.readings-list{display:flex;flex-direction:column;gap:.75rem;list-style:none}.readings-list a{font-size:.9375rem;color:var(--text-muted)}.examples{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.5rem;min-width:0}.examples>li{display:flex}.examples article{flex:1;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;padding:1.5rem;background:var(--bg-subtle);transition:border-color .15s ease}.examples article:hover{border-color:var(--border-strong)}.examples article header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.625rem}.examples h3{font-size:1.0625rem;font-weight:600;word-break:break-word}.examples h3 a{text-decoration:none;color:var(--text)}.examples h3 a:hover{color:var(--interactive-hover);text-decoration:underline;text-underline-offset:var(--underline-offset)}.project-link{position:relative;display:inline-block}.link-icon{position:absolute;top:-.6rem;right:-.9rem;font-size:.7rem;opacity:.7}.tags{display:flex;gap:.375rem;flex-wrap:wrap}.tags span{font-family:system-ui,sans-serif;font-size:.75rem;background:var(--bg-muted);color:var(--text-subtle);border:1px solid var(--border);border-radius:4px;padding:.125rem .5rem}.examples p{font-size:.9375rem;color:var(--text-muted);line-height:1.6}footer{border-top:1px solid var(--border);padding-block:1.5rem;padding-inline:var(--layout-padding-inline)}footer address{display:flex;justify-content:center;align-items:center;gap:1.25rem}footer a{display:flex;color:var(--text-muted);text-decoration:none;opacity:.6;transition:opacity .15s ease}footer a img{width:1.25rem;height:1.25rem;object-fit:contain;filter:var(--icon-filter)}footer a:hover,footer a:focus-visible{opacity:1;color:var(--text);text-decoration:none}@media(max-width:640px){main{padding-block:2.5rem;gap:3rem}.bio{font-size:1rem}.examples article{padding:1.25rem}}