/* Dubai Décrypte Design System V1 — shared with editorial video palette. */
:root {
 --navy:#0c1c32; --deep:#0a1628; --paper:#faf7f0; --sand:#e9e0d0;
 --gold:#927040; --muted:#5c6878; --line:#d9d8d2; --white:#fff;
 --green:#167658; --danger:#80262e;
 --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
 --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
 --radius-control:4px; --radius-card:6px; --content-max:1280px;
 --font-body:'DM Sans',Arial,sans-serif; --font-brand:'Manrope',Arial,sans-serif;
 --font-display:Georgia,'Times New Roman',serif;
 --text-small:.875rem; --text-body:1rem; --text-label:.75rem;
 --motion-fast:160ms; --motion-base:220ms;
 --focus-ring:3px solid #927040;
}
body{font-family:var(--font-body)}
.btn{min-height:44px;border-radius:var(--radius-control)}
.card,.course-card,.continue-card{border-radius:var(--radius-card)}
.field{font-size:var(--text-small)}
.field input,.field select{font-size:1rem}
.text-link{min-height:44px}
.footer-links a{display:inline-flex;align-items:center;min-height:44px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-navigation{display:flex;align-items:center;gap:var(--space-5)}
.home-menu-button{display:none;background:transparent;color:var(--navy);min-width:44px;min-height:44px;font-size:22px;border:1px solid var(--line);border-radius:4px}
.home-mobile-nav{display:none}
.nav-disclosure{margin-top:16px;border-top:1px solid #ffffff25;padding-top:12px}
.nav-disclosure summary{padding:12px;color:#c4ced1;cursor:pointer;font-size:14px}
.nav-disclosure .nav-label{display:none}
.drawer-shade{display:none}
.course-cover{background:var(--navy);border-top:3px solid #927040}
.course-cover:after{background:linear-gradient(125deg,#0c1c32,#1a304c)}
.course-index{font:400 52px/1 var(--font-display);color:#d6c9b4;margin-bottom:20px}
.course-cover h3{font-size:36px}
@media(max-width:780px){
 .topbar{height:76px;gap:12px;position:relative}
 .topbar>.site-navigation{display:flex;gap:8px}
 .home-menu-button{display:block}
 .header-account .btn{display:none}
 .topbar .brand{min-height:44px}
 .topbar .brand-name{font-size:12px}
 .home-mobile-nav{display:grid;position:absolute;z-index:70;top:75px;left:-20px;right:-20px;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 20px;box-shadow:0 16px 24px #0c1c3210;grid-template-columns:1fr 1fr;gap:8px}
 .home-mobile-nav a{display:flex;align-items:center;padding:12px;min-height:48px;font-size:15px;border:1px solid var(--line);border-radius:4px}
 .home-mobile-nav .btn{grid-column:1/-1;justify-content:center;color:white}
 .platform-hero{padding-top:30px;gap:24px}
 .platform-hero h1{font-size:clamp(36px,9.8vw,46px);margin:18px 0;line-height:1.12}
 .hero-actions{margin-top:22px;gap:12px}
 .hero-visual.editorial-visual{height:290px}
 .editorial-caption h2{font-size:27px}
 .workspace-top{padding:10px 16px;min-height:65px}
 .workspace-top>div>span:not(.pill){font-size:10px}
 .workspace-top a{display:flex;align-items:center;min-height:44px;font-size:13px;max-width:110px;overflow-wrap:anywhere}
 .mobile-menu{min-width:44px;min-height:44px;padding:8px}
 .sidebar{width:min(300px,85vw);z-index:60;box-shadow:20px 0 60px #0002}
 .sidebar .side-link{min-height:44px}
 .drawer-shade.open{display:block;position:fixed;inset:65px 0 0;background:#0a162870;z-index:59}
 .sidebar.open~.workspace-right{position:relative}
 .quick-links,.universes{gap:0}
 .quick-links{gap:12px}
 .step p,.stat-note,.card .note{font-size:13px}
 .card p,.intel-card p,.quick-links p,.universes p{font-size:14px}
 .side-icon{font-size:16px}
}
@media(prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-base:0ms}}
.footer-links{flex-wrap:wrap;row-gap:4px}
@media(max-width:780px){.topbar .home-mobile-nav{display:grid}.topbar .home-mobile-nav[hidden]{display:none}}
@media(max-width:780px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}