/* atlas.css — was inlined into every page of this type; now cached once. */

.atlas-hero { padding: 56px 0 30px; border-bottom: 1px solid var(--hairline); margin-bottom: 40px; }
.atlas-kicker { font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--whisper); margin-bottom: 14px; }
.atlas-kicker a { color: var(--henna); text-decoration: none; }
.atlas-hero h1 { font-family: var(--font-display); font-size: clamp(40px,5.5vw,68px); font-weight: 400; letter-spacing: -.02em; line-height: 1.02; margin-bottom: 16px; }
.atlas-hero h1 em { font-style: italic; color: var(--henna); }
.atlas-blurb { max-width: 680px; color: var(--stone); font-size: 17px; line-height: 1.6; }
.atlas-stat { margin-top: 18px; font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--whisper); }
.atlas-stat strong { color: var(--ink); font-weight: 500; }
.atlas-roots { margin-bottom: 52px; }
.atlas-roots h2, main section > h2 { font-family: var(--font-display); font-size: 28px; font-weight: 400; margin-bottom: 10px; }
.atlas-note { color: var(--stone); font-size: 14px; max-width: 640px; margin-bottom: 22px; }
.root-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); gap: 12px; }
.root-card { background: var(--cream); border: 1px solid var(--hairline); border-left: 2px solid var(--henna); border-radius: 2px; padding: 18px; }
.root-card__root { font-family: var(--font-display); font-size: 24px; margin-bottom: 3px; }
.root-card__gloss { font-size: 14px; color: var(--ink); margin-bottom: 8px; }
.root-card__langs { font-family: var(--font-mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--whisper); margin-bottom: 10px; }
.root-card__ex { font-size: 13px; color: var(--stone); font-style: italic; }
.atlas-groups { display: grid; gap: 20px; padding-bottom: 40px; }
.atlas-group { border-bottom: 1px solid var(--hairline); padding-bottom: 18px; }
.atlas-group__origin { font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink); margin-bottom: 10px; }
.atlas-group__origin span { color: var(--whisper); margin-left: 6px; }
.atlas-group__names { display: flex; flex-wrap: wrap; gap: 6px; }
.atlas-chip { font-size: 14px; padding: 5px 11px; background: var(--cream); border: 1px solid var(--hairline); border-radius: 2px; text-decoration: none; color: var(--ink); transition: all .12s; }
.atlas-chip:hover { border-color: var(--henna); color: var(--henna); }
.atlas-tiles { display: grid; grid-template-columns: repeat(auto-fill,minmax(210px,1fr)); gap: 12px; padding-bottom: 70px; }
.atlas-tile { display: block; text-decoration: none; color: inherit; background: var(--cream); border: 1px solid var(--hairline); border-radius: 2px; padding: 22px; transition: all .14s; }
.atlas-tile:hover { border-color: var(--henna); transform: translateY(-1px); }
.atlas-tile__name { font-family: var(--font-display); font-size: 24px; margin-bottom: 4px; }
.atlas-tile__meta { font-family: var(--font-mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--whisper); }

.atlas-essay { max-width: 680px; margin: 0 0 52px; }
.atlas-essay p { font-size: 17px; line-height: 1.72; color: var(--ink); margin: 0 0 20px; }
.atlas-essay h3 { font-family: var(--font-display); font-size: 22px; font-weight: 400; color: var(--ink); margin: 32px 0 12px; }
.atlas-essay em { font-style: italic; color: var(--stone); }
.atlas-essay a { color: var(--henna); text-decoration: none; border-bottom: 1px solid rgba(139,58,47,.25); }
.atlas-essay a:hover { border-bottom-color: var(--henna); }