/* Bitigora — civilization pages (#civilization/<slug>) and the guide grid on #civilizations.
   Scoped to .cv / .cv-* so the approved homepage and inner pages are unchanged. */
.cv-loading{padding:60px 0;color:#b9c6ce;min-height:40vh}
.cv-loading .primary{margin-top:14px}

/* Header */
.cv-head .wrap{padding-top:26px;padding-bottom:30px}
.cv-headrow{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cv-headtext{max-width:820px}
.cv-back{display:inline-block;color:var(--cyan);font-size:13px;margin-bottom:14px}
.cv-back:hover{text-decoration:underline}
.cv-head h1{margin:8px 0 12px}
.cv-head .lead{margin:0 0 16px}
.cv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;color:#c5d4dc;font-size:13px}
.cv-glyph{flex:0 0 auto;width:clamp(120px,14vw,190px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:2px solid transparent;border-top-color:var(--gold);border-right-color:var(--cyan);font:clamp(54px,6vw,86px)/1 Georgia,"Segoe UI Historic","Noto Sans Cuneiform","Noto Sans Egyptian Hieroglyphs",serif;color:#efc27ecc;background:radial-gradient(circle,#12364a 0 55%,transparent 70%);transform:rotate(-8deg)}
.cv-glyph{text-shadow:0 0 24px #efc27e44}

/* Body */
.cv-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(24px,4vw,56px);align-items:start}
.cv-sec{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid #23404f}
.cv-sec:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.cv-sec h2{font-size:clamp(24px,2.2vw,32px);color:var(--cream);margin:0 0 10px}
.cv-sec p{color:#d3dee3;font-size:15px;line-height:1.75;margin:0;max-width:760px}
.cv-writing{display:grid;gap:10px;margin-top:14px}
.cv-link{color:var(--gold);font-weight:600;font-size:13px}
.cv-link:hover{text-decoration:underline}
.cv-tags{display:flex;flex-wrap:wrap;gap:7px}
.cv-tags span{padding:5px 10px;border:1px solid #41606f;border-radius:999px;font-size:12px;background:#0a2132;color:#dbe6ea}
.cv-aside{position:sticky;top:96px;padding:20px;border:1px solid #3d5a6a;border-radius:14px;background:linear-gradient(180deg,#102d3e,#0a2031)}
.cv-facts{display:grid;gap:6px;margin:0}
.cv-facts dt{color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-top:10px}
.cv-facts dt:first-child{margin-top:0}
.cv-facts dd{margin:0;color:#dbe6ea;font-size:14px;line-height:1.5}
.cv-cities{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px}
.cv-cities li:before{content:"◆";color:var(--gold2);font-size:8px;margin-right:6px;vertical-align:2px}
.cv-actions{display:grid;gap:10px;margin-top:20px}
.cv-actions .primary,.cv-actions .ghost{justify-content:center;text-align:center;width:100%;align-self:stretch}

/* Sites, news, sources */
.cv .kicker{text-transform:uppercase}
.cv-sites{list-style:none;margin:18px 0 22px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.cv-site{display:flex;flex-direction:column;gap:5px;height:100%;padding:15px 16px;border:1px solid #3d5a6a;border-radius:12px;background:linear-gradient(180deg,#123044,#0a1d2d)}
.cv-site:hover{border-color:var(--gold)}
.cv-site .eyebrow{font-size:10px;letter-spacing:.16em}
.cv-site strong{font:500 21px/1.15 Georgia,serif;color:#fff1d8}
.cv-site small{color:#a9bcc7;font-size:12px}
.cv-mapbtn{margin-top:4px}
.cv-news{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.cv-news a{display:flex;flex-direction:column;gap:8px;height:100%;padding:16px;border:1px solid #3d5a6a;border-radius:12px;background:#0b2234}
.cv-news a:hover{border-color:var(--gold)}
.cv-news .chip{align-self:flex-start}
.cv-news strong{font:500 20px/1.25 Georgia,serif;color:#fff1d8}
.cv-news small{color:#a9bcc7;font-size:12px}
.cv-sources{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.cv-sources a{color:var(--cyan);font-size:14px}
.cv-sources a:hover{text-decoration:underline}
.cv-pager{display:flex;justify-content:space-between;gap:16px;margin-top:30px;padding-top:18px;border-top:1px solid #23404f}
.cv-pager a{color:var(--gold);font-size:14px;font-weight:600}
.cv-pager a:hover{text-decoration:underline}

/* Guide grid on #civilizations */
.cv-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cv-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;height:100%;min-height:190px;padding:20px;border:1px solid #486170;border-radius:14px;background:linear-gradient(180deg,#15364a,#0b2032)}
.cv-card:hover{border-color:#edc27d;transform:translateY(-2px);transition:transform .2s,border-color .2s}
.cv-cardglyph{position:absolute;right:14px;top:8px;font:56px/1 Georgia,"Segoe UI Historic","Noto Sans Cuneiform",serif;color:#efc27e33;pointer-events:none}
.cv-card .eyebrow{font-size:10px;letter-spacing:.18em}
.cv-card strong{font:500 26px/1.1 Georgia,serif;color:#fff0d5;margin-top:4px}
.cv-card small{color:#bed0d8;font-size:13px;line-height:1.45}
.cv-cardfoot{margin-top:auto;padding-top:12px;border-top:1px solid #34505f;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#a6b9c5}
.cv-cardfoot span:last-child{color:var(--gold);font-weight:700}

@media(max-width:1100px){.cv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
 .cv-layout{grid-template-columns:1fr}
 .cv-aside{position:static}
 .cv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .cv-headrow{align-items:flex-start}
 .cv-glyph{display:none}
 .cv-head .wrap{padding-top:18px;padding-bottom:22px}
 .cv-pager{flex-direction:column}
 .cv-grid{grid-template-columns:1fr}
 .cv-card{min-height:0}
}
@media (prefers-reduced-motion:reduce){.cv-card:hover{transform:none}}