/* ==========================================================================
   AmeriSearch — shared base
   ========================================================================== */

:root{--accent:#E8663C;--accent2:#2E7D6D;--ink:#17130F;--cream:#FAF4EA;--sand:#F1E7D6;--line:#E0D3BE;--muted:#6E6355}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--accent)}
input,button,select,textarea{font:inherit;color:inherit}
::selection{background:var(--accent);color:#fff}

/* Images (formerly <image-slot>) fill their frame, cover-cropped. */
.img-fill{display:block;width:100%;height:100%;object-fit:cover}

/* --- shared nav ----------------------------------------------------------- */

.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 32px;background:rgba(250,244,234,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-brand{display:flex;align-items:center;gap:10px}
.nav-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--ink);color:var(--cream);font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:16px}
.nav-word{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:19px;letter-spacing:-.02em}
.dot{color:var(--accent)}