:root{--bw-bg: #ffffff;--bw-surface: #f7f7f7;--bw-text: #111111;--bw-text-muted: #5f6368;--bw-border: #d9d9d9;--bw-accent: #7fb3d5;--bw-accent-strong: #5a9cc6;--bw-accent-soft: #e7f1f8;--bw-surface-raised: #f3f5f6;--bw-max-width: 74rem;--bw-reading-width: 44rem}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bw-bg);color:var(--bw-text)}body{font-family:Georgia,Times New Roman,serif;line-height:1.65}a{color:var(--bw-accent-strong);text-decoration:none}a:hover{text-decoration:underline}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{max-width:var(--bw-max-width);width:100%;margin:0 auto;padding:1.2rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bw-border)}.site-header nav{display:flex;gap:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}.site-logo{color:var(--bw-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.site-main{flex:1;max-width:var(--bw-max-width);width:100%;margin:0 auto;padding:1.5rem 1rem 3rem}.site-footer{border-top:1px solid var(--bw-border);max-width:var(--bw-max-width);width:100%;margin:0 auto;padding:1rem;color:var(--bw-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.home-hero{margin:1rem 0 1.8rem;display:grid;gap:1rem;align-items:center;padding:1.1rem;border:1px solid var(--bw-border);background:linear-gradient(135deg,#f7f8fa,#f2f5f8)}.home-hero-copy h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;margin:0 0 .55rem;letter-spacing:-.02em}.home-hero-copy p{color:var(--bw-text-muted);margin:0;font-size:clamp(.98rem,1.4vw,1.16rem);max-width:40rem}.home-hero-media{margin:0;border:1px solid var(--bw-border);overflow:hidden;background:var(--bw-bg)}.home-hero-media img{display:block;width:100%;height:auto;object-fit:cover}.home-section{margin:0 0 1.5rem}.home-section-heading{margin-bottom:.95rem;border-top:1px solid var(--bw-border);padding-top:.7rem}.home-section-heading h2{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--bw-text-muted)}.app-screenshot-grid{display:grid;gap:.8rem;grid-template-columns:1fr}.app-screenshot-card{margin:0;background:linear-gradient(135deg,#f5f7f8,#eef2f5);border:1px solid var(--bw-border);overflow:hidden}.app-screenshot-card img{display:block;width:100%;height:200px;object-fit:cover}.app-screenshot-card figcaption{margin:0;padding:.65rem .8rem;color:var(--bw-text-muted);font-size:.86rem}.store-badge-row{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.store-badge-row a{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:filter .16s ease,transform .16s ease}.store-badge-row a:hover{filter:brightness(1.04);transform:translateY(-1px)}.store-badge-row a:focus-visible{outline:2px solid var(--bw-accent-strong);outline-offset:2px}.store-badge-row img{display:block;width:auto;max-width:240px;height:48px}.post-feed{display:grid;grid-template-columns:1fr;gap:.9rem}.post-card{border:1px solid var(--bw-border);background:var(--bw-bg)}.post-card-large{border-color:var(--bw-accent)}.post-card-image{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--bw-surface)}.post-card-content{padding:.75rem .8rem .8rem}.post-card-tags span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bw-text-muted)}.post-card h2{margin:.45rem 0;font-size:1.12rem;line-height:1.24;color:var(--bw-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card p{margin:0;color:var(--bw-text-muted);font-size:.95rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-meta{margin-top:.65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:var(--bw-text-muted)}.article{max-width:var(--bw-reading-width);margin:0 auto}.article-header h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin-bottom:.6rem}.article-meta{color:var(--bw-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;margin-bottom:1.25rem}.article-cover{width:100%;object-fit:cover;aspect-ratio:16/9;margin-bottom:1.5rem;border:1px solid var(--bw-border)}.gh-content p,.legacy-content p{margin:0 0 1rem}.gh-content h2,.legacy-content h2{margin-top:2rem;line-height:1.2}.faq-block{margin-top:2.2rem;border-top:1px solid var(--bw-border);padding-top:1rem}.faq-item{margin-bottom:1rem;padding-left:.8rem;border-left:2px solid var(--bw-accent)}.tag-header{max-width:var(--bw-reading-width);margin:0 auto 2rem}@media(min-width:960px){.home-hero{grid-template-columns:1.05fr .95fr}.app-screenshot-grid{grid-template-columns:1fr 1fr}.store-badge-row{justify-content:flex-start}.post-feed{grid-template-columns:repeat(3,minmax(0,1fr))}.post-card-large{grid-column:span 1}}