/* ============================================================
   TRIPSORB — Country guide (Phase 14)  v0.17.0
   ============================================================ */
.cg-hero{background:var(--ts-ink);color:#fff;padding:54px 0 46px;background-size:cover;background-position:center}
.cg-hero.has-img{padding:90px 0 56px}
.cg-crumb{font-size:13px;margin-bottom:18px;opacity:.85}
.cg-crumb a{color:#fff;text-decoration:none}
.cg-crumb span{margin:0 7px;opacity:.6}
.cg-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);padding:5px 13px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.03em}
.cg-hero h1{font-family:var(--font-disp);font-weight:500;font-size:48px;margin:14px 0 0;line-height:1.05}
.cg-lede{max-width:640px;margin:14px 0 0;font-size:16px;line-height:1.6;opacity:.92}

.cg-wrap{padding:0 24px 70px}
.cg-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:-32px 0 40px;position:relative;z-index:2}
.cg-fact{background:#fff;border:1px solid var(--ts-line);border-radius:14px;box-shadow:var(--sh-md);padding:15px 16px;display:flex;align-items:center;gap:13px}
.cg-fact .ic{width:42px;height:42px;border-radius:11px;background:var(--ts-sand);color:var(--ts-coral);display:flex;align-items:center;justify-content:center;font-size:21px;flex:none}
.cg-fact .lab{display:block;font-size:12px;color:var(--ts-slate);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.cg-fact .val{display:block;font-size:15px;color:var(--ts-ink);font-weight:600;margin-top:2px}

.cg-know{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:44px}
.cg-sec{background:#fff;border:1px solid var(--ts-line);border-radius:16px;padding:22px 24px}
.cg-sec h2{font-family:var(--font-disp);font-weight:500;font-size:21px;margin:0 0 10px;display:flex;align-items:center;gap:9px}
.cg-sec h2 .ti{color:var(--ts-lagoon-600);font-size:22px}
.cg-sec p{margin:0;color:var(--ts-slate);line-height:1.65;font-size:14.5px}

.cg-exps{margin-bottom:40px}
.cg-exps-h{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:18px}
.cg-exps-h h2{font-family:var(--font-disp);font-weight:500;font-size:26px;margin:0}
.cg-all{color:var(--ts-coral);font-weight:700;text-decoration:none;font-size:14.5px;display:inline-flex;align-items:center;gap:5px;flex:none}

.cg-foot{margin-top:40px;background:var(--tac-clay,#f2ebde);border-radius:18px;padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;box-shadow:6px 6px 16px rgba(184,170,146,.45),-6px -6px 16px rgba(255,255,255,.9)}
.cg-foot a{color:var(--ts-ink);font-weight:700;text-decoration:none}
.cg-foot a:hover{color:var(--ts-coral)}
.cg-foot .muted{color:var(--ts-slate)}
.cg-foot .muted a{color:var(--ts-coral)}

@media(max-width:820px){
  .cg-hero h1{font-size:36px}
  .cg-facts{grid-template-columns:1fr 1fr;margin-top:-24px}
  .cg-know{grid-template-columns:1fr}
}
@media(max-width:520px){ .cg-facts{grid-template-columns:1fr} }

/* ============================================================
   Country guide — magazine layout + tactile depth (v0.158.0)
   ============================================================ */
.cg-hero{min-height:clamp(340px,52vh,520px);display:flex;align-items:flex-end;position:relative;background-size:cover!important;background-position:center!important}
.cg-hero .container{padding-bottom:40px}
.cg-hero .cg-crumb a,.cg-hero .cg-crumb span{color:rgba(255,255,255,.85)}
.cg-hero h1{font-family:var(--font-disp,'Fraunces',serif);font-weight:500;font-size:clamp(38px,6vw,72px);line-height:1.02;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.35);margin:.14em 0 .12em}
.cg-lede{font-family:var(--font-disp,'Fraunces',serif);font-weight:400;font-size:clamp(17px,2.1vw,22px);line-height:1.5;color:rgba(255,255,255,.95);max-width:60ch;text-shadow:0 1px 16px rgba(0,0,0,.4)}
.cg-badge{backdrop-filter:blur(8px);background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.30)!important;box-shadow:var(--tac-up-sm,0 8px 20px -12px rgba(0,0,0,.5))}

/* the content sits on a raised "magazine sheet" that overlaps the hero */
.cg-wrap{max-width:940px;margin-top:-46px;position:relative;z-index:2;background:#fffdf9;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px -20px rgba(20,33,61,.3),var(--tac-up,0 30px 60px -30px rgba(20,33,61,.35));padding:42px clamp(20px,4vw,56px) 60px}

/* fact cards — raised clay tiles with carved icon wells */
.cg-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0 0 40px;padding:0 0 36px;border-bottom:1px solid #eee6d7}
.cg-fact{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #f0e9db;border-radius:14px;padding:13px 15px;box-shadow:var(--tac-up-sm,0 8px 18px -12px rgba(20,33,61,.22))}
.cg-fact .ic{width:38px;height:38px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--tac-clay,#f2ebde);color:var(--ts-coral);font-size:19px;box-shadow:var(--tac-in,inset 2px 2px 5px rgba(184,170,146,.4),inset -2px -2px 5px #fff)}
.cg-fact .lab{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ts-slate);font-weight:700}
.cg-fact .val{display:block;font-size:14.5px;color:var(--ts-ink);font-weight:600;margin-top:1px}

/* knowledge sections — magazine cards with a coral accent + drop-cap opener */
.cg-know{display:grid;gap:20px}
.cg-sec{background:#fff;border:1px solid #f0e9db;border-radius:18px;padding:26px 30px;box-shadow:var(--tac-up-sm,0 12px 28px -18px rgba(20,33,61,.25));position:relative;overflow:hidden}
.cg-sec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--ts-coral),#ff8a5b)}
.cg-sec h2{font-family:var(--font-disp,serif);font-weight:500;font-size:22px;color:var(--ts-ink);display:flex;align-items:center;gap:10px;margin:0 0 12px}
.cg-sec h2 .ti{color:var(--ts-coral);font-size:22px}
.cg-sec p{font-size:15.5px;line-height:1.72;color:#3d4657;margin:0}
.cg-know .cg-sec:first-child p::first-letter{font-family:var(--font-disp,serif);font-size:3.05em;line-height:.82;float:left;margin:6px 10px 0 0;color:var(--ts-coral);font-weight:600}

.cg-exps{margin-top:46px}
.cg-exps-h h2{font-family:var(--font-disp,serif);font-weight:500;font-size:24px}
.cg-foot{margin-top:42px;padding-top:24px;border-top:1px solid #eee6d7}
@media(max-width:640px){.cg-wrap{margin-top:-28px;border-radius:20px 20px 0 0;padding:28px 18px 48px}.cg-sec{padding:20px 20px 20px 22px}.cg-hero h1{font-size:34px}}
/* real flag image in the hero title (renders everywhere, unlike emoji flags) */
.cg-flag{height:.66em;width:auto;border-radius:5px;margin-right:16px;vertical-align:baseline;box-shadow:0 6px 16px rgba(0,0,0,.4);display:inline-block}
@media(max-width:640px){.cg-flag{height:.6em;margin-right:10px}}