html,body{height:auto}.site-bar{max-width:760px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.site-logo{align-items:center;gap:var(--space-2);min-height:44px;color:var(--text);font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);text-decoration:none;display:inline-flex}a.px-btn{color:var(--text);text-decoration:none}a.px-btn.primary{color:var(--on-accent)}.article{max-width:760px;padding:var(--space-3) var(--space-4) var(--space-6);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.article h1,.article h2,.article h3{font-family:var(--font-display);margin:0;font-weight:600;line-height:1.15}.article h1{font-size:var(--fs-2xl)}.article h2{font-size:var(--fs-xl)}.article h3{font-size:var(--fs-lg)}.article p,.article ul,.article ol{margin:0}.article ul,.article ol{gap:var(--space-2);flex-direction:column;padding-left:1.3em;display:flex}.article a:not(.px-btn){color:var(--info-shade);font-weight:800}.article .px-panel{gap:var(--space-3);flex-direction:column;display:flex}.lede{font-size:var(--fs-lg);color:var(--text-muted)}.page-hero{gap:var(--space-3);flex-direction:column;display:flex}.cta-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.pixel-figure{align-items:center;gap:var(--space-2);flex-direction:column;margin:0;display:flex}.pixel-figure img,.pixel-figure canvas{aspect-ratio:1;width:min(100%,288px);height:auto;image-rendering:pixelated;border-radius:var(--r-sm);border:var(--space-2) solid var(--frame);box-shadow:0 var(--lift-md) 0 var(--lift);display:block}.pixel-figure figcaption{font-size:var(--fs-sm);color:var(--text-muted);text-align:center}.figure-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.pick{gap:var(--space-2);flex-direction:column;display:flex}.pick+.pick{padding-top:var(--space-3);border-top:2px dashed var(--surface-sunk)}.pick h3{align-items:center;gap:var(--space-2);display:flex}.pick .num{border-radius:var(--r-pill);background:var(--accent-light);width:32px;height:32px;font-size:var(--fs-sm);flex:none;place-items:center;display:inline-grid}.pick .meta{font-size:var(--fs-sm);color:var(--text-muted)}.post-crumb{align-items:center;gap:var(--space-2);margin-bottom:calc(-1 * var(--space-3));font-size:var(--fs-sm);color:var(--text-muted);display:flex}.article .post-crumb a{align-items:center;min-height:44px;display:inline-flex}.post-hook{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--accent-light);border-radius:var(--r-md);box-shadow:0 var(--lift-sm) 0 var(--lift);grid-template-columns:44px minmax(0,1fr);display:grid}.post-hook img{width:44px;height:44px}.post-hook-text{font-size:var(--fs-sm);flex-direction:column;gap:2px;display:flex}.post-hook-text strong{font-family:var(--font-display);font-weight:600;font-size:var(--fs-md)}.post-hook .px-btn{grid-column:1/-1}.article .post-list{gap:var(--space-4);padding:0;list-style:none}.article a.post-card{align-items:flex-start;gap:var(--space-3);color:var(--text);font-weight:inherit;transition:transform var(--t-fast) var(--ease-pop);flex-direction:row;text-decoration:none;display:flex}.article a.post-card:hover{transform:translateY(-2px)}.post-card img{width:72px;height:72px;image-rendering:pixelated;border-radius:var(--r-sm);border:var(--space-1) solid var(--frame);box-shadow:0 var(--lift-sm) 0 var(--lift);flex:none}.post-text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.post-text strong{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);line-height:1.2}.post-text time{font-size:var(--fs-sm);color:var(--text-muted)}.px-faq summary:after{content:"";width:10px;height:10px;transition:transform var(--t-fast) var(--ease-pop);border-bottom:3px solid;border-right:3px solid;flex:none;transform:rotate(45deg)translateY(-3px)}.px-faq details[open] summary:after{transform:rotate(225deg)translate(-3px)}.site-foot{max-width:760px;padding:var(--space-5) var(--space-4) var(--space-7);gap:var(--space-3);text-align:center;flex-direction:column;margin:0 auto;display:flex}.site-foot nav{justify-content:center;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.site-foot a{color:var(--text);align-items:center;min-height:44px;font-weight:800;display:inline-flex}.site-foot p{font-size:var(--fs-sm);margin:0}@media (width>=720px){.article{padding-top:var(--space-5);gap:var(--space-6)}.article h1{font-size:var(--fs-3xl)}.figure-row{grid-template-columns:repeat(4,1fr)}.post-card img{width:112px;height:112px}.hero-split{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 260px;align-items:center;display:grid}.hero-split>.post-hook{grid-column:1/-1}}