:root{color-scheme:light;--background: #f5f5f7;--surface: #ffffff;--surface-muted: #ececef;--text: #1d1d1f;--muted: #6e6e73;--border: #e0e0e5;--accent: #1d1d1f;--accent-dark: #000000;--accent-hover: #3d3d42;--shadow: 0 18px 50px rgb(30 30 35 / 8%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;max-width:72rem;margin:0 auto;padding:1.25rem;backdrop-filter:blur(16px)}.brand{font-size:1.1rem;font-weight:750;letter-spacing:-.03em}.site-nav{display:flex;flex-wrap:wrap;gap:.55rem 1rem;color:var(--muted);font-size:.95rem}.site-nav a[aria-current=page]{color:var(--accent-dark);font-weight:650}.site-nav a:hover{color:var(--accent)}.section-header a:hover,.read-more:hover,.back-link:hover{text-decoration:underline;text-underline-offset:.25em}.site-main{max-width:72rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.hero{padding:5rem 0 4rem;max-width:48rem}.eyebrow{margin:0 0 1rem;color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1,.page-heading h1,.article-header h1{margin:0;font-size:clamp(2.4rem,8vw,4.8rem);line-height:1.05;letter-spacing:-.07em}.hero p,.page-heading p,.article-header p{max-width:42rem;color:var(--muted);font-size:1.1rem}.section{padding-top:1rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{margin:0;font-size:1.6rem}.section-header a,.read-more,.back-link{color:var(--accent-dark);font-weight:700}.post-list{display:grid;gap:1.25rem}.post-card{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:1.5rem;background:var(--surface);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-2px);box-shadow:0 22px 55px #1e1e2324}@media(prefers-reduced-motion:reduce){.post-card{transition:none}.post-card:hover{transform:none}}.post-image{background:var(--surface-muted)}.post-image img{width:100%;height:100%;min-height:14rem;object-fit:cover}.post-card-body{padding:1.5rem}.post-meta{display:flex;flex-wrap:wrap;gap:.55rem 1rem;color:var(--muted);font-size:.9rem}.pin-badge{padding:.1rem .6rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.78rem;font-weight:600}.post-card h2{margin:.7rem 0;font-size:1.55rem;line-height:1.25;letter-spacing:-.04em}.post-card p{margin:0 0 1.2rem;color:var(--muted)}.post-card.is-plain .post-card-body{padding:1.75rem 2rem}.post-card.is-plain h2{margin-top:.55rem}.post-card.is-plain p{max-width:46rem}@media(max-width:560px){.post-card.is-plain .post-card-body{padding:1.5rem}}.page-heading{padding:3rem 0}.content-card,.article{border:1px solid var(--border);border-radius:1.5rem;background:var(--surface);box-shadow:var(--shadow)}.content-card{padding:2rem}.card-title{display:flex;align-items:center;gap:.6rem;margin:0 0 1.25rem;font-size:1.35rem;font-weight:700;letter-spacing:-.03em}.card-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:.5rem;font-size:1rem}.card-icon.is-orange{background:#fff5eb;color:#c25a2a}.card-icon.is-green{background:#edf7ed;color:#3d7a3d}.card-icon.is-blue{background:#eaf2fb;color:#3b6cb4}.card-icon.is-pink{background:#fdeef2;color:#b3456b}.content-card code{padding:.15rem .35rem;border-radius:.35rem;background:var(--surface-muted)}.article{padding:clamp(1.25rem,5vw,3rem)}.article-header{margin:1.25rem 0 2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.tag-list span{padding:.25rem .65rem;border-radius:999px;background:var(--surface-muted);color:var(--accent-dark);font-size:.85rem}.prose{max-width:45rem}.prose h2,.prose h3{margin-top:2rem;line-height:1.25;letter-spacing:-.03em}.prose a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:.2em}.prose code{padding:.12rem .32rem;border-radius:.35rem;background:var(--surface-muted)}.prose pre{overflow-x:auto;padding:1rem;border-radius:1rem;background:#1d1d1f;color:#f5f5f7}.prose pre code{padding:0;background:transparent}@media(min-width:760px){.post-card:not(.is-plain){grid-template-columns:16rem minmax(0,1fr)}}@media(max-width:640px){.site-header{align-items:flex-start;flex-direction:column;gap:.75rem}.site-nav{gap:.5rem .85rem;font-size:.9rem}}