:root{
  --bg:#FDFBF8; --text:#374151; --muted:#6B7280; --ring:#2563EB; --border:#eee; --card-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
}
html{scroll-behavior:smooth}
*{box-sizing:border-box}
body{background:var(--bg); color:var(--text); text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;}
img,svg,video{max-width:100%; height:auto}

/* Typography rhythm */
h1,h2,h3,h4{letter-spacing:-.01em}
h1{line-height:1.15}
h2{line-height:1.2}
.content p{margin:0 0 1rem 0}
.content p+p{margin-top:1rem}

/* Links & focus */
a{transition:color .2s ease, opacity .2s ease}
a:focus-visible, button:focus-visible{outline:2px solid var(--ring); outline-offset:3px; border-radius:.25rem}

/* Cards */
.card{border:1px solid var(--border); box-shadow:var(--card-shadow); transition:transform .25s ease, box-shadow .25s ease}
.card:hover{transform:translateY(-4px); box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.card p{line-height:1.65}

/* Category tag */
.category-tag{display:inline-flex; align-items:center; gap:.375rem; padding:.25rem .75rem; border-radius:9999px; font-weight:600; font-size:.875rem; border:1px solid rgba(0,0,0,.04); white-space:nowrap}

/* Buttons-as-links spacing */
a.inline-flex.items-center{gap:.375rem}

/* Containers */
.container-narrow{max-width:72rem; margin-inline:auto; padding-inline:1rem}

/* Utilities */
.text-balance{text-wrap:balance}

/* Reduce hover motion on touch */
@media (hover:none){.card:hover{transform:none}}

/* Sections spacing normalization (non-destructive) */
section> .max-w-7xl, section> .max-w-4xl{margin-top:0}

/* Fix sticky header overlap for in-page anchors */
[id]{scroll-margin-top:5.5rem}
.nav-link{transition:color .2s ease, transform .2s ease}
.nav-link:hover{transform:translateY(-2px)}

h1,h2,h3{margin-top:0}