/*
  Nahw 100 — The Living Journey
  Phase 1: Student home / Ambient.
  Presentation-only and intentionally scoped to body.student-home.
*/

.student-home{
  --journey-ivory:#f8f3e9;
  --journey-glass:rgba(255,253,248,.84);
  --journey-glass-soft:rgba(248,252,247,.80);
  background:var(--journey-ivory);
}

.student-home .content{
  position:relative;
  isolation:isolate;
  background:var(--journey-ivory)!important;
}

.student-home .content::before{
  content:"";
  position:absolute;
  z-index:0;
  top:168px;
  right:0;
  left:0;
  height:1120px;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,
      rgba(250,246,237,.04) 0%,
      rgba(250,246,237,.09) 24%,
      rgba(250,246,237,.30) 52%,
      rgba(248,243,233,.84) 79%,
      var(--journey-ivory) 100%),
    url("assets/images/landing/conversion/cta-mountain-road.png");
  background-repeat:no-repeat;
  background-position:center,center 43%;
  background-size:100% 100%,cover;
}

.student-home .content>*{
  position:relative;
  z-index:1;
}

.student-home .n100-student-identity-row{
  filter:drop-shadow(0 13px 24px rgba(22,66,52,.13));
}

.student-home .n100-top-nav{
  border-color:rgba(203,166,75,.56)!important;
  background:rgba(255,251,241,.82)!important;
  box-shadow:0 13px 30px rgba(46,64,54,.10)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.06);
  backdrop-filter:blur(16px) saturate(1.06);
}

.student-home .continue-card,
.student-home .daily-plan,
.student-home .current-readiness{
  border-color:rgba(145,112,47,.25)!important;
  background:
    radial-gradient(circle at 8% 110%,rgba(214,174,76,.18),transparent 32%),
    linear-gradient(135deg,var(--journey-glass),var(--journey-glass-soft))!important;
  box-shadow:
    0 22px 52px rgba(32,65,52,.13),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.04);
  backdrop-filter:blur(18px) saturate(1.04);
}

.student-home .continue-card .course-art{
  border-color:rgba(239,211,137,.52)!important;
  background:
    linear-gradient(150deg,rgba(2,61,47,.70),rgba(5,95,72,.67)),
    url("assets/images/landing/conversion/cta-mountain-road.png") center 56% / cover no-repeat!important;
  box-shadow:
    0 18px 38px rgba(5,55,42,.20),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
  text-shadow:0 2px 10px rgba(0,38,28,.56);
}

.student-home .daily-plan-task,
.student-home .daily-plan-progress{
  border-color:rgba(157,123,58,.22);
  background:rgba(255,253,248,.80);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

.student-home .daily-plan-task.is-complete{
  background:rgba(237,246,240,.86);
}

.student-home .stat{
  background:rgba(255,253,248,.88)!important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

@media (min-width:768px) and (max-width:1199px){
  .student-home .content::before{
    top:154px;
    height:1050px;
    background-position:center,55% 42%;
  }
}

@media (max-width:767px){
  .student-home .content::before{
    top:128px;
    height:850px;
    background-image:
      linear-gradient(180deg,
        rgba(250,246,237,.14) 0%,
        rgba(250,246,237,.25) 42%,
        rgba(248,243,233,.88) 78%,
        var(--journey-ivory) 100%),
      url("assets/images/landing/conversion/cta-mountain-road.png");
    background-position:center,60% center;
    background-size:100% 100%,auto 100%;
  }

  .student-home .n100-top-nav,
  .student-home .continue-card,
  .student-home .daily-plan,
  .student-home .current-readiness{
    background:rgba(255,253,248,.90)!important;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
}

@media (prefers-reduced-transparency:reduce){
  .student-home .n100-top-nav,
  .student-home .continue-card,
  .student-home .daily-plan,
  .student-home .current-readiness,
  .student-home .daily-plan-task,
  .student-home .daily-plan-progress,
  .student-home .stat{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/*
  Phase 4: Lesson viewer / Lesson Sanctuary.
  The landscape lives in the generous margins while the lesson remains a
  calm, high-contrast reading surface. Scoped to the individual viewer only.
*/

.visual-lesson-viewer-page{
  --journey-sanctuary-ivory:#faf6ed;
  background:var(--journey-sanctuary-ivory);
}

body.visual-lesson-viewer-page .content{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  background:var(--journey-sanctuary-ivory)!important;
}

body.visual-lesson-viewer-page .content::before{
  content:"";
  position:absolute;
  z-index:0;
  top:168px;
  right:0;
  left:0;
  height:1480px;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,
      rgba(252,249,242,.10) 0%,
      rgba(252,249,242,.18) 34%,
      rgba(250,246,237,.58) 72%,
      var(--journey-sanctuary-ivory) 100%),
    linear-gradient(90deg,
      rgba(250,246,237,.05) 0%,
      rgba(250,246,237,.45) 25%,
      rgba(250,246,237,.80) 40%,
      rgba(250,246,237,.80) 60%,
      rgba(250,246,237,.45) 75%,
      rgba(250,246,237,.05) 100%),
    url("assets/images/landing/conversion/hero-environment.png");
  background-repeat:no-repeat;
  background-position:center,center,center 43%;
  background-size:100% 100%,100% 100%,cover;
}

body.visual-lesson-viewer-page .content>*{
  position:relative;
  z-index:1;
}

body.visual-lesson-viewer-page .content>.topline{
  margin-bottom:30px!important;
}

body.visual-lesson-viewer-page .n100-student-identity-row{
  filter:drop-shadow(0 13px 26px rgba(18,66,51,.14));
}

body.visual-lesson-viewer-page .n100-top-nav{
  border-color:rgba(198,158,67,.52)!important;
  background:rgba(255,252,245,.90)!important;
  box-shadow:0 13px 30px rgba(31,61,50,.10)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.04);
  backdrop-filter:blur(16px) saturate(1.04);
}

.visual-lesson-viewer-page .visual-lesson-reader{
  max-width:1020px;
  padding:28px;
  border-color:rgba(139,106,48,.24)!important;
  background:
    radial-gradient(circle at 4% 106%,rgba(209,169,77,.11),transparent 31%),
    linear-gradient(145deg,rgba(255,254,250,.96),rgba(248,251,248,.94))!important;
  box-shadow:
    0 27px 64px rgba(25,56,46,.15),
    inset 0 1px 0 rgba(255,255,255,.88)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.02);
  backdrop-filter:blur(22px) saturate(1.02);
}

.visual-lesson-viewer-page .visual-lesson-intro{
  padding:2px 8px 18px;
  border-bottom:1px solid rgba(185,145,60,.18);
  color:#064e3b;
}

.visual-lesson-viewer-page .visual-lesson-text{
  padding-inline:8px;
  color:#183f35;
}

.visual-lesson-viewer-page .visual-video-heading{
  border-color:rgba(213,174,79,.44);
  background:
    linear-gradient(120deg,rgba(3,75,56,.98),rgba(6,91,69,.96));
  box-shadow:0 -8px 26px rgba(3,66,50,.08),inset 0 1px 0 rgba(255,255,255,.09);
}

.visual-lesson-viewer-page .visual-video-frame{
  border:1px solid rgba(207,169,78,.25);
  border-top:0;
  background:#0a211b;
  box-shadow:
    0 20px 42px rgba(11,43,34,.18),
    0 0 0 7px rgba(255,250,236,.52);
}

.visual-lesson-viewer-page .visual-lesson-summary{
  border-color:rgba(197,153,60,.25);
  background:linear-gradient(145deg,rgba(247,252,247,.94),rgba(255,249,235,.91));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
}

.visual-lesson-viewer-page .catalog-empty{
  max-width:1020px;
  margin-inline:auto;
  border-color:rgba(139,106,48,.24)!important;
  background:rgba(255,254,250,.95)!important;
  box-shadow:0 22px 52px rgba(25,56,46,.13)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

@media (min-width:768px) and (max-width:1199px){
  body.visual-lesson-viewer-page .content::before{
    top:154px;
    height:1320px;
    background-position:center,center,56% 42%;
  }
}

@media (max-width:767px){
  body.visual-lesson-viewer-page .content::before{
    top:128px;
    height:1120px;
    background-image:
      linear-gradient(180deg,
        rgba(252,249,242,.34) 0%,
        rgba(250,246,237,.58) 52%,
        var(--journey-sanctuary-ivory) 100%),
      url("assets/images/landing/conversion/hero-environment.png");
    background-position:center,56% center;
    background-size:100% 100%,auto 100%;
  }

  .visual-lesson-viewer-page .visual-lesson-reader{
    padding:16px;
    background:rgba(255,254,250,.97)!important;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
}

@media (prefers-reduced-transparency:reduce){
  body.visual-lesson-viewer-page .n100-top-nav,
  .visual-lesson-viewer-page .visual-lesson-reader,
  .visual-lesson-viewer-page .catalog-empty{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/*
  Phase 2: Course catalog / Ambient Explorer.
  The catalogue keeps its existing structure and behaviour; only the scene,
  surfaces and depth are adapted, under body.student-catalog-page.
*/

.student-catalog-page{
  --journey-explorer-ivory:#f8f3e9;
  --journey-explorer-glass:rgba(255,253,248,.85);
  background:var(--journey-explorer-ivory);
}

.student-catalog-page .content{
  position:relative;
  isolation:isolate;
  background:var(--journey-explorer-ivory)!important;
}

.student-catalog-page .content::before{
  content:"";
  position:absolute;
  z-index:0;
  top:168px;
  right:0;
  left:0;
  height:860px;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,
      rgba(250,246,237,.06) 0%,
      rgba(250,246,237,.13) 26%,
      rgba(248,243,233,.44) 62%,
      rgba(248,243,233,.90) 87%,
      var(--journey-explorer-ivory) 100%),
    linear-gradient(90deg,rgba(0,58,43,.05),transparent 44%,rgba(222,176,70,.05)),
    url("assets/images/landing/conversion/cta-mountain-road.png");
  background-repeat:no-repeat;
  background-position:center,center,center 54%;
  background-size:100% 100%,100% 100%,cover;
}

.student-catalog-page .content>*{
  position:relative;
  z-index:1;
}

.student-catalog-page .content>.topline{
  margin-bottom:30px!important;
}

.student-catalog-page .n100-student-identity-row{
  filter:drop-shadow(0 13px 26px rgba(18,66,51,.15));
}

.student-catalog-page .n100-top-nav{
  border-color:rgba(200,159,64,.58)!important;
  background:rgba(255,251,241,.84)!important;
  box-shadow:0 14px 32px rgba(31,68,53,.11)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08);
  backdrop-filter:blur(16px) saturate(1.08);
}

.student-catalog-page .catalog-toolbar{
  border-color:rgba(152,115,46,.28)!important;
  background:
    radial-gradient(circle at 3% 120%,rgba(207,166,73,.18),transparent 32%),
    linear-gradient(145deg,rgba(255,254,250,.89),rgba(244,250,245,.82))!important;
  box-shadow:
    0 20px 46px rgba(28,66,51,.13),
    inset 0 1px 0 rgba(255,255,255,.76)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.05);
  backdrop-filter:blur(18px) saturate(1.05);
}

.student-catalog-page .catalog-toolbar input,
.student-catalog-page .catalog-toolbar select{
  border-color:rgba(139,107,48,.23);
  background:rgba(255,255,252,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}

.student-catalog-page .catalog-state{
  width:max-content;
  max-width:100%;
  margin:2px 4px 14px;
  padding:7px 13px;
  border:1px solid rgba(155,119,51,.20);
  border-radius:999px;
  color:#315c50!important;
  background:rgba(255,253,248,.76);
  box-shadow:0 9px 22px rgba(40,68,56,.07);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

.student-catalog-page .course-grid{
  gap:22px!important;
  align-items:stretch;
}

.student-catalog-page .course-card{
  min-height:238px;
  border-color:rgba(143,109,47,.27)!important;
  background:
    radial-gradient(circle at 0 100%,rgba(205,165,73,.16),transparent 34%),
    linear-gradient(145deg,rgba(255,254,250,.91),rgba(244,250,246,.84))!important;
  box-shadow:
    0 24px 52px rgba(27,62,49,.14),
    inset 0 1px 0 rgba(255,255,255,.80)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.06);
  backdrop-filter:blur(18px) saturate(1.06);
}

.student-catalog-page .course-card::before{
  width:5px;
  box-shadow:0 0 18px rgba(196,151,57,.22);
}

.student-catalog-page .course-card::after{
  width:205px;
  height:205px;
  inset-inline-end:-98px;
  inset-block-start:-112px;
  border-color:rgba(201,155,67,.21);
  box-shadow:
    0 0 0 20px rgba(201,155,67,.035),
    0 0 72px rgba(13,102,78,.10);
}

.student-catalog-page .course-card h2{
  position:relative;
  color:#064e3b;
  font-size:clamp(21px,1.6vw,27px);
  line-height:1.35;
}

.student-catalog-page .course-card .progress{
  background:rgba(224,222,210,.72);
  box-shadow:inset 0 1px 2px rgba(30,65,52,.08);
}

.student-catalog-page .course-card .progress span{
  box-shadow:0 0 13px rgba(186,142,49,.18);
}

.student-catalog-page .course-card .actions{
  margin-top:18px;
}

@media (min-width:768px) and (max-width:1199px){
  .student-catalog-page .content::before{
    top:154px;
    height:800px;
    background-position:center,center,55% 52%;
  }
}

@media (max-width:767px){
  .student-catalog-page .content::before{
    top:128px;
    height:780px;
    background-image:
      linear-gradient(180deg,
        rgba(250,246,237,.12) 0%,
        rgba(250,246,237,.25) 43%,
        rgba(248,243,233,.91) 82%,
        var(--journey-explorer-ivory) 100%),
      url("assets/images/landing/conversion/cta-mountain-road.png");
    background-position:center,58% center;
    background-size:100% 100%,auto 100%;
  }

  .student-catalog-page .n100-top-nav,
  .student-catalog-page .catalog-toolbar,
  .student-catalog-page .course-card{
    background:rgba(255,253,248,.92)!important;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }

  .student-catalog-page .course-card{
    min-height:0;
  }
}

@media (prefers-reduced-transparency:reduce){
  .student-catalog-page .n100-top-nav,
  .student-catalog-page .catalog-toolbar,
  .student-catalog-page .catalog-state,
  .student-catalog-page .course-card{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/*
  Phase 3: Visual lessons / Whisper Focus.
  A quieter scenic layer supports reading while lesson covers become small
  windows into the same journey. Scoped to body.visual-lessons-page.
*/

.visual-lessons-page{
  --journey-focus-ivory:#faf6ed;
  background:var(--journey-focus-ivory);
}

.visual-lessons-page .content{
  background:var(--journey-focus-ivory)!important;
}

.visual-lessons-page .content::before{
  top:168px;
  height:820px;
  background-image:
    linear-gradient(180deg,
      rgba(252,249,242,.34) 0%,
      rgba(252,249,242,.48) 27%,
      rgba(250,246,237,.72) 61%,
      rgba(250,246,237,.95) 88%,
      var(--journey-focus-ivory) 100%),
    linear-gradient(90deg,rgba(3,70,52,.06),rgba(255,247,224,.04) 52%,rgba(211,168,68,.07)),
    url("assets/images/landing/conversion/hero-environment.png");
  background-position:center,center,center 44%;
  background-size:100% 100%,100% 100%,cover;
}

.visual-lessons-page .n100-top-nav{
  background:rgba(255,252,245,.89)!important;
  box-shadow:0 13px 29px rgba(32,64,52,.09)!important;
}

.visual-lessons-page .visual-catalog-toolbar{
  border-color:rgba(142,110,53,.23)!important;
  background:linear-gradient(145deg,rgba(255,254,250,.92),rgba(247,251,248,.88))!important;
  box-shadow:
    0 18px 40px rgba(32,63,51,.10),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.02);
  backdrop-filter:blur(20px) saturate(1.02);
}

.visual-lessons-page .visual-catalog-toolbar input,
.visual-lessons-page .visual-catalog-toolbar select{
  border-color:rgba(133,105,55,.21);
  background:rgba(255,255,252,.90);
}

.visual-lessons-page .visual-lesson-grid{
  grid-template-columns:repeat(3,minmax(280px,360px));
  gap:24px;
  justify-content:center;
}

.visual-lessons-page .visual-lesson-card{
  border-color:rgba(128,100,50,.23)!important;
  background:rgba(255,254,250,.91)!important;
  box-shadow:
    0 21px 46px rgba(28,57,47,.11),
    inset 0 1px 0 rgba(255,255,255,.84)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.03);
  backdrop-filter:blur(16px) saturate(1.03);
}

.visual-lessons-page .visual-lesson-cover{
  position:relative;
  overflow:hidden;
  border-bottom-color:rgba(132,104,51,.18);
  background-image:
    linear-gradient(135deg,rgba(233,244,237,.38),rgba(255,246,222,.32)),
    url("assets/images/landing/conversion/cta-mountain-road.png");
  background-repeat:no-repeat;
  background-position:center,center 58%;
  background-size:100% 100%,cover;
}

.visual-lessons-page .visual-lesson-card:nth-child(2) .visual-lesson-cover{
  background-position:center,33% 48%;
}

.visual-lessons-page .visual-lesson-card:nth-child(3) .visual-lesson-cover{
  background-position:center,72% 56%;
}

.visual-lessons-page .visual-lesson-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(2,65,49,.03),rgba(2,65,49,.14)),
    radial-gradient(circle at 78% 18%,rgba(255,235,167,.24),transparent 30%);
  pointer-events:none;
}

.visual-lessons-page .visual-lesson-cover span{
  position:relative;
  z-index:1;
  width:54px;
  height:54px;
  border:1px solid rgba(255,240,188,.72);
  background:rgba(3,78,59,.90);
  box-shadow:0 10px 28px rgba(2,47,36,.23),inset 0 1px 0 rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

.visual-lessons-page .visual-lesson-card-body{
  background:
    radial-gradient(circle at 0 110%,rgba(207,167,77,.11),transparent 34%),
    linear-gradient(145deg,rgba(255,254,250,.95),rgba(247,250,246,.91));
}

.visual-lessons-page .visual-lesson-card h2{
  color:#064e3b;
}

.visual-lessons-page .visual-lesson-meta{
  color:#5d756c;
}

@media (min-width:768px) and (max-width:1199px){
  .visual-lessons-page .content::before{
    top:154px;
    height:780px;
    background-position:center,center,55% 43%;
  }

  .visual-lessons-page .visual-lesson-grid{
    grid-template-columns:repeat(2,minmax(280px,360px));
  }
}

@media (max-width:767px){
  .visual-lessons-page .content::before{
    top:128px;
    height:720px;
    background-image:
      linear-gradient(180deg,
        rgba(252,249,242,.50) 0%,
        rgba(250,246,237,.70) 50%,
        rgba(250,246,237,.96) 86%,
        var(--journey-focus-ivory) 100%),
      url("assets/images/landing/conversion/hero-environment.png");
    background-position:center,55% center;
    background-size:100% 100%,auto 100%;
  }

  .visual-lessons-page .visual-catalog-toolbar,
  .visual-lessons-page .visual-lesson-card{
    background:rgba(255,254,250,.94)!important;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
}

@media (prefers-reduced-transparency:reduce){
  .visual-lessons-page .visual-catalog-toolbar,
  .visual-lessons-page .visual-lesson-card,
  .visual-lessons-page .visual-lesson-cover span{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/*
  Phase 5: Student question bank / Whisper Study.
  The public bank's landscape becomes a quieter study horizon, while every
  interactive surface and data binding remains owned by the existing feature.
*/

.student-question-bank-page{
  --journey-bank-ivory:#f9f5eb;
  background:var(--journey-bank-ivory);
}

body.student-question-bank-page .content{
  position:relative;
  isolation:isolate;
  background:var(--journey-bank-ivory)!important;
}

body.student-question-bank-page .content::before{
  content:"";
  position:absolute;
  z-index:0;
  top:168px;
  right:0;
  left:0;
  height:1780px;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,
      rgba(251,248,240,.02) 0%,
      rgba(249,245,235,.10) 31%,
      rgba(249,245,235,.42) 68%,
      var(--journey-bank-ivory) 100%),
    linear-gradient(90deg,
      rgba(249,245,235,.02),
      rgba(249,245,235,.20) 29%,
      rgba(249,245,235,.34) 50%,
      rgba(249,245,235,.20) 71%,
      rgba(249,245,235,.02)),
    url("assets/images/landing/conversion/cta-mountain-road.png");
  background-repeat:no-repeat;
  background-position:center,center,center 48%;
  background-size:100% 100%,100% 100%,cover;
}

body.student-question-bank-page .content>*{
  position:relative;
  z-index:1;
}

body.student-question-bank-page .content>.topline{
  margin-bottom:30px!important;
}

body.student-question-bank-page .n100-student-identity-row{
  filter:drop-shadow(0 13px 25px rgba(16,60,47,.14));
}

body.student-question-bank-page .n100-top-nav{
  border-color:rgba(199,158,65,.52)!important;
  background:rgba(255,252,244,.90)!important;
  box-shadow:0 13px 30px rgba(29,61,49,.10)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.04);
  backdrop-filter:blur(16px) saturate(1.04);
}

.student-question-bank-page .qb-priority-stack{
  padding:18px;
  border:1px solid rgba(148,112,47,.18);
  border-radius:28px;
  background:rgba(255,253,247,.18);
  box-shadow:0 20px 48px rgba(30,61,49,.08);
  -webkit-backdrop-filter:blur(12px) saturate(1.03);
  backdrop-filter:blur(12px) saturate(1.03);
}

.student-question-bank-page .qb-bank-feature{
  box-shadow:
    0 24px 54px rgba(4,54,40,.22),
    inset 0 1px 0 rgba(255,255,255,.11)!important;
}

.student-question-bank-page .qb-page-flow{
  padding:20px;
  border:1px solid rgba(148,112,47,.17);
  border-radius:28px;
  background:rgba(255,253,247,.24);
  box-shadow:0 22px 52px rgba(30,61,49,.09);
  -webkit-backdrop-filter:blur(14px) saturate(1.02);
  backdrop-filter:blur(14px) saturate(1.02);
}

.student-question-bank-page .qb-card{
  border-color:rgba(139,106,48,.22)!important;
  background:
    radial-gradient(circle at 3% 110%,rgba(208,169,76,.11),transparent 31%),
    linear-gradient(145deg,rgba(255,254,250,.95),rgba(247,251,247,.92))!important;
  box-shadow:
    0 20px 44px rgba(28,57,47,.11),
    inset 0 1px 0 rgba(255,255,255,.84)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.02);
  backdrop-filter:blur(18px) saturate(1.02);
}

.student-question-bank-page .qb-contribution-strip{
  box-shadow:
    0 15px 34px rgba(5,53,40,.18),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
}

@media (min-width:768px) and (max-width:1199px){
  body.student-question-bank-page .content::before{
    top:154px;
    height:1640px;
    background-position:center,center,56% 46%;
  }
}

@media (max-width:767px){
  body.student-question-bank-page .content::before{
    top:128px;
    height:1480px;
    background-image:
      linear-gradient(180deg,
        rgba(251,248,240,.32) 0%,
        rgba(249,245,235,.60) 52%,
        var(--journey-bank-ivory) 100%),
      url("assets/images/landing/conversion/cta-mountain-road.png");
    background-position:center,58% center;
    background-size:100% 100%,auto 100%;
  }

  .student-question-bank-page .qb-priority-stack,
  .student-question-bank-page .qb-page-flow{
    padding:10px;
    border-radius:20px;
    background:rgba(255,253,247,.70);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
  }

  .student-question-bank-page .qb-card{
    background:rgba(255,254,250,.96)!important;
  }
}

@media (prefers-reduced-transparency:reduce){
  body.student-question-bank-page .n100-top-nav,
  .student-question-bank-page .qb-priority-stack,
  .student-question-bank-page .qb-page-flow,
  .student-question-bank-page .qb-card{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* Question bank catalogue / Study Index. */

body.qb-browse-page .content::before{
  height:1900px;
  background-position:center,center,center 44%;
}

.qb-browse-page .qb-nav-actionbar{
  border-color:rgba(145,109,45,.20);
  background:rgba(255,253,247,.54);
  box-shadow:0 12px 28px rgba(29,58,47,.08);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.qb-browse-page .qb-content-section{
  padding:20px;
  border:1px solid rgba(145,109,45,.19);
  border-radius:26px;
  background:rgba(255,253,247,.26);
  box-shadow:0 22px 52px rgba(27,57,46,.10);
  -webkit-backdrop-filter:blur(13px) saturate(1.02);
  backdrop-filter:blur(13px) saturate(1.02);
}

.qb-browse-page .qb-browse-filters{
  border-color:rgba(139,106,48,.23)!important;
  background:rgba(255,254,250,.94)!important;
  box-shadow:0 18px 40px rgba(27,57,46,.10)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

.qb-browse-page .qb-browse-heading{
  margin:20px 4px 12px;
  color:#064e3b;
}

.qb-browse-page .qb-browse-table{
  border-color:rgba(139,106,48,.23)!important;
  background:rgba(255,254,250,.95)!important;
  box-shadow:
    0 22px 48px rgba(27,57,46,.12),
    inset 0 1px 0 rgba(255,255,255,.86)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

@media (max-width:767px){
  .qb-browse-page .qb-content-section{
    padding:10px;
    border-radius:20px;
    background:rgba(255,253,247,.64);
  }
}

@media (prefers-reduced-transparency:reduce){
  .qb-browse-page .qb-nav-actionbar,
  .qb-browse-page .qb-content-section,
  .qb-browse-page .qb-browse-filters,
  .qb-browse-page .qb-browse-table{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/*
  Phase 6: Public learning library / Ambient Library.
  A bright study-room valley surrounds the catalogue without competing with
  book covers or changing catalogue behaviour.
*/

.public-library-humanized{
  --journey-library-ivory:#faf6ed;
  background:var(--journey-library-ivory)!important;
  background-attachment:scroll!important;
}

.public-library-humanized .content{
  position:relative;
  isolation:isolate;
  background:var(--journey-library-ivory)!important;
}

.public-library-humanized .content::before{
  content:"";
  position:absolute;
  z-index:0;
  top:168px;
  right:0;
  bottom:auto;
  left:0;
  height:1760px;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,
      rgba(252,249,242,.05) 0%,
      rgba(250,246,237,.18) 38%,
      rgba(250,246,237,.55) 73%,
      var(--journey-library-ivory) 100%),
    linear-gradient(90deg,
      rgba(250,246,237,.03),
      rgba(250,246,237,.27) 30%,
      rgba(250,246,237,.43) 50%,
      rgba(250,246,237,.27) 70%,
      rgba(250,246,237,.03)),
    url("assets/images/landing/conversion/hero-environment.png");
  background-repeat:no-repeat;
  background-position:center,center,center 43%;
  background-size:100% 100%,100% 100%,cover;
}

.public-library-humanized .content>*{
  position:relative;
  z-index:1;
}

.public-library-humanized .content>.topline{
  margin-bottom:30px!important;
}

.public-library-humanized .n100-student-identity-row{
  filter:drop-shadow(0 13px 25px rgba(17,62,49,.14));
}

.public-library-humanized .n100-top-nav{
  border-color:rgba(199,158,65,.52)!important;
  background:rgba(255,252,244,.89)!important;
  box-shadow:0 13px 30px rgba(29,61,49,.10)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.04);
  backdrop-filter:blur(16px) saturate(1.04);
}

.public-library-humanized .library-intro{
  border-color:rgba(140,107,49,.22)!important;
  background:
    radial-gradient(circle at 4% 110%,rgba(209,169,76,.12),transparent 31%),
    linear-gradient(145deg,rgba(255,254,250,.94),rgba(246,251,247,.90))!important;
  box-shadow:
    0 22px 50px rgba(28,58,47,.12),
    inset 0 1px 0 rgba(255,255,255,.86)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.03);
  backdrop-filter:blur(18px) saturate(1.03);
}

.public-library-humanized .library-mood-strip span{
  border-color:rgba(145,110,49,.20);
  background:rgba(255,253,248,.82);
  box-shadow:0 10px 24px rgba(31,61,50,.07);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.public-library-humanized .public-library-heading{
  padding:12px 16px;
  border:1px solid rgba(145,110,49,.18);
  border-radius:18px;
  background:rgba(255,253,248,.66);
  box-shadow:0 12px 28px rgba(31,61,50,.07);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.public-library-humanized .public-book-card{
  border-color:color-mix(in srgb,var(--lib-accent) 34%,#ddcfb5)!important;
  background:rgba(255,253,248,.94)!important;
  box-shadow:
    0 22px 48px rgba(26,55,45,.13),
    inset 0 1px 0 rgba(255,255,255,.84)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.03);
  backdrop-filter:blur(16px) saturate(1.03);
}

@media (min-width:768px) and (max-width:1199px){
  .public-library-humanized .content::before{
    top:154px;
    height:1640px;
    background-position:center,center,57% 42%;
  }
}

@media (max-width:767px){
  .public-library-humanized .content::before{
    top:128px;
    height:1540px;
    background-image:
      linear-gradient(180deg,
        rgba(252,249,242,.30) 0%,
        rgba(250,246,237,.58) 56%,
        var(--journey-library-ivory) 100%),
      url("assets/images/landing/conversion/hero-environment.png");
    background-position:center,57% center;
    background-size:100% 100%,auto 100%;
  }

  .public-library-humanized .library-intro,
  .public-library-humanized .public-book-card{
    background:rgba(255,254,250,.96)!important;
  }
}

@media (prefers-reduced-transparency:reduce){
  .public-library-humanized .n100-top-nav,
  .public-library-humanized .library-intro,
  .public-library-humanized .library-mood-strip span,
  .public-library-humanized .public-library-heading,
  .public-library-humanized .public-book-card{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/*
  Phase 7: My Library / Private Reading Garden.
  Preservation contract: book cards, covers, ratios, controls and readers are
  deliberately untouched; only the page environment is integrated.
*/

.student-my-library-page{
  --journey-private-library-ivory:#faf6ed;
  background:var(--journey-private-library-ivory)!important;
  background-attachment:scroll!important;
}

.student-my-library-page .content{
  position:relative;
  isolation:isolate;
  background:var(--journey-private-library-ivory)!important;
}

.student-my-library-page .content::before{
  content:"";
  position:absolute;
  z-index:0;
  top:168px;
  right:0;
  bottom:auto;
  left:0;
  height:1560px;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,
      rgba(252,249,242,.08) 0%,
      rgba(250,246,237,.22) 40%,
      rgba(250,246,237,.58) 76%,
      var(--journey-private-library-ivory) 100%),
    linear-gradient(90deg,
      rgba(250,246,237,.04),
      rgba(250,246,237,.30) 31%,
      rgba(250,246,237,.46) 50%,
      rgba(250,246,237,.30) 69%,
      rgba(250,246,237,.04)),
    url("assets/images/landing/conversion/hero-environment.png");
  background-repeat:no-repeat;
  background-position:center,center,center 43%;
  background-size:100% 100%,100% 100%,cover;
}

.student-my-library-page .content>*{
  position:relative;
  z-index:1;
}

.student-my-library-page .content>.topline{
  margin-bottom:30px!important;
}

.student-my-library-page .n100-student-identity-row{
  filter:drop-shadow(0 13px 25px rgba(17,62,49,.14));
}

.student-my-library-page .n100-top-nav{
  border-color:rgba(199,158,65,.52)!important;
  background:rgba(255,252,244,.89)!important;
  box-shadow:0 13px 30px rgba(29,61,49,.10)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.04);
  backdrop-filter:blur(16px) saturate(1.04);
}

.student-my-library-page .my-library-welcome{
  border-color:rgba(140,107,49,.22)!important;
  background:rgba(255,253,248,.90)!important;
  box-shadow:0 22px 48px rgba(28,58,47,.11)!important;
  -webkit-backdrop-filter:blur(17px) saturate(1.03);
  backdrop-filter:blur(17px) saturate(1.03);
}

.student-my-library-page .my-library-calm-note,
.student-my-library-page .library-heading{
  border-color:rgba(145,110,49,.19)!important;
  background:rgba(255,253,248,.72)!important;
  box-shadow:0 11px 25px rgba(31,61,50,.07);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.student-my-library-page .library-heading{
  margin-top:20px;
  padding:12px 16px!important;
  border:1px solid rgba(145,110,49,.19)!important;
  border-radius:18px;
}

@media (min-width:768px) and (max-width:1199px){
  .student-my-library-page .content::before{
    top:154px;
    height:1480px;
    background-position:center,center,57% 42%;
  }
}

@media (max-width:767px){
  .student-my-library-page .content::before{
    top:128px;
    height:1380px;
    background-image:
      linear-gradient(180deg,
        rgba(252,249,242,.30) 0%,
        rgba(250,246,237,.60) 58%,
        var(--journey-private-library-ivory) 100%),
      url("assets/images/landing/conversion/hero-environment.png");
    background-position:center,57% center;
    background-size:100% 100%,auto 100%;
  }
}

@media (prefers-reduced-transparency:reduce){
  .student-my-library-page .n100-top-nav,
  .student-my-library-page .my-library-welcome,
  .student-my-library-page .my-library-calm-note,
  .student-my-library-page .library-heading{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/*
  Phase 8: Store / Golden Trail.
  Book cards and purchase windows are preservation-locked; the change is
  limited to the page environment and surrounding editorial surfaces.
*/

.student-store-journey{
  --journey-store-ivory:#faf5e9;
  background:var(--journey-store-ivory)!important;
  background-attachment:scroll!important;
}

.student-store-journey .content{
  position:relative;
  isolation:isolate;
  background:var(--journey-store-ivory)!important;
}

.student-store-journey .content::before{
  content:"";
  position:absolute;
  z-index:0;
  top:168px;
  right:0;
  bottom:auto;
  left:0;
  height:1680px;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,
      rgba(252,248,238,.04) 0%,
      rgba(250,245,233,.17) 38%,
      rgba(250,245,233,.53) 74%,
      var(--journey-store-ivory) 100%),
    linear-gradient(90deg,
      rgba(250,245,233,.03),
      rgba(250,245,233,.24) 29%,
      rgba(250,245,233,.40) 50%,
      rgba(250,245,233,.24) 71%,
      rgba(250,245,233,.03)),
    url("assets/images/landing/conversion/cta-mountain-road.png");
  background-repeat:no-repeat;
  background-position:center,center,center 48%;
  background-size:100% 100%,100% 100%,cover;
}

.student-store-journey .content>*{
  position:relative;
  z-index:1;
}

.student-store-journey .content>.topline{
  margin-bottom:30px!important;
}

.student-store-journey .n100-student-identity-row{
  filter:drop-shadow(0 13px 25px rgba(17,62,49,.14));
}

.student-store-journey .n100-top-nav{
  border-color:rgba(202,160,62,.58)!important;
  background:rgba(255,251,240,.89)!important;
  box-shadow:0 13px 30px rgba(30,59,47,.11)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.05);
  backdrop-filter:blur(16px) saturate(1.05);
}

.student-store-journey .store-welcome{
  border-color:rgba(167,123,38,.25)!important;
  background:rgba(255,252,242,.89)!important;
  box-shadow:0 23px 52px rgba(38,59,45,.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.04);
  backdrop-filter:blur(18px) saturate(1.04);
}

.student-store-journey .store-benefits>div,
.student-store-journey .store-shelf-title,
.student-store-journey .store-supporting-phrase,
.student-store-journey .cash-note{
  border-color:rgba(158,117,41,.20)!important;
  background:rgba(255,252,244,.76)!important;
  box-shadow:0 11px 26px rgba(34,59,47,.07);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.student-store-journey .store-shelf-title{
  padding:12px 16px;
  border:1px solid rgba(158,117,41,.20);
  border-radius:18px;
}

@media (min-width:768px) and (max-width:1199px){
  .student-store-journey .content::before{
    top:154px;
    height:1560px;
    background-position:center,center,56% 47%;
  }
}

@media (max-width:767px){
  .student-store-journey .content::before{
    top:128px;
    height:1460px;
    background-image:
      linear-gradient(180deg,
        rgba(252,248,238,.28) 0%,
        rgba(250,245,233,.58) 58%,
        var(--journey-store-ivory) 100%),
      url("assets/images/landing/conversion/cta-mountain-road.png");
    background-position:center,57% center;
    background-size:100% 100%,auto 100%;
  }
}

@media (prefers-reduced-transparency:reduce){
  .student-store-journey .n100-top-nav,
  .student-store-journey .store-welcome,
  .student-store-journey .store-benefits>div,
  .student-store-journey .store-shelf-title,
  .student-store-journey .store-supporting-phrase,
  .student-store-journey .cash-note{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* Phase 9: Course detail / Journey Map. */

.student-course-journey{
  --journey-course-ivory:#f9f5eb;
  background:var(--journey-course-ivory);
}

.student-course-journey .content{
  position:relative;
  isolation:isolate;
  background:var(--journey-course-ivory)!important;
}

.student-course-journey .content::before{
  content:"";
  position:absolute;
  z-index:0;
  top:168px;
  right:0;
  left:0;
  height:1760px;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,rgba(251,248,240,.01),rgba(249,245,235,.08) 38%,rgba(249,245,235,.38) 76%,var(--journey-course-ivory)),
    linear-gradient(90deg,rgba(249,245,235,.01),rgba(249,245,235,.12) 30%,rgba(249,245,235,.24) 50%,rgba(249,245,235,.12) 70%,rgba(249,245,235,.01)),
    url("assets/images/landing/conversion/hero-environment.png");
  background-repeat:no-repeat;
  background-position:center,center,center 43%;
  background-size:100% 100%,100% 100%,cover;
}

.student-course-journey .content>*{position:relative;z-index:1}
.student-course-journey .content>.topline{margin-bottom:30px!important}
.student-course-journey .n100-student-identity-row{filter:drop-shadow(0 13px 25px rgba(17,62,49,.14))}

.student-course-journey .n100-top-nav{
  border-color:rgba(199,158,65,.54)!important;
  background:rgba(255,252,244,.89)!important;
  box-shadow:0 13px 30px rgba(29,61,49,.10)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.04);
  backdrop-filter:blur(16px) saturate(1.04);
}

.student-course-journey .course-hero{
  border-color:rgba(140,107,49,.23)!important;
  background:rgba(255,254,250,.92)!important;
  box-shadow:0 23px 52px rgba(27,57,46,.13)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.03);
  backdrop-filter:blur(18px) saturate(1.03);
}

.student-course-journey .course-hero .art{
  border:1px solid rgba(224,188,98,.48);
  background:
    linear-gradient(145deg,rgba(3,74,56,.82),rgba(9,108,81,.70)),
    url("assets/images/landing/conversion/cta-mountain-road.png") center 56% / cover no-repeat;
  box-shadow:0 16px 34px rgba(5,54,41,.18),inset 0 1px 0 rgba(255,255,255,.18);
  text-shadow:0 2px 10px rgba(0,37,28,.48);
}

.student-course-journey .catalog-search,
.student-course-journey .unit{
  border-color:rgba(140,107,49,.22)!important;
  background:rgba(255,254,250,.94)!important;
  box-shadow:0 19px 44px rgba(27,57,46,.11)!important;
  -webkit-backdrop-filter:blur(17px);
  backdrop-filter:blur(17px);
}

.student-course-journey .unit h2{
  padding-bottom:11px;
  border-bottom:1px solid rgba(190,147,60,.18);
  color:#064e3b;
}

.student-course-journey .lesson-row{
  margin-block:4px;
  border:1px solid rgba(137,106,51,.14);
  border-radius:13px;
  background:rgba(255,253,248,.74);
}

@media (max-width:767px){
  .student-course-journey .content::before{
    top:128px;height:1480px;
    background-image:linear-gradient(180deg,rgba(251,248,240,.18),rgba(249,245,235,.52) 58%,var(--journey-course-ivory)),url("assets/images/landing/conversion/hero-environment.png");
    background-position:center,58% center;
    background-size:100% 100%,auto 100%;
  }
  .student-course-journey .course-hero,
  .student-course-journey .catalog-search,
  .student-course-journey .unit{background:rgba(255,254,250,.96)!important}
}

@media (prefers-reduced-transparency:reduce){
  .student-course-journey .n100-top-nav,
  .student-course-journey .course-hero,
  .student-course-journey .catalog-search,
  .student-course-journey .unit{-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Phase 10: Lesson workspace / Deep Focus. */

.student-lesson-journey{
  --journey-lesson-ivory:#f8f4ea;
  background:var(--journey-lesson-ivory)!important;
  background-attachment:scroll!important;
}

.student-lesson-journey .lesson-v3-content{
  position:relative;
  isolation:isolate;
  background:var(--journey-lesson-ivory)!important;
}

.student-lesson-journey .lesson-v3-content::before{
  content:"";
  position:absolute;
  z-index:0;
  top:168px;
  right:-10px;
  bottom:0;
  left:-10px;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,
      rgba(250,247,239,.02) 0%,
      rgba(248,244,234,.12) 48%,
      rgba(248,244,234,.58) 82%,
      var(--journey-lesson-ivory) 100%),
    linear-gradient(90deg,
      rgba(248,244,234,.01) 0%,
      rgba(248,244,234,.16) 26%,
      rgba(248,244,234,.42) 50%,
      rgba(248,244,234,.16) 74%,
      rgba(248,244,234,.01) 100%),
    url("assets/images/landing/conversion/hero-environment.png");
  background-repeat:no-repeat;
  background-position:center,center,center top;
  background-size:100% 100%,100% 100%,100% auto;
}

.student-lesson-journey .lesson-v3-content>*{
  position:relative;
  z-index:1;
}

.student-lesson-journey .n100-student-identity-row{
  margin-top:30px!important;
  filter:drop-shadow(0 13px 25px rgba(17,62,49,.14));
}

.student-lesson-journey .n100-top-nav,
.student-lesson-journey .lesson-v3-position-strip{
  border-color:rgba(199,158,65,.52)!important;
  background:rgba(255,252,244,.88)!important;
  box-shadow:0 13px 30px rgba(29,61,49,.10)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.04);
  backdrop-filter:blur(16px) saturate(1.04);
}

.student-lesson-journey #contentBlocks.lesson-v3-workspace{
  border-color:rgba(39,111,84,.34)!important;
  background:rgba(255,254,250,.91)!important;
  box-shadow:0 24px 58px rgba(25,59,46,.13)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.02);
  backdrop-filter:blur(18px) saturate(1.02);
}

.student-lesson-journey .lesson-v3-notice,
.student-lesson-journey .lesson-v3-details,
.student-lesson-journey .lesson-completion-action{
  border-color:rgba(133,105,52,.20)!important;
  background:rgba(255,254,250,.92)!important;
  box-shadow:0 15px 34px rgba(28,59,47,.09)!important;
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
}

@media (prefers-reduced-transparency:reduce){
  .student-lesson-journey .n100-top-nav,
  .student-lesson-journey .lesson-v3-position-strip,
  .student-lesson-journey #contentBlocks.lesson-v3-workspace,
  .student-lesson-journey .lesson-v3-notice,
  .student-lesson-journey .lesson-v3-details,
  .student-lesson-journey .lesson-completion-action{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

@media (max-width:767px){
  .student-lesson-journey .lesson-v3-content::before{
    top:128px;
    right:-8px;
    left:-8px;
    background-image:
      linear-gradient(180deg,rgba(250,247,239,.16),rgba(248,244,234,.56) 62%,var(--journey-lesson-ivory)),
      url("assets/images/landing/conversion/hero-environment.png");
    background-position:center,57% top;
    background-size:100% 100%,auto 920px;
  }

  .student-lesson-journey #contentBlocks.lesson-v3-workspace,
  .student-lesson-journey .lesson-v3-notice,
  .student-lesson-journey .lesson-v3-details{
    background:rgba(255,254,250,.96)!important;
  }
}