:root{--max-width:1100px;--color-bg:#fff;--color-text:#1a1a1a;--color-muted:#6b7280;--color-border:#e5e7eb;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font);margin:0;line-height:1.6}body.drawer-open{overflow:hidden}a{color:inherit}.site-header{border-bottom:1px solid var(--color-border)}.site-header__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.logo{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.logo__image{width:auto;height:32px;display:block}.nav--desktop ul{gap:1.75rem;margin:0;padding:0;list-style:none;display:flex}.nav--desktop a{font-size:.95rem;text-decoration:none}.nav--desktop a:hover{text-decoration:underline}.burger{cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.burger span{background:currentColor;border-radius:2px;width:22px;height:2px;margin:4px 0;display:block}.drawer-overlay{opacity:0;pointer-events:none;z-index:900;background:#0000004d;transition:opacity .2s;position:fixed;inset:0}.drawer-overlay.is-open{opacity:1;pointer-events:auto}.drawer{background:var(--color-bg);z-index:950;width:280px;max-width:80%;height:100%;padding:5rem 1.5rem 2rem;transition:transform .25s;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-2px 0 16px #0000001a}.drawer.is-open{transform:translate(0)}.drawer ul{flex-direction:column;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.drawer a{font-size:1.05rem;text-decoration:none}@media (width>=769px){.drawer,.drawer-overlay{display:none}}@media (width<=768px){.nav--desktop{display:none}.burger{display:block}}.page{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.5rem 4rem}.page--with-sidebar{grid-template-columns:1fr 280px;align-items:start;gap:3rem;display:grid}@media (width<=768px){.page--with-sidebar{grid-template-columns:1fr}}.sidebar{position:sticky;top:2rem}.sidebar__title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin:0 0 1rem;font-size:.85rem}.archive-list{margin:0;padding:0;list-style:none}.archive-list li{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:1rem;padding:.5rem 0;font-size:.9rem;display:flex}.archive-list a{text-decoration:none}.archive-list a:hover{text-decoration:underline}.archive-list .count{color:var(--color-muted)}.archive-group__label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin:2.5rem 0 1rem;font-size:.85rem}.archive-group:first-child .archive-group__label{margin-top:0}.post-list{margin:0;padding:0;list-style:none}.post-card{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1.5rem}.post-card__link{color:inherit;align-items:flex-start;gap:1rem;text-decoration:none;display:flex}.post-card__thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:96px;height:96px}.post-card__body{flex:1;min-width:0}.post-card h3{margin:0 0 .35rem;font-size:1.15rem}.post-card time{color:var(--color-muted);font-size:.85rem}.post-card__excerpt{color:var(--color-text);margin:.6rem 0 0;font-size:.95rem}.ad-slot{min-height:2rem;margin:1.5rem 0;padding:.5rem 0}.ad-slot__label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-bottom:.4rem;font-size:.7rem;display:block}.pagination{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;font-size:.9rem;display:flex}.pagination a{text-decoration:none}.pagination a:hover{text-decoration:underline}.pagination__status{color:var(--color-muted)}.page:not(.page--with-sidebar) .content{max-width:680px}article img{max-width:100%;height:auto;display:block}.featured-image{border-radius:4px;max-width:100%;height:auto;margin-bottom:1.5rem;display:block}.archived-comments,.giscus-comments{border-top:1px solid var(--color-border);max-width:680px;margin:3rem auto 0;padding-top:2rem}.archived-comments__title{margin:0 0 1rem;font-size:1.1rem}.archived-comments ul{margin:0;padding:0;list-style:none}.archived-comment{border-bottom:1px solid var(--color-border);padding:1rem 0}.archived-comment time{color:var(--color-muted);margin-left:.5rem;font-size:.8rem}.archived-comment__permalink{text-decoration:none}.archived-comment__permalink:hover time{text-decoration:underline}.archived-comment p{margin:.4rem 0 0}article h1{margin-bottom:.25rem}article>p:first-of-type{color:var(--color-muted);margin-top:0;font-size:.9rem}
