h1, h2, h3 { line-height: 1.2; margin: .2rem 0 .6rem; }
h1 { font-size: clamp(2rem, 4vw, 3rem); }
h2 { font-size: clamp(1.4rem, 2.5vw, 2rem); }
h3 { font-size: clamp(1.1rem, 2vw, 1.4rem); }

.btn { transition: transform .08s ease, filter .2s ease; }
.btn:active { transform: translateY(1px) scale(.99); }
.btn.primary:hover { filter: brightness(1.05); }

.card:hover { transform: translateY(-2px); transition: transform .2s ease; }

.icon-btn { width: 40px; height: 40px; display: inline-grid; place-items: center; }
.chip { font-weight: 600; }

code, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; background: var(--bg-soft); border: 1px solid var(--border); padding: .2rem .4rem; border-radius: 6px; }