/* OCIA lesson-flow cleanup
   One lesson title. One handoff into Level 2. Then visual orientation and evidence.
   This file intentionally loads after the book-theme stylesheet. */

/* The route masthead is the only full lesson-title treatment. */
.ocia-reader-pass .ocia-lesson-hero{
  padding-top:42px;
  padding-bottom:36px;
}
.ocia-reader-pass .ocia-lesson-hero h1{
  max-width:850px;
  margin-top:10px;
  margin-bottom:10px;
  font-size:clamp(2.35rem,5vw,4rem);
}
.ocia-reader-pass .ocia-lesson-hero p{
  max-width:760px;
  font-size:1rem;
  line-height:1.58;
}
.ocia-reader-pass .ocia-lesson-main{
  padding-top:26px;
}

/* Replace-mode lessons previously looked like they had a second title card.
   Keep the useful Companion -> Level 2 handoff, but remove the duplicate title treatment. */
.ocia-level2-card{
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--ocia-book-text,#27343d) !important;
}
.ocia-level2-card:before,
.ocia-level2-card:after{
  display:none !important;
}
.ocia-level2-card-copy{
  display:none !important;
}
.ocia-level2-band{
  margin:0 !important;
  gap:0 !important;
  overflow:hidden;
  border:1px solid var(--ocia-book-rule,#d9cfbd) !important;
  border-radius:14px;
  background:#e7dcc8 !important;
  box-shadow:0 8px 22px rgba(18,50,74,.045);
}
.ocia-level2-band article,
.ocia-level2-band article:last-child{
  min-height:0 !important;
  padding:22px 24px !important;
  background:var(--ocia-book-paper,#fffdf8) !important;
  backdrop-filter:none !important;
}
.ocia-level2-band article:last-child{
  border-left:1px solid var(--ocia-book-rule,#d9cfbd);
  background:linear-gradient(135deg,#f4ecdf,#fffaf1) !important;
}
.ocia-level2-band h3,
.ocia-level2-band article:last-child h3{
  color:var(--ocia-book-navy,#15324a) !important;
  font-size:1.12rem;
}
.ocia-level2-band p,
.ocia-level2-band article:last-child p{
  color:var(--ocia-book-muted,#6f746f) !important;
}
.ocia-level2-band .ocia-level2-grade{
  color:#8d6938 !important;
}

/* The reader rail is navigation, not another feature box. */
.ocia-reader-rail{
  margin:14px 0 8px !important;
  box-shadow:none !important;
}

/* The visual aid is the first major teaching object after the handoff. */
.ocia-visual-aid{
  margin-top:20px !important;
  margin-bottom:8px !important;
}

/* Audited A-level lessons already had a deep-dive intro title of their own.
   Hide that duplicate title block and let the route masthead remain authoritative. */
.ocia-level2-audited .ocia-deep-intro{
  display:none !important;
}
.ocia-level2-audited{
  margin-top:0 !important;
  gap:16px !important;
}
.ocia-level2-audited > .ocia-reader-rail{
  margin-top:0 !important;
}
.ocia-level2-audited .ocia-level2-lens{
  margin-top:2px;
}

/* Tighten the reading rhythm so the page progresses instead of restarting visually. */
.ocia-level2-section{
  padding-top:30px;
  padding-bottom:30px;
}
.ocia-level2-section:first-of-type{
  padding-top:28px;
}
.ocia-level2-advanced{
  margin-top:4px !important;
}

@media(max-width:700px){
  .ocia-reader-pass .ocia-lesson-hero{
    padding-top:34px;
    padding-bottom:30px;
  }
  .ocia-reader-pass .ocia-lesson-main{
    padding-top:20px;
  }
  .ocia-level2-band{
    grid-template-columns:1fr !important;
  }
  .ocia-level2-band article,
  .ocia-level2-band article:last-child{
    padding:18px !important;
  }
  .ocia-level2-band article:last-child{
    border-left:0;
    border-top:1px solid var(--ocia-book-rule,#d9cfbd);
  }
  .ocia-reader-rail{
    margin-top:10px !important;
  }
  .ocia-visual-aid{
    margin-top:16px !important;
  }
}