/*
  Nahw100 Global Emerald–Gold Visual System V1
  Shared presentation layer only. No application behavior or production data.
*/

:root{
  --n100-header-emerald-950:#023d31;
  --n100-header-emerald-900:#064e3b;
  --n100-header-emerald-800:#075844;
  --n100-header-emerald-700:#0b624c;
  --n100-header-emerald-glow:#158269;
  --n100-header-gold-700:#8e641f;
  --n100-header-gold-500:#c99b43;
  --n100-header-gold-300:#e4c476;
  --n100-header-ivory:#fffaf0;
  --n100-header-ink:#123e34;
  --n100-header-accent:url("assets/ui/nahw100-global-header-accent.svg");
  --n100-header-shadow:0 18px 40px rgba(17,51,41,.18),0 4px 12px rgba(93,68,25,.10);
}

body:not(.reader-bridge-page){overflow-x:clip}
.admin-mobile-head{display:none}

/* ------------------------------------------------------------------
   Shared full header — student and public application surfaces
   ------------------------------------------------------------------ */

.content>.topline{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:auto;
  min-height:204px;
  margin:-28px -32px 30px!important;
  padding:31px 38px 28px;
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) minmax(320px,2.15fr) minmax(180px,1fr);
  align-items:center!important;
  gap:22px;
  direction:ltr;
  border:0;
  border-radius:0 0 30px 30px;
  color:var(--n100-header-ivory);
  background:
    radial-gradient(circle at 53% 132%,rgba(22,130,104,.38),transparent 46%),
    radial-gradient(circle at 6% -55%,rgba(35,143,115,.27),transparent 42%),
    linear-gradient(118deg,var(--n100-header-emerald-950) 0%,var(--n100-header-emerald-900) 38%,var(--n100-header-emerald-800) 72%,#064435 100%);
  box-shadow:var(--n100-header-shadow);
}

.content>.topline::before,
.admin-content>.admin-top::before,
.lesson-v3-topbar::before,
.landing-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  background-image:var(--n100-header-accent);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  pointer-events:none;
}

.content>.topline::after,
.admin-content>.admin-top::after,
.lesson-v3-topbar::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  border:1px solid rgba(255,246,213,.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -2px 0 rgba(217,180,88,.32),
    inset 0 -20px 38px rgba(0,36,28,.08);
  pointer-events:none;
}

.content>.topline>*{
  position:relative;
  z-index:2;
  min-width:0;
  direction:rtl;
}

.content>.topline>:first-child{
  grid-column:2;
  grid-row:1;
  align-self:center;
  justify-self:stretch;
  text-align:center;
}

.content>.topline>:nth-child(2){
  grid-column:3;
  grid-row:1;
  align-self:center;
  justify-self:end;
  max-width:100%;
}

.content>.topline .eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  min-height:25px;
  margin-bottom:4px;
  color:#efd58e!important;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  text-shadow:0 1px 5px rgba(0,0,0,.22);
}

.content>.topline .eyebrow::before{
  content:"";
  width:22px;
  height:1px;
  margin-inline-end:8px;
  background:linear-gradient(90deg,transparent,#e3bd63);
}

.content>.topline h1{
  max-width:820px;
  margin:3px auto 7px!important;
  color:#fffdf7!important;
  font-size:clamp(32px,3.1vw,44px)!important;
  font-weight:900!important;
  line-height:1.18!important;
  letter-spacing:-.018em;
  text-wrap:balance;
  text-shadow:0 3px 11px rgba(0,38,29,.30);
}

.content>.topline .muted{
  max-width:740px;
  margin-inline:auto;
  color:rgba(255,250,240,.82)!important;
  font-size:14px;
  line-height:1.65;
  text-wrap:balance;
}

.content>.topline .actions,
.content>.topline .topline-utilities{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin:0;
  flex-wrap:wrap;
}

.content>.topline .secondary,
.content>.topline .primary,
.content>.topline .pill,
.content>.topline .admin-utility-entry,
.content>.topline .wallet-hero{
  min-height:43px;
  color:#fffaf0!important;
  border:1px solid rgba(255,247,219,.72)!important;
  background:linear-gradient(125deg,rgba(2,56,44,.83),rgba(145,101,28,.68))!important;
  box-shadow:0 7px 19px rgba(0,35,26,.19),inset 0 1px 0 rgba(255,255,255,.14)!important;
  backdrop-filter:blur(9px);
}

.content>.topline .secondary:hover,
.content>.topline .primary:hover,
.content>.topline .admin-utility-entry:hover,
.content>.topline .wallet-hero:hover{
  border-color:#fff0bd!important;
  background:linear-gradient(125deg,rgba(1,66,51,.94),rgba(164,116,32,.80))!important;
  transform:translateY(-1px);
}

.content>.topline .pill{white-space:nowrap}
.content>.topline .wallet-hero{min-width:205px;padding:11px 15px;border-radius:15px}
.content>.topline .wallet-hero span{color:rgba(255,250,240,.76)!important}
.content>.topline .wallet-hero b{color:#fff2bc!important}

/* ------------------------------------------------------------------
   Compact shared header — administration workspace
   ------------------------------------------------------------------ */

.admin-content>.admin-top{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:auto;
  min-height:150px;
  margin:-24px -28px 24px!important;
  padding:24px 32px 22px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;
  gap:22px!important;
  direction:rtl;
  border-radius:0 0 24px 24px;
  background:
    radial-gradient(circle at 42% 132%,rgba(20,128,101,.34),transparent 47%),
    linear-gradient(118deg,var(--n100-header-emerald-950),var(--n100-header-emerald-800) 72%,#064435);
  box-shadow:0 14px 34px rgba(17,51,41,.15),0 3px 10px rgba(93,68,25,.08);
}

.admin-content>.admin-top>*{
  position:relative;
  z-index:2;
  min-width:0;
}

.admin-content>.admin-top>:first-child{max-width:820px}
.admin-content>.admin-top h1{
  margin:3px 0 5px!important;
  color:#fffdf7!important;
  font-size:clamp(27px,2.35vw,34px)!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-shadow:0 3px 10px rgba(0,38,29,.27);
}
.admin-content>.admin-top .eyebrow{
  color:#efd58e!important;
  font-weight:800;
  text-shadow:0 1px 4px rgba(0,0,0,.18);
}
.admin-content>.admin-top .muted{
  color:rgba(255,250,240,.78)!important;
  line-height:1.55;
}
.admin-content>.admin-top .admin-top-actions{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.admin-content>.admin-top .secondary,
.admin-content>.admin-top .primary,
.admin-content>.admin-top .status-chip{
  color:#fffaf0!important;
  border-color:rgba(255,247,219,.68)!important;
  background:linear-gradient(125deg,rgba(2,56,44,.82),rgba(145,101,28,.64))!important;
  box-shadow:0 6px 16px rgba(0,35,26,.16),inset 0 1px 0 rgba(255,255,255,.13)!important;
  backdrop-filter:blur(8px);
}

/* ------------------------------------------------------------------
   Lesson header — full reference composition, reading canvas untouched
   ------------------------------------------------------------------ */

.lesson-v3-topbar{
  position:sticky!important;
  top:0;
  z-index:80;
  isolation:isolate;
  overflow:hidden;
  min-height:218px!important;
  margin:0 -10px 18px!important;
  padding:28px 34px 25px!important;
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) minmax(340px,2.1fr) minmax(150px,1fr)!important;
  align-items:center!important;
  gap:20px!important;
  direction:rtl;
  border:0!important;
  border-radius:0 0 30px 30px;
  color:var(--n100-header-ivory);
  background:
    radial-gradient(circle at 53% 132%,rgba(22,130,104,.38),transparent 46%),
    radial-gradient(circle at 6% -55%,rgba(35,143,115,.26),transparent 42%),
    linear-gradient(118deg,var(--n100-header-emerald-950),var(--n100-header-emerald-900) 40%,var(--n100-header-emerald-800) 72%,#064435)!important;
  box-shadow:var(--n100-header-shadow)!important;
  backdrop-filter:none!important;
}

.lesson-v3-topbar>*{position:relative;z-index:2;min-width:0}
.lesson-v3-topbar-nav{grid-column:1;justify-self:start;justify-content:flex-start!important;flex-wrap:wrap}
.lesson-v3-identity{grid-column:2;text-align:center;padding:0!important}
.lesson-v3-topbar-tools{grid-column:3;justify-self:end;justify-content:flex-end!important}
.lesson-v3-identity h1{
  max-width:820px;
  margin:5px auto 8px!important;
  color:#fffdf7!important;
  font-size:clamp(32px,3vw,43px)!important;
  font-weight:900!important;
  line-height:1.18!important;
  letter-spacing:-.018em;
  text-wrap:balance;
  text-shadow:0 3px 11px rgba(0,38,29,.30)!important;
}
.lesson-v3-breadcrumb{
  display:block;
  max-width:100%;
  overflow:hidden;
  color:rgba(255,250,240,.78)!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.55;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lesson-v3-breadcrumb a,
.lesson-v3-breadcrumb strong{color:#f2d78e!important}
.lesson-v3-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:35px!important;
  max-width:100%;
  margin-inline:auto;
  padding:7px 14px!important;
  color:#fff1bf!important;
  border:1px solid rgba(255,241,191,.60)!important;
  border-radius:999px;
  background:rgba(1,59,45,.56)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important;
  backdrop-filter:blur(7px);
}
.lesson-v3-status[data-lesson-status]{color:#fff1bf!important;background:rgba(1,59,45,.56)!important;border-color:rgba(255,241,191,.60)!important}
.lesson-v3-topbar-btn,
.lesson-v3-menu-btn,
#backToCourse,
#toggleUnitLessons{
  min-height:44px!important;
  color:#fffaf0!important;
  border:1px solid rgba(255,247,219,.72)!important;
  border-radius:14px!important;
  background:linear-gradient(125deg,rgba(2,56,44,.84),rgba(145,101,28,.69))!important;
  box-shadow:0 7px 19px rgba(0,35,26,.19),inset 0 1px 0 rgba(255,255,255,.14)!important;
  backdrop-filter:blur(9px);
}
.lesson-v3-topbar-btn:hover,
.lesson-v3-menu-btn:hover,
#backToCourse:hover,
#toggleUnitLessons:hover{
  color:#fffdf7!important;
  border-color:#fff0bd!important;
  background:linear-gradient(125deg,rgba(1,66,51,.94),rgba(164,116,32,.80))!important;
}

/* ------------------------------------------------------------------
   Student body refinement — section personality preserved
   ------------------------------------------------------------------ */

@media(min-width:768px){
  .student-home .content{
    background:
      radial-gradient(circle at 14% 18%,rgba(205,166,77,.12),transparent 26%),
      radial-gradient(circle at 88% 48%,rgba(15,111,84,.075),transparent 32%),
      linear-gradient(180deg,#faf6ed 0%,#f7f1e5 100%)!important;
  }
  .student-home .continue-card{
    position:relative;
    overflow:hidden;
    padding:27px!important;
    border-color:rgba(116,91,44,.20)!important;
    background:
      radial-gradient(circle at 8% 110%,rgba(201,155,67,.21),transparent 34%),
      linear-gradient(135deg,#fffdf8 0%,#edf6f0 100%)!important;
    box-shadow:0 18px 42px rgba(34,65,53,.09)!important;
  }
  .student-home .continue-card::before{
    content:"";
    position:absolute;
    inset-block:18px;
    inset-inline-start:0;
    width:4px;
    border-radius:0 5px 5px 0;
    background:linear-gradient(#0b624c,#d1aa55);
  }
  .student-home .continue-card .course-art{
    border:1px solid rgba(240,214,145,.33);
    background:
      radial-gradient(circle at 82% 82%,rgba(226,187,90,.54),transparent 29%),
      linear-gradient(145deg,#064e3b,#0b6b51 68%,#bc8f36)!important;
    box-shadow:0 14px 28px rgba(8,72,54,.16);
  }
  .student-home .stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .student-home .stat{
    min-height:104px;
    display:grid;
    align-content:center;
    border-color:rgba(119,99,62,.16)!important;
    background:linear-gradient(155deg,#fffdf9,#fbf6eb)!important;
    box-shadow:0 10px 26px rgba(43,63,54,.055)!important;
  }
  .student-home .stat::before{
    content:"";
    position:absolute;
    inset-inline:18px;
    top:0;
    height:2px;
    background:linear-gradient(90deg,transparent,#d0a64e,transparent);
  }
  .student-home .course-card,
  .student-home .dashboard-next-card,
  .student-home .dashboard-achievement,
  .student-home .next-step{
    border-color:rgba(119,99,62,.17)!important;
    box-shadow:0 11px 28px rgba(43,63,54,.06)!important;
  }
}

.student-catalog-page .catalog-toolbar{
  border-color:rgba(112,91,50,.18)!important;
  background:linear-gradient(150deg,#fffefb,#faf6ec)!important;
  box-shadow:0 12px 29px rgba(40,65,54,.065)!important;
}
.student-catalog-page .course-grid{gap:18px}
.student-catalog-page .course-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:215px;
  padding:25px 27px!important;
  border-color:rgba(108,88,50,.20)!important;
  background:
    radial-gradient(circle at 0 100%,rgba(205,166,77,.12),transparent 32%),
    linear-gradient(145deg,#fffefb,#fbf7ee)!important;
  box-shadow:0 14px 34px rgba(36,66,54,.075)!important;
}
.student-catalog-page .course-card::before{
  content:"";
  position:absolute;
  inset-block:20px;
  inset-inline-start:0;
  width:5px;
  border-radius:0 6px 6px 0;
  background:linear-gradient(180deg,#0b6a50,#d0a34a);
}
.student-catalog-page .course-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:180px;
  height:180px;
  inset-inline-end:-90px;
  inset-block-start:-105px;
  border:1px solid rgba(201,155,67,.15);
  border-radius:50%;
  box-shadow:0 0 70px rgba(13,102,78,.08);
}
.student-catalog-page .course-card h3{font-size:23px!important;line-height:1.3}
.student-catalog-page .course-card .progress{height:10px;background:#e9e5da}
.student-catalog-page .course-card .progress span{background:linear-gradient(90deg,#0b6a50,#c99b43)}
.student-catalog-page .course-card .actions{align-items:center}

.global-lesson-catalog{gap:12px!important}
.global-lesson-row{
  position:relative;
  overflow:hidden;
  min-height:130px;
  padding:18px 20px!important;
  border-color:rgba(109,89,51,.18)!important;
  background:linear-gradient(145deg,#fffefb,#fbf7ef)!important;
  box-shadow:0 11px 28px rgba(36,66,54,.065)!important;
}
.global-lesson-row::before{
  content:"";
  position:absolute;
  inset-block:18px;
  inset-inline-start:0;
  width:4px;
  border-radius:0 5px 5px 0;
  background:linear-gradient(180deg,#0b6a50,#d0a34a);
}
.global-lesson-row.current,
.global-lesson-row.in-progress{background:linear-gradient(145deg,#f5fbf7,#fffaf0)!important;border-color:#c9dccc!important}
.global-lesson-row.completed{background:linear-gradient(145deg,#f1f8f3,#fffdf8)!important;border-color:#bed9c7!important}
.global-lesson-row.locked{background:#f3f0e9!important;box-shadow:none!important}
.global-lesson-row .lesson-state{border:1px solid rgba(11,98,76,.12);background:linear-gradient(145deg,#eaf4ee,#fff9ea)!important}
.lesson-catalog-status .pill{font-weight:800}

/* ------------------------------------------------------------------
   Public landing and authentication integration
   ------------------------------------------------------------------ */

.landing-header{
  position:sticky;
  isolation:isolate;
  overflow:hidden;
  min-height:94px;
  border-bottom:1px solid rgba(236,205,125,.36)!important;
  background:
    radial-gradient(circle at 46% 145%,rgba(20,128,101,.34),transparent 49%),
    linear-gradient(118deg,var(--n100-header-emerald-950),var(--n100-header-emerald-800) 75%,#064435)!important;
  box-shadow:0 12px 30px rgba(15,52,40,.16)!important;
  backdrop-filter:none!important;
}
.landing-header::before{opacity:.84}
.landing-header>*{position:relative;z-index:2}
.landing-header .header-main{min-height:88px}
.landing-header .landing-brand{color:#fffaf0!important;text-shadow:0 2px 7px rgba(0,0,0,.18)}
.landing-header .landing-brand img{padding:3px;background:#fffaf0;box-shadow:0 5px 15px rgba(0,0,0,.16)}
.landing-header .desktop-nav a,
.landing-header .mobile-nav a{color:rgba(255,250,240,.86)!important}
.landing-header .desktop-nav a:hover,
.landing-header .desktop-nav a:focus-visible,
.landing-header .mobile-nav a:hover,
.landing-header .mobile-nav a:focus-visible{color:#ffeab0!important}
.landing-header .desktop-nav a::after{background:#e2bd63}

/* HOTFIX 1 — top navigation readability only; header geometry/SVG remain frozen. */
.landing-header .desktop-nav a{
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.4!important;
  text-shadow:0 1px 3px rgba(0,0,0,.16);
}
.landing-header .mobile-nav a{
  font-weight:800!important;
  line-height:1.35!important;
}
@media (max-width:1180px) and (min-width:861px){
  .landing-header .desktop-nav a{font-size:15px!important}
}
@media (max-width:860px) and (min-width:768px){
  .landing-header .desktop-nav a{font-size:14px!important;line-height:1.35!important}
}
@media (max-width:767px){
  .landing-header .mobile-nav a{font-size:14px!important}
}
.landing-header .button-ghost{
  color:#fffaf0!important;
  border-color:rgba(255,247,219,.68)!important;
  background:rgba(2,56,44,.58)!important;
}
.landing-header .button-primary{
  color:#173f35!important;
  border-color:#f6dfa0!important;
  background:linear-gradient(135deg,#ffe9a8,#c99b43)!important;
  box-shadow:0 8px 20px rgba(37,25,4,.20)!important;
}

.auth-page{
  overflow-x:hidden;
  background:
    radial-gradient(circle at 12% 12%,rgba(205,166,77,.15),transparent 27%),
    radial-gradient(circle at 86% 86%,rgba(11,98,76,.12),transparent 31%),
    linear-gradient(145deg,#f8f0e2,#eaf3ed)!important;
}
.auth-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(100,82,48,.18)!important;
  box-shadow:0 22px 56px rgba(27,64,51,.13)!important;
}
.auth-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  z-index:0;
  height:106px;
  background:
    var(--n100-header-accent) center/cover no-repeat,
    linear-gradient(118deg,var(--n100-header-emerald-950),var(--n100-header-emerald-800) 75%,#064435);
  pointer-events:none;
}
.auth-card>*{position:relative;z-index:1}
.auth-card>.auth-brand{
  min-height:80px;
  margin:-18px -18px 22px!important;
  padding:15px 18px 17px;
  color:#fffaf0;
}
.auth-card>.auth-brand img{width:62px;height:62px;padding:3px;background:#fffaf0!important;box-shadow:0 5px 14px rgba(0,0,0,.14)}
.auth-card>.auth-brand .eyebrow{color:#efd58e!important}
.auth-card>.auth-brand h1{color:#fffdf7!important;text-shadow:0 2px 8px rgba(0,37,28,.24)}

.login-visual,
.register-visual{
  border-color:rgba(225,190,105,.30)!important;
  background:
    var(--n100-header-accent) center/cover no-repeat,
    radial-gradient(circle at 45% 130%,rgba(22,130,104,.36),transparent 48%),
    linear-gradient(135deg,#033f32,#075844 72%,#064435)!important;
  box-shadow:0 24px 70px rgba(18,58,45,.20)!important;
}
.login-visual::before,
.register-visual::before{display:none!important}
.login-visual::after,
.register-visual::after{border-color:rgba(235,207,132,.30)!important;box-shadow:0 0 80px rgba(226,187,90,.18)!important}
.login-visual h2,
.register-visual h2{color:#fffdf7!important;text-shadow:0 3px 10px rgba(0,36,27,.28)}
.login-visual p,
.register-visual p{color:rgba(255,250,240,.82)!important}
.login-return-tag,
.register-journey-tag,
.login-visual-notes span,
.register-visual-notes span{
  color:#fff1bd!important;
  border-color:rgba(255,240,190,.45)!important;
  background:rgba(2,57,44,.60)!important;
  backdrop-filter:blur(8px);
}

/* ------------------------------------------------------------------
   Tablet and laptop
   ------------------------------------------------------------------ */

@media(min-width:768px) and (max-width:1199px){
  .content>.topline{
    min-height:186px;
    margin:-18px -18px 25px!important;
    padding:27px 24px 24px;
    grid-template-columns:minmax(120px,.9fr) minmax(290px,2fr) minmax(150px,1fr);
    border-radius:0 0 26px 26px;
  }
  .content>.topline h1{font-size:clamp(29px,3.6vw,38px)!important}
  .content>.topline .muted{font-size:13px}
  .admin-content>.admin-top{
    min-height:140px;
    margin:-18px -18px 22px!important;
    padding:22px 25px;
  }
  .lesson-v3-topbar{
    min-height:188px!important;
    padding:23px 24px 21px!important;
    grid-template-columns:minmax(150px,.9fr) minmax(290px,2fr) minmax(110px,.8fr)!important;
  }
  .lesson-v3-identity h1{font-size:clamp(28px,3.4vw,37px)!important}
  .student-home .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ------------------------------------------------------------------
   Mobile compact variant — controls and existing navigation preserved
   ------------------------------------------------------------------ */

@media(max-width:767px){
  .student-mobile-head,
  .admin-mobile-head{
    color:#fffaf0!important;
    border-color:rgba(230,196,111,.28)!important;
    background:linear-gradient(118deg,#023d31,#075844 78%,#064435)!important;
    box-shadow:0 5px 16px rgba(8,58,43,.13)!important;
  }
  .student-mobile-head .mobile-brand-mini strong,
  .admin-mobile-head .admin-mobile-brand strong{color:#fffaf0!important}
  .student-mobile-head .mobile-brand-mini img,
  .admin-mobile-head .admin-mobile-brand img{padding:2px;background:#fffaf0!important}
  .student-mobile-head .mobile-logout,
  .admin-mobile-head .mobile-logout{
    color:#fffaf0!important;
    border-color:rgba(255,243,203,.52)!important;
    background:rgba(1,54,42,.58)!important;
  }
  .mobile-top-nav,
  .admin-v1-mobile-links{
    border-color:rgba(230,196,111,.25)!important;
    background:#064e3b!important;
  }
  .mobile-top-nav a,
  .admin-v1-mobile-links a{color:rgba(255,250,240,.88)!important;border-color:rgba(255,243,203,.24)!important}
  .mobile-top-nav a.active,
  .admin-v1-mobile-links a.active{
    color:#173f35!important;
    background:linear-gradient(135deg,#ffe9a8,#c99b43)!important;
    box-shadow:none!important;
  }

  .content>.topline{
    min-height:144px;
    margin:0 -10px 17px!important;
    padding:19px 14px 18px;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center!important;
    gap:10px;
    direction:rtl;
    border-radius:0 0 21px 21px;
    background:
      radial-gradient(circle at 48% 138%,rgba(22,130,104,.36),transparent 47%),
      linear-gradient(118deg,#023d31,#075844 76%,#064435);
  }
  .content>.topline::before{background-position:62% center;background-size:auto 100%;opacity:.84}
  .content>.topline>:first-child{
    grid-column:1;
    grid-row:1;
    text-align:right;
  }
  .content>.topline>:nth-child(2){
    grid-column:2;
    grid-row:1;
    justify-self:end;
    max-width:132px;
  }
  .content>.topline .eyebrow{
    display:block;
    max-width:100%;
    min-height:0;
    margin-bottom:2px;
    overflow:hidden;
    font-size:11px;
    text-align:right;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .content>.topline .eyebrow::before{display:none}
  .content>.topline h1{
    margin:2px 0 4px!important;
    font-size:clamp(23px,7.3vw,29px)!important;
    line-height:1.18!important;
    text-align:right;
  }
  .content>.topline .muted{
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    font-size:11px;
    line-height:1.45;
    text-align:right;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .content>.topline .actions,
  .content>.topline .topline-utilities{
    width:auto;
    justify-content:flex-end;
    gap:5px;
  }
  .content>.topline .secondary,
  .content>.topline .primary,
  .content>.topline .pill,
  .content>.topline .admin-utility-entry,
  .content>.topline .wallet-hero{
    width:auto!important;
    min-width:0;
    min-height:37px;
    padding:6px 9px;
    font-size:11px;
    white-space:normal;
  }
  .content>.topline .wallet-hero{display:block;max-width:126px;text-align:center}
  .content>.topline .wallet-hero b{font-size:14px}

  .admin-content>.admin-top{
    min-height:126px;
    margin:0 -12px 16px!important;
    padding:18px 15px 17px;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:9px!important;
    border-radius:0 0 20px 20px;
  }
  .admin-content>.admin-top::before{background-position:62% center;background-size:auto 100%;opacity:.82}
  .admin-content>.admin-top h1{font-size:22px!important;line-height:1.2!important}
  .admin-content>.admin-top .eyebrow{
    display:block;
    max-width:100%;
    overflow:hidden;
    font-size:10px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .admin-content>.admin-top .muted{
    display:-webkit-box;
    overflow:hidden;
    font-size:11px;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .admin-content>.admin-top .admin-top-actions{width:auto!important;max-width:126px}
  .admin-content>.admin-top .secondary,
  .admin-content>.admin-top .primary,
  .admin-content>.admin-top .status-chip{min-height:36px;padding:6px 9px;font-size:11px;white-space:normal}

  .lesson-v3-topbar{
    min-height:148px!important;
    margin:0 -8px 12px!important;
    padding:15px 9px 14px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:7px!important;
    border-radius:0 0 21px 21px;
  }
  .lesson-v3-topbar::before{background-position:62% center!important;background-size:auto 100%!important;opacity:.84}
  .lesson-v3-topbar-nav{grid-column:1;flex-wrap:nowrap}
  .lesson-v3-identity{grid-column:2;min-width:0}
  .lesson-v3-topbar-tools{grid-column:3}
  .lesson-v3-identity h1{
    display:-webkit-box;
    margin:3px auto 5px!important;
    overflow:hidden;
    font-size:clamp(19px,5.7vw,24px)!important;
    line-height:1.18!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .lesson-v3-breadcrumb{font-size:9px!important;text-overflow:ellipsis;white-space:nowrap}
  .lesson-v3-status{min-height:27px!important;padding:4px 8px!important;font-size:9px!important}
  .lesson-v3-topbar-btn,
  .lesson-v3-menu-btn,
  #backToCourse,
  #toggleUnitLessons{width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:12px!important}

  .student-home .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .student-catalog-page .course-card{min-height:0;padding:20px 18px!important}
  .global-lesson-row{min-height:0;padding:15px!important}

  .landing-header{min-height:78px}
  .landing-header::before{background-position:62% center;background-size:auto 100%;opacity:.68}
  .landing-header .header-main{min-height:68px}
  .landing-header .mobile-nav{border-top:1px solid rgba(255,239,190,.18)!important;background:rgba(2,59,46,.78)!important}

  .auth-card>.auth-brand{margin:-12px -12px 20px!important;padding:13px 12px 16px}
  .auth-card::before{height:96px}
}

@media(max-width:390px){
  .content>.topline{grid-template-columns:minmax(0,1fr) minmax(88px,31%);padding-inline:11px}
  .content>.topline h1{font-size:22px!important}
  .content>.topline>:nth-child(2){max-width:100%}
  .admin-content>.admin-top{grid-template-columns:minmax(0,1fr) minmax(88px,31%)!important}
  .lesson-v3-topbar{gap:5px!important;padding-inline:6px!important}
}

@media(prefers-reduced-motion:reduce){
  .content>.topline *,
  .admin-content>.admin-top *,
  .lesson-v3-topbar *,
  .landing-header *{scroll-behavior:auto!important;transition:none!important}
}

@media print{
  .content>.topline,
  .admin-content>.admin-top,
  .lesson-v3-topbar{
    min-height:auto!important;
    margin:0 0 14px!important;
    padding:14px!important;
    color:#18332b!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .content>.topline::before,
  .content>.topline::after,
  .admin-content>.admin-top::before,
  .admin-content>.admin-top::after,
  .lesson-v3-topbar::before,
  .lesson-v3-topbar::after{display:none!important}
  .content>.topline h1,
  .admin-content>.admin-top h1,
  .lesson-v3-identity h1{color:#064e3b!important;text-shadow:none!important}
}