/* Content guide uses the course's existing colors, controls and photograph assets. */
.onboarding-brand {justify-content:space-between;gap:18px;margin-bottom:28px}
.onboarding-wordmark{display:flex;align-items:center;gap:10px;min-width:0}
.onboarding-wordmark strong{font-size:clamp(1rem,3vw,1.45rem);letter-spacing:-.04em}
.onboarding-profile-label{margin-left:auto;text-align:right;font-weight:650;font-size:.86rem;color:var(--muted)}
.onboarding-spqr{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid #c9a757;border-radius:50%;background:#65080d;color:#f6dc8d;font:700 .55rem Georgia,serif}
.onboarding-copy:empty{display:none}
.onboarding-language-copy strong{font-size:1rem}
.onboarding-language-card:focus-visible,.language-guide button:focus-visible,.guide-place:focus-visible,.guide-marker:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.language-guide{margin-top:20px;border-top:1px solid var(--line);padding-top:22px}
.guide-heading h2{font-size:1.55rem;margin:0 0 7px}
.guide-heading p,.guide-geography>p{color:var(--muted);line-height:1.6;margin:0 0 16px}
.guide-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.guide-tabs button,.guide-country-list button{font:inherit;min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);cursor:pointer}
.guide-tabs button[aria-pressed=true],.guide-country-list button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);font-weight:700}
.guide-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel)}
.guide-story figure{margin:0;position:relative;min-height:300px}
.guide-story figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.guide-story figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 18px 16px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:.8rem}
.guide-story-copy{padding:25px;min-width:0}
.guide-story-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.guide-story-title h3{font-size:1.55rem;margin:0}
.guide-story-title>span{font-size:1.8rem}
.guide-speakers{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;margin:16px 0}
.guide-speakers strong{font-size:2rem;color:var(--accent);letter-spacing:-.04em}
.guide-speakers span{font-size:.76rem;color:var(--muted)}
.guide-story-copy p{font-size:.92rem;line-height:1.65;margin:12px 0;color:var(--ink)}
.guide-story-copy .btn{margin-top:10px;max-width:100%;white-space:normal}
.guide-story-copy small{display:block;margin-top:8px;color:var(--muted);font-size:.72rem}
.guide-geography{margin-top:25px}
.guide-geography h3{font-size:1.1rem;margin:0 0 8px}
.guide-map{width:100%;max-height:360px;display:block;border:1px solid var(--line);border-radius:16px;background:#e7edf4}
.guide-ocean{fill:#e7edf4}
.guide-land{fill:#c8d2d7;stroke:#f7f9fa;stroke-width:.7;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.guide-place{fill:#a79af1;stroke:#7561c5;cursor:pointer}
.guide-place:hover,.guide-place.active{fill:#6249c8;stroke:#35226b}
.guide-marker{fill:#6249c8;stroke:white;stroke-width:1.6;vector-effect:non-scaling-stroke;cursor:pointer}
.guide-marker circle{vector-effect:non-scaling-stroke}
.guide-marker.active{fill:#b65a1c}
.guide-marker .guide-marker-hit{fill:transparent;stroke:none;pointer-events:all}
.guide-country-info{border-left:3px solid var(--accent);padding:12px 16px;margin:14px 0;background:var(--accent-soft);border-radius:0 10px 10px 0;min-height:85px}
.guide-country-info strong{color:var(--ink)}
.guide-country-info p{font-size:.86rem;line-height:1.55;margin:4px 0 0;color:var(--ink)}
.guide-country-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.guide-country-list button{font-size:.78rem}
.guide-geography .guide-map-note{font-size:.76rem;line-height:1.5;margin:15px 0 6px}
.guide-map-credit{font-size:.68rem;color:var(--muted)}
.guide-sources{margin-top:20px;color:var(--muted);font-size:.78rem;line-height:1.6}
.guide-sources summary{cursor:pointer;min-height:44px;padding-top:12px}
.guide-sources a{color:var(--accent);overflow-wrap:anywhere}
html[data-theme=dark] .guide-map,html[data-theme=dark] .guide-ocean{background:#192531;fill:#192531}
html[data-theme=dark] .guide-land{fill:#354958;stroke:#192531}
html[data-theme=dark] .guide-place{fill:#8972d3;stroke:#c3b3f2}
html[data-theme=dark] .guide-place.active,html[data-theme=dark] .guide-place:hover{fill:#c3b3f2}
@media(max-width:680px){
  .onboarding-brand{align-items:center;gap:8px}
  .onboarding-profile-label{font-size:.72rem;max-width:105px}
  .onboarding-wordmark{gap:6px}
  .onboarding-spqr{width:28px;height:28px;font-size:.46rem}
  .guide-story{grid-template-columns:1fr}
  .guide-story figure{min-height:210px}
  .guide-story-copy{padding:20px}
  .guide-tabs{gap:6px}
  .guide-tabs button{flex:1 1 28%;padding:8px 6px;font-size:.8rem}
  .guide-country-list button{flex-grow:1}
  .guide-map{min-height:180px}
}
.platform-loading{position:fixed;inset:0;display:grid;place-items:center;background:#f4f1ed;z-index:10000;font:600 18px system-ui;color:#342c53}
.platform-recovery{position:fixed;bottom:42px;right:12px;z-index:121;background:#fff1d0;color:#4a3210;border:1px solid #dcb565;border-radius:10px;padding:8px;font:12px system-ui;max-width:80vw}
#sync-status:not([hidden]){position:fixed;bottom:8px;right:12px;z-index:120;background:#fff;color:#40364f;border:1px solid #ddd3ee;border-radius:20px;padding:5px 10px;font:11px/1.3 system-ui;max-width:80vw;box-shadow:0 2px 12px #24153418}