/* Rules copied from live Abkhazia / USA snapshots, 2026-10-10. */

    .advisory{margin:0 0 26px;padding:22px 24px;border:1px solid var(--line);border-left:4px solid #a33b2f;background:var(--card)}
    .advisory strong{display:block;font:600 19px var(--serif);color:#8f3027;margin-bottom:6px}.advisory p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
    .guide-card .btn[aria-disabled="true"]{display:block;cursor:default;opacity:.72}.chapter .photo img{max-height:620px;object-fit:cover}
    :root[data-theme=dark] .advisory strong{color:#ff9c91}
  
.gallery-grid .gallery-item figcaption p{margin:5px 0 0;color:var(--muted);font-size:.9em;line-height:1.6}.gallery-grid .gallery-item figcaption small{display:block;margin-top:8px;color:var(--muted);font-size:11px}.gallery-grid .gallery-item{min-width:0}.gallery-grid .gallery-item img{width:100%;object-fit:cover}

.hero.hero-aruba-test{
  position:relative;
  min-height:63vh;
  display:grid;
  align-items:end;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:
    linear-gradient(180deg,rgba(2,17,39,.16) 0%,rgba(2,17,39,.30) 42%,rgba(2,17,39,.88) 100%),
    var(--island-hero) center/cover no-repeat;
}
.hero.hero-aruba-test .hero-inner{
  position:relative;
  z-index:2;
  width:min(1180px,100%);
  margin:auto;
  padding:88px 72px 48px;
}
.hero.hero-aruba-test > img{display:none}
.hero.hero-aruba-test .hero-credit{
  position:absolute;
  right:18px;
  bottom:14px;
  z-index:3;
  padding:5px 8px;
  color:#fff;
  background:rgba(2,17,39,.72);
  font:500 .68rem/1.35 Arial,sans-serif;
  backdrop-filter:blur(5px);
}
.hero.hero-aruba-test .hero-credit a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.65)}
.hero.hero-aruba-test .breadcrumb{
  display:block;
  margin:0 0 26px;
  color:rgba(255,255,255,.76);
  font:600 .76rem/1.4 Arial,sans-serif;
  letter-spacing:.08em;
}
.hero.hero-aruba-test .breadcrumb a{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,225,146,.72);
}
.hero.hero-aruba-test .eyebrow{
  margin-bottom:14px;
  font:700 .8rem/1.4 Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#ffe192;
}
.hero.hero-aruba-test h1{
  color:#fff;
  font-size:clamp(3.2rem,9vw,7.4rem);
  line-height:.9;
  margin:0 0 22px;
  text-wrap:balance;
}
.hero.hero-aruba-test .intro{
  max-width:760px;
  margin:0;
  color:#fff;
  font-size:clamp(1.05rem,1.7vw,1.25rem);
  line-height:1.68;
  text-shadow:0 1px 18px rgba(0,0,0,.28);
}
.hero.hero-aruba-test .stamp{
  margin-top:24px;
  color:rgba(255,255,255,.76);
  font:500 .72rem/1.4 Arial,sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.hero.hero-aruba-test .country-nav{
  position:absolute;
  top:50%;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  margin:0;
  padding:0;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.58);
  border-radius:50%;
  color:#fff;
  background:rgba(2,17,39,.42);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
  backdrop-filter:blur(6px);
  text-decoration:none;
  font:400 1.9rem/1 Arial,sans-serif;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.hero.hero-aruba-test .country-nav:hover,
.hero.hero-aruba-test .country-nav:focus-visible{
  color:#10213a;
  background:#ffe192;
  border-color:#ffe192;
  transform:translateY(-50%) scale(1.05);
  outline:3px solid rgba(255,255,255,.45);
  outline-offset:3px;
}
.hero.hero-aruba-test .country-nav-prev{left:22px}
.hero.hero-aruba-test .country-nav-next{right:22px}
@media(max-width:900px){
  .hero.hero-aruba-test{min-height:58vh}
  .hero.hero-aruba-test .hero-inner{padding:78px 64px 42px}
  .hero.hero-aruba-test .country-nav{width:44px;height:44px}
  .hero.hero-aruba-test .country-nav-prev{left:10px}
  .hero.hero-aruba-test .country-nav-next{right:10px}
}
@media(max-width:700px){
  .hero.hero-aruba-test{min-height:clamp(420px,56svh,540px);background-position:58% center}
  .hero.hero-aruba-test .hero-inner{padding:38px 20px 72px}
  .hero.hero-aruba-test .breadcrumb{margin-bottom:13px;font-size:.68rem}
  .hero.hero-aruba-test .eyebrow{margin-bottom:8px;font-size:.72rem}
  .hero.hero-aruba-test h1{font-size:clamp(2.65rem,13.5vw,4rem);line-height:.94;margin-bottom:12px}
  .hero.hero-aruba-test .intro{font-size:.94rem;line-height:1.48;max-width:34rem}
  .hero.hero-aruba-test .stamp{max-width:68%;margin-top:12px;font-size:.61rem;line-height:1.45;letter-spacing:.08em}
  .hero.hero-aruba-test .country-nav{top:auto;bottom:14px;transform:none;width:40px;height:40px;font-size:1.65rem}
  .hero.hero-aruba-test .country-nav:hover,
  .hero.hero-aruba-test .country-nav:focus-visible{transform:scale(1.05)}
  .hero.hero-aruba-test .country-nav-prev{left:auto;right:62px}
  .hero.hero-aruba-test .country-nav-next{right:14px}
  .hero.hero-aruba-test .hero-credit{right:auto;left:20px;bottom:16px;max-width:calc(100% - 136px);font-size:.6rem}
}
@media(max-width:380px), (max-height:690px) and (max-width:700px){
  .hero.hero-aruba-test{min-height:390px}
  .hero.hero-aruba-test .hero-inner{padding-top:28px;padding-bottom:64px}
  .hero.hero-aruba-test .breadcrumb{margin-bottom:9px}
  .hero.hero-aruba-test h1{font-size:2.55rem}
  .hero.hero-aruba-test .intro{font-size:.9rem;line-height:1.42}
  .hero.hero-aruba-test .stamp{margin-top:9px}
}


@media (min-width:701px){
  main .chapter > p,
  main .chapter .body-text,
  main .chapter .chapter-head > div > p{
    text-align:justify;
    text-align-last:left;
    -webkit-hyphens:auto;
    hyphens:auto;
    overflow-wrap:break-word;
  }
}
@media (max-width:700px){
  main .chapter > p,
  main .chapter .body-text,
  main .chapter .chapter-head > div > p{
    text-align:left;
    -webkit-hyphens:manual;
    hyphens:manual;
    text-wrap:pretty;
  }
}


.author-note-box{margin-top:18px;padding:clamp(22px,4vw,38px);border:1px solid var(--line);border-left:4px solid var(--gold);background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--gold) 7%,var(--card)));box-shadow:0 12px 34px rgba(12,31,48,.06)}
.author-note-box p{margin:0 0 1em;font-family:var(--serif);font-size:clamp(1.04rem,1.5vw,1.18rem);line-height:1.85}
.author-note-box p:last-of-type{margin-bottom:0}
.author-note-signature{margin-top:22px;color:var(--gold);font:700 .92rem var(--sans);letter-spacing:.04em}
.support-project .support-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.support-project .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.support-project .support-secondary{margin-top:10px}
.weather-now{margin-top:22px;padding:16px;border:1px solid var(--line);background:var(--card)}
.weather-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.weather-metric{min-width:0;padding:18px 16px;background:color-mix(in srgb,var(--paper) 82%,var(--card));border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.weather-value{display:block;color:var(--ink);font:500 clamp(1.22rem,2vw,1.55rem)/1.2 var(--serif);overflow-wrap:anywhere}
.weather-label{display:block;margin-top:9px;color:var(--muted);font:500 .68rem/1.35 var(--sans)}
.weather-status{margin:12px 0 0;color:var(--muted);font-size:.72rem}
.weather-source{margin-top:18px;padding-left:12px;border-left:2px solid var(--gold);font-size:.74rem;color:var(--muted)}
@media (max-width:700px){.author-note-box{padding:20px;border-left-width:3px}.author-note-box p{text-align:left}}
@media (max-width:700px){.support-project .support-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.support-project .btn{width:100%;padding-inline:10px;text-align:center}.support-project .support-secondary{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-metric{padding:14px 12px}}
@media (max-width:380px){.support-project .support-links,.support-project .support-secondary{grid-template-columns:1fr}}


@media (min-width:1101px){
  .layout{grid-template-columns:minmax(0,1fr) 340px;gap:38px}
  .rail .promo-wrap{max-width:none;margin:24px 0 0;padding:0}
  .rail .adstrip{grid-template-columns:1fr;gap:14px}
  .rail .adstrip>a{min-height:118px;padding:18px;gap:18px}
  .rail .adstrip img{width:72px;height:104px}
  .rail .adstrip strong{font-size:16px;line-height:1.35}
  .rail .adstrip small{font-size:11px}
  .rail-toc{position:static;top:auto}
  .rail-toc .toc-links{max-height:none;overflow:visible}
}


.country-identity-strip{display:flex;align-items:center;gap:14px;margin:24px 0 18px;padding:16px 20px;border:1px solid var(--line);background:#fbf7ea}
.country-identity-strip .country-flag{font-size:2.8rem;line-height:1.1}
.country-identity-strip strong{display:block;font:500 1.3rem var(--serif);color:var(--ink)}
.country-identity-strip small{color:var(--muted)}
:root:not([data-theme=dark]) body{background:#faf8f1}
:root:not([data-theme=dark]) .facts div,:root:not([data-theme=dark]) .guide-card,:root:not([data-theme=dark]) .rail .adstrip>a{background:#fbf7ea}
:root[data-theme=dark] .country-identity-strip{background:var(--card)}
.rail .adstrip{grid-template-columns:1fr}
.rail .adstrip>a{flex-direction:row;text-align:left}
.rail .promo-wrap{padding:0;margin:24px 0}
.facts{grid-template-columns:repeat(4,minmax(0,1fr))}
.advisory .sources{margin-top:12px}
@media(max-width:760px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.country-identity-strip{padding:12px 14px}}

.kwtf-count{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;gap:7px;width:max-content;max-width:100%;margin:0 0 8px auto;padding:5px 9px;border-radius:3px;background:#080808;color:#bdbdbd;font:10px/1.3 system-ui,sans-serif;letter-spacing:0}.kwtf-count b{font:600 11px/1.3 ui-monospace,monospace;color:#fff;font-variant-numeric:tabular-nums}.hero>.kwtf-count{position:absolute;top:12px;right:16px;z-index:2}.hero:has(>.kwtf-count){position:relative}

/* Restore Algeria navigation layout on desktop and tablet; preserve local labels. */
header.topbar{display:flex!important;visibility:visible!important;position:sticky;top:0;z-index:100;min-height:64px;height:auto;align-items:center;flex-wrap:wrap;gap:22px;background:rgba(243,241,234,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--edge,#d8c79f)}
:root[data-theme=dark] header.topbar{background:rgba(13,32,51,.92)}
header.topbar .brand{white-space:nowrap}
header.topbar .topnav{display:flex!important;visibility:visible!important;flex-wrap:wrap;gap:18px}
header.topbar .topnav a{font-size:.84rem;white-space:nowrap}
header.topbar .header-controls{display:flex;align-items:center;gap:10px;margin-left:auto}
header.topbar .menu-btn{display:none!important}
@media(min-width:761px) and (max-width:1050px){header.topbar .topnav{order:3;width:100%;margin:0;flex-direction:row;justify-content:flex-start;position:static}}
@media(max-width:760px){
header.topbar{gap:8px;flex-wrap:nowrap}
header.topbar .header-controls{gap:5px}
header.topbar .topnav{display:none!important}
header.topbar .menu-btn{display:flex!important}
header.topbar .topnav.open,header.topbar .topnav.mobile-open{display:flex!important;flex-direction:column;align-items:stretch;position:absolute;top:100%;left:0;right:0;width:auto;margin:0;padding:6px 16px 14px;gap:0;background:var(--card,#fffdf8);border-bottom:1px solid var(--edge,#d8c79f);box-shadow:0 8px 14px #0002;max-height:calc(100vh - 80px);overflow-y:auto;z-index:101}
header.topbar .topnav.open a,header.topbar .topnav.mobile-open a{padding:13px 2px;border-bottom:1px solid var(--edge,#d8c79f);font-size:.95rem}
:root[data-theme=dark] header.topbar .topnav.open,:root[data-theme=dark] header.topbar .topnav.mobile-open{background:#122536}
}
@media print{header.topbar{display:none!important}}


.rail{min-width:0}
.rail .guide-card h2{display:block}
.rail .guide-card p{display:block}
.rail .guide-card .btn{display:block;cursor:default}
.rail .adstrip strong,.rail .adstrip small{overflow-wrap:anywhere}
.rail .adstrip img{object-fit:contain;flex:none}
@media(min-width:761px) and (max-width:980px){.rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.rail .guide-card{margin:0}.rail .promo-wrap{margin:0}.rail .rail-toc{grid-column:1/-1}}
@media(max-width:760px){.rail{display:block;width:100%}.rail .promo-wrap{max-width:380px;margin:24px auto}.rail .adstrip>a{padding:18px;gap:18px}.rail .adstrip img{width:72px;height:104px}.rail .adstrip strong{font-size:16px;line-height:1.35}.rail .adstrip small{font-size:11px}}


/* Island-only controls: retain the map, accessible image zoom and movable widget. */
[hidden]{display:none!important}
/* Long USMO titles use the whole editorial hero width, not an inherited half-width grid column. */
.hero.hero-aruba-test.hero-long-title{grid-template-columns:minmax(0,1fr)}
.hero.hero-aruba-test.hero-long-title h1{max-width:1000px}
.country-identity-strip small{display:block}
.country-blog{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-6px 0 22px;padding:11px 16px;border:1px solid var(--line);background:var(--card);font-size:12px;line-height:1.6}
.country-blog a{font-weight:700;white-space:nowrap;text-decoration:none}
.country-blog p{margin:0;color:var(--muted)}
.language-edition-note{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.language-fallback{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}
.access-summary.advisory{border-left-color:var(--gold)}
.access-summary.advisory strong{color:var(--ink)}
.chapter-top{display:inline-block;font-size:12px;margin-top:24px}
.chapter h2.section-title{margin:0}
.chapter a{overflow-wrap:anywhere}
.chapter .photo img{background:transparent;border:0;box-shadow:none}
.photo figcaption span{display:block}
.gallery-grid{gap:16px}
.gallery-grid .gallery-item{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);padding:0;margin:0;min-width:0}
.gallery-grid .gallery-item>a{display:block;background:transparent}
.gallery-grid .gallery-item img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.gallery-grid .gallery-item figcaption{padding:10px 12px;margin:0}
.table-scroll{overflow-x:auto;margin:24px 0}
.chapter table{width:100%;border-collapse:collapse;font-size:14px}
.chapter th,.chapter td{padding:10px;border:1px solid var(--line);text-align:left;color:var(--ink)}
.chapter th{background:var(--card)}
.cuisine-grid,.practical-grid,.fact-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.cuisine-item,.practical-item,.fact-summary>div{background:var(--card);padding:20px;border:1px solid var(--line);border-radius:12px}
.cuisine-item h3{font:500 21px var(--serif);margin:5px 0 12px}
.cuisine-item .emoji,.cuisine-item .icon{font-size:25px}
.cuisine-item p{font-size:15px}
.fact-summary strong,.fact-summary span{display:block}
.timeline{display:flex;flex-wrap:wrap;gap:15px;padding:0!important;list-style:none}
.timeline li{flex:1 1 130px;border-top:3px solid var(--gold);background:var(--card);padding:15px}
.timeline strong,.timeline span{display:block}
.timeline strong{font:24px var(--serif);color:var(--gold)}
.timeline span{font-size:13px}
.data-chart{border:1px solid var(--line);padding:25px;background:var(--card)}
.data-chart>div{margin:15px 0}
.data-chart i{height:24px;display:block;background:#3e7b85;margin-top:6px;min-width:15px}
.data-chart p{font-size:12px}
.chapter .map-container{margin:20px 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.island-map{height:450px;width:100%;z-index:1;border:0;background:#dcebf0}
.map-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.map-actions button{padding:8px 18px;border:1px solid var(--line);color:var(--ink);background:var(--card);border-radius:5px}
.map-actions button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.map-fallback{font-size:12px}
.resource-card{font-size:14px;text-decoration:none}
.image-dialog{border:0;padding:14px;max-width:94vw;max-height:94vh;background:var(--card)}
.image-dialog::backdrop{background:#102030cc}
.image-dialog img{width:100%;height:auto;max-height:84vh;object-fit:contain}
.image-dialog button{display:block;margin-left:auto;border:0;background:none;font-size:28px;color:var(--ink)}
.factbook-widget{position:fixed;bottom:18px;right:70px;z-index:40;display:flex;gap:8px;align-items:center;padding:9px 12px;background:var(--card);border:1px solid var(--line);box-shadow:0 4px 18px #10203025;border-radius:30px;font-size:12px}
.factbook-widget a{text-decoration:none}
.factbook-widget button{border:0;background:transparent;color:var(--ink);padding:3px 6px}
#dragHandle{cursor:grab;touch-action:none;font-size:22px}
.to-top{display:flex!important;position:fixed;right:18px;bottom:18px;z-index:41;border:1px solid var(--line);border-radius:50%;background:var(--card);width:40px;height:40px;align-items:center;justify-content:center;text-decoration:none}
.country-footer{color:var(--muted)}
.country-footer strong{color:var(--ink)}
.country-footer a{color:var(--accent)}
@media(max-width:980px){.mobile-toc{display:block;border:1px solid var(--line);padding:10px 14px;background:var(--card);margin-bottom:12px}.mobile-toc summary{font-size:14px;font-weight:700}.mobile-toc .toc-links{max-height:340px;padding-top:12px}.mobile-toc .toc-filter{margin-top:12px}.rail-toc{display:none}}
@media(max-width:760px){.country-blog{align-items:flex-start;gap:12px;padding:10px 12px}.country-blog p{font-size:11px}.cuisine-grid,.practical-grid,.gallery-grid{grid-template-columns:1fr}.island-map{height:350px}.map-actions button{padding:8px 13px;font-size:13px}.factbook-widget{bottom:12px;right:64px;font-size:11px}.to-top{bottom:12px}.guide-card .image-credit{font-size:10px}}
@media(max-width:380px){.country-blog{display:block}.country-blog p{margin-top:4px}}
@media print{.country-blog,.factbook-widget{display:none}.island-map{height:350px}}
