:root { --brand:#263238; --accent:#00897b; --accent-dark:#00695c; --paper:#fafafa; }
html { scroll-behavior:smooth; }
body { background:var(--paper); color:#263238; display:flex; min-height:100vh; flex-direction:column; }
main { flex:1 0 auto; }
nav .brand-logo { font-weight:700; letter-spacing:.2px; }
.hero { padding:76px 0 64px; background:linear-gradient(135deg,#263238 0%,#37474f 55%,#00695c 100%); color:#fff; }
.hero h1 { font-weight:800; margin-bottom:12px; }
.hero .lead { max-width:760px; font-size:1.25rem; opacity:.92; }
.search-wrap { margin-top:28px; }
.search-card { border-radius:14px; padding:8px 18px; background:#fff; box-shadow:0 12px 30px rgba(0,0,0,.18); }
.search-card input { margin:0 !important; border-bottom:0 !important; box-shadow:none !important; }
.section-pad { padding:52px 0; }
.card { border-radius:12px; }
.card-title { font-weight:700 !important; }
.badge-pill { display:inline-block; border-radius:999px; padding:4px 10px; font-size:.72rem; font-weight:700; letter-spacing:.04em; background:#e0f2f1; color:#00695c; }
code, pre { font-family:Consolas,Monaco,monospace; }
pre.code { background:#263238; color:#fff; border-radius:10px; padding:18px; overflow:auto; }
.ref-nav { display:flex; justify-content:space-between; gap:12px; margin:30px 0; }
.ref-nav a { max-width:48%; }
.muted { color:#607d8b; }
.chip-link { margin:4px; }
footer { background:#263238; color:#cfd8dc; }
footer a { color:#80cbc4; }
.table-wrap { overflow-x:auto; }
.feature-icon { font-size:2.2rem; color:var(--accent); }
@media(max-width:600px) {
  .hero { padding:52px 0 44px; }
  .hero h1 { font-size:2.45rem; }
  .hero .lead { font-size:1.05rem; }
  .ref-nav { flex-direction:column; }
  .ref-nav a { max-width:100%; }
}