/* AskAngiiAI glossary shared styles. Consolidated from per-page inline blocks on 2026-06-20 so all glossary pages are styled from one file. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{color-scheme:dark only;--ink:#edf5f8;--paper:#0a1c2e;--gold:#1eb8cc;--gold-light:#5fd4e4;--rust:#e8836a;--cream:#040e1a;--muted:#6ba8bc;--border:#163448;--surface-soft:rgba(30,184,204,0.07);--surface-line:rgba(30,184,204,0.16);--text-65:rgba(237,245,248,0.72);--text-50:rgba(237,245,248,0.55);--text-45:rgba(237,245,248,0.45);--text-28:rgba(237,245,248,0.30)}
body{font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--paper);z-index:50}
.nav-logo{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--ink);text-decoration:none;font-weight:700}
.nav-logo span{color:var(--gold)}
nav ul{display:flex;gap:1.75rem;list-style:none}
nav ul a{color:var(--ink);text-decoration:none;font-size:0.85rem;letter-spacing:0.02em}
nav ul a:hover{color:var(--rust)}
.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}
.hamburger span{width:24px;height:2px;background:var(--ink);display:block}
.mobile-menu{display:none}
@media(max-width:760px){nav ul{display:none}.hamburger{display:flex}
.mobile-menu.open{display:flex;flex-direction:column;background:var(--paper);border-bottom:1px solid var(--border);position:sticky;top:65px;z-index:49}
.mobile-menu a{padding:1rem 2rem;color:var(--ink);text-decoration:none;border-top:1px solid var(--border)}}
main{max-width:760px;margin:0 auto;padding:3.5rem 2rem 4rem}
.crumb{font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2rem}
.crumb a{color:var(--rust);text-decoration:none}
h1{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,4.5vw,2.7rem);line-height:1.15;margin-bottom:1.5rem}
article h2{font-family:'Playfair Display',serif;font-size:1.35rem;margin:2.25rem 0 0.75rem}
article p{margin-bottom:1.1rem;font-size:1rem}
article p:first-of-type{font-size:1.08rem}
.related{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}
.related h3{font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.related a{display:inline-block;border:1px solid var(--rust);color:var(--rust);text-decoration:none;font-size:0.82rem;padding:0.45rem 0.9rem;margin:0 0.5rem 0.5rem 0}
.related a:hover{background:var(--rust);color:var(--cream)}
.guide-links{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.guide-links h3{font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.guide-links a{display:inline-block;border:1px solid var(--gold);color:var(--gold);text-decoration:none;font-size:0.82rem;padding:0.45rem 0.9rem;margin:0 0.5rem 0.5rem 0}
.guide-links a:hover{background:var(--gold);color:var(--cream)}
.cta-band{background:var(--cream);color:var(--ink);padding:2.25rem;margin-top:3rem}
.cta-band h3{font-family:'Playfair Display',serif;font-size:1.3rem;margin-bottom:0.6rem}
.cta-band p{font-size:0.92rem;color:var(--text-65);margin-bottom:1.25rem}
.btn{display:inline-block;background:var(--gold);color:var(--ink);text-decoration:none;padding:0.8rem 1.5rem;font-size:0.85rem;letter-spacing:0.03em;font-weight:500}
.btn:hover{background:var(--gold-light,#5fd4e4)}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:2rem;border-top:1px solid var(--border);font-size:0.78rem;color:var(--muted)}
footer a{color:var(--rust);text-decoration:none}
.term-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-top:2.25rem}
.term-card{border:1px solid var(--rust);padding:1.5rem;text-decoration:none;color:inherit;display:block}
.term-card:hover{background:var(--cream)}
.term-card h2{font-family:'Playfair Display',serif;font-size:1.1rem;margin-bottom:0.5rem}
.term-card p{font-size:0.85rem;color:var(--muted);line-height:1.6}
/* ===== unified site chrome (nav + footer) ===== */
body { padding-top: 57px; }
nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 1.2rem 2.5rem; display: flex; justify-content: space-between; align-items: center; background: rgba(4,14,26,0.88); backdrop-filter: blur(14px); border-bottom: 1px solid var(--border); }
.nav-logo { display: flex; align-items: center; color: var(--ink); text-decoration: none; }
.nav-wordmark { font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 1.05rem; letter-spacing: 0; text-transform: none; }
.nav-angii { color: var(--rust); }
nav ul { list-style: none; display: flex; gap: 2.5rem; margin: 0; padding: 0; }
nav ul a { font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); text-decoration: none; transition: color 0.2s; }
nav ul a:hover { color: var(--ink); }
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; }
.hamburger span { display: block; width: 22px; height: 1.5px; background: var(--ink); transition: all 0.25s ease; }
.hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
.mobile-menu { display: none; position: fixed; top: 57px; left: 0; right: 0; background: rgba(4,14,26,0.98); backdrop-filter: blur(14px); border-bottom: 1px solid var(--border); padding: 1.5rem 2.5rem 2rem; z-index: 99; flex-direction: column; gap: 0; }
.mobile-menu.open { display: flex; }
.mobile-menu a { font-size: 0.82rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); text-decoration: none; padding: 0.85rem 0; border-bottom: 1px solid var(--border); font-family: 'DM Mono', monospace; transition: color 0.2s; }
.mobile-menu a:last-child { border-bottom: none; }
.mobile-menu a:hover { color: var(--ink); }
footer { padding: 1.75rem 2.5rem; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--border); font-size: 0.76rem; color: var(--muted); gap: 1rem; flex-wrap: wrap; }
footer a { color: var(--muted); text-decoration: none; }
footer a:hover { color: var(--ink); }
@media (max-width: 768px) { nav ul { display: none; } .hamburger { display: flex; } }
@media (max-width: 980px) { nav ul { display: none; } .hamburger { display: flex; } }