:root { --accent: #E7B416; }
[data-bs-theme="dark"] :root { --accent: #F0C452; }
body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif; }
code, pre { font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
a { text-underline-offset: 2px; }
.hero { padding: clamp(3rem, 8vw, 6rem) 1rem 2rem; text-align: center; background: radial-gradient(1000px 500px at 15% 20%, rgba(231,180,22,0.12), transparent 60%); margin-bottom: 1.5rem; }
.hero .accent { color: var(--accent); }
.btn { display:inline-block; padding:.7rem 1rem; border-radius:.75rem; margin:.3rem .4rem 0; text-decoration:none; border:1px solid #ddd; transition: transform .06s ease, box-shadow .2s ease, background .2s ease; }
.btn.cta { background: var(--accent); border: none; font-weight:700; color:#222; }
[data-bs-theme="dark"] .btn.cta { color:#111; }
.btn.ghost { background: transparent; }
.btn:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.quarto-grid-item { border-radius: 1rem; box-shadow: 0 8px 28px rgba(0,0,0,.06); transition: transform .08s ease, box-shadow .2s ease; }
.quarto-grid-item:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(0,0,0,.10); }
.quarto-grid-item .listing-image img { border-radius: 12px; object-fit: cover; height: 9rem; width: 100%; }
pre { border-radius: 12px; }
[data-bs-theme="dark"] pre { box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); }
.quarto-title-banner { display: none; }