/* OCIA Level 2 responsive reader polish.
   Loaded after the primary Level 2 stylesheet so visual aids keep their desktop character
   while remaining readable and intentional on tablets and phones. */

@media (max-width: 940px){
  .ocia-brand,.ocia-lesson-breadcrumb{min-height:44px}
  .ocia-reader-pass .ocia-eyebrow,.ocia-reader-pass .ocia-level2-audited small,.ocia-reader-rail span,.ocia-visual-topline small,.ocia-visual-callout small,.ocia-level2-lens>.ocia-level2-badge,.ocia-level2-lens-grid small{font-size:.75rem}
  .ocia-build-grid span,.ocia-visual-caption{font-size:.8125rem}
  .ocia-level2-lens-grid p,.ocia-level2-grid p,.ocia-level2-objections p{font-size:.875rem}
  .ocia-level2-card{padding:36px 30px 30px}
  .ocia-level2-band{margin:26px -30px -30px}
  .ocia-level2-band article{padding:22px 24px}

  .ocia-visual-aid{padding:26px 22px 22px}
  .ocia-visual-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;align-items:start}
  .ocia-visual-aid.ocia-visual-folio .ocia-visual-flow,.ocia-visual-aid.ocia-visual-constellation .ocia-visual-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ocia-visual-aid.ocia-visual-constellation .ocia-visual-flow>article{grid-column:auto}
  .ocia-visual-flow>article{padding:0 8px}
  .ocia-visual-arrow{display:none}
  .ocia-visual-medallion{width:104px;height:104px}
  .ocia-visual-flow article>p{max-width:250px}

  .ocia-level2-grid,.ocia-level2-texts,.ocia-level2-objections{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ocia-level2-library{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width: 681px) and (max-width: 940px){
  .ocia-site-nav a{display:inline-flex;align-items:center;min-height:44px}
}

@media (max-width: 700px){
  .ocia-site-nav a.active,.ocia-site-nav a:first-child{display:inline-flex;align-items:center;min-height:44px}
  .ocia-reader-pass .ocia-lesson-main{width:min(100% - 24px,1100px);padding-top:24px}
  .ocia-reader-pass .ocia-lesson-hero{padding-top:38px;padding-bottom:34px}
  .ocia-reader-pass .ocia-lesson-hero h1{font-size:clamp(2.35rem,11vw,3.35rem)}

  .ocia-level2-card{padding:30px 20px 24px;border-radius:13px}
  .ocia-level2-card h2{font-size:clamp(2rem,10vw,2.8rem)}
  .ocia-level2-band{grid-template-columns:1fr;margin:24px -20px -24px}
  .ocia-level2-band article{min-height:0;padding:20px}

  .ocia-reader-rail{margin-top:14px}
  .ocia-reader-rail>a,.ocia-reader-rail>div{flex-basis:128px;padding:11px 12px}

  .ocia-visual-aid{margin-top:20px;padding:25px 16px 20px;border-radius:9px}
  .ocia-visual-aid:before{inset:7px}
  .ocia-visual-topline{gap:8px}
  .ocia-visual-topline small{font-size:.75rem;letter-spacing:.1em;text-align:center}
  .ocia-visual-aid>h3{font-size:clamp(1.72rem,9vw,2.45rem)}
  .ocia-visual-subtitle{margin-bottom:20px;font-size:.92rem}
  .ocia-visual-flow{grid-template-columns:1fr;gap:22px}
  .ocia-visual-aid.ocia-visual-folio .ocia-visual-flow,.ocia-visual-aid.ocia-visual-constellation .ocia-visual-flow{grid-template-columns:1fr}
  .ocia-visual-aid.ocia-visual-constellation .ocia-visual-flow>article,.ocia-visual-aid.ocia-visual-constellation .ocia-visual-flow>article:nth-of-type(4),.ocia-visual-aid.ocia-visual-constellation .ocia-visual-flow>article:nth-of-type(5){grid-column:1}
  .ocia-visual-flow>article{padding:0 4px}
  .ocia-visual-medallion{width:96px;height:96px;margin-bottom:10px}
  .ocia-visual-medallion svg{width:56px;height:56px}
  .ocia-visual-flow h4,.ocia-prayer-modes h4{font-size:.96rem}
  .ocia-visual-flow article>p,.ocia-prayer-modes article>p{max-width:290px;font-size:.875rem}

  .ocia-visual-callout{display:block;margin:12px 2px 16px;padding:14px}
  .ocia-visual-callout small{display:block;margin-bottom:6px}
  .ocia-visual-takeaway{grid-template-columns:1fr;gap:12px;padding:14px}
  .ocia-visual-takeaway>i{display:none}
  .ocia-visual-takeaway article{grid-template-columns:40px 1fr;gap:10px}
  .ocia-visual-mini-icon{width:38px;height:38px}
  .ocia-visual-mini-icon svg{width:24px;height:24px}

  .ocia-trinity-map{grid-template-columns:1fr 1fr;grid-template-areas:"father father" "son spirit" "center center";gap:20px 10px}
  .ocia-trinity-map:before{display:none}
  .ocia-trinity-orb{width:82px;height:82px}
  .ocia-trinity-map .center{width:132px;height:132px}
  .ocia-visual-errors>div{grid-template-columns:1fr}
  .ocia-visual-errors article{border-right:0;border-bottom:1px solid #ddcba8}
  .ocia-visual-errors article:last-child{border-bottom:0}

  .ocia-prayer-modes{grid-template-columns:1fr;gap:22px}
  .ocia-prayer-modes article{padding:0 8px 20px;border-right:0;border-bottom:1px solid #dcc7a2}
  .ocia-prayer-modes article:last-child{padding-bottom:0;border-bottom:0}
  .ocia-prayer-modes .ocia-visual-medallion{width:104px;height:104px}
  .ocia-discern-strip>div{grid-template-columns:1fr 1fr}
  .ocia-discern-strip article{border-right:0;border-bottom:1px solid #ddc9a7}

  .ocia-level2-section{padding:29px 0}
  .ocia-level2-heading{gap:10px}
  .ocia-level2-heading>span{flex-basis:29px;width:29px;height:29px}
  .ocia-level2-grid,.ocia-level2-texts,.ocia-level2-objections,.ocia-level2-library{grid-template-columns:1fr}
  .ocia-level2-timeline article{grid-template-columns:1fr;gap:7px}
  .ocia-level2-verdict{grid-template-columns:1fr}
  .ocia-level2-next{grid-template-columns:1fr;gap:16px}

  .ocia-level2-lens{padding:20px 16px}
  .ocia-level2-lens-grid{grid-template-columns:1fr}
}

@media (max-width: 430px){
  .ocia-reader-pass .ocia-lesson-main{width:min(100% - 18px,1100px)}
  .ocia-level2-card{padding-left:16px;padding-right:16px}
  .ocia-level2-band{margin-left:-16px;margin-right:-16px}
  .ocia-visual-aid{padding-left:12px;padding-right:12px}
  .ocia-visual-topline span{display:none}
  .ocia-visual-takeaway article{grid-template-columns:1fr}
  .ocia-visual-mini-icon{border-right:0;border-bottom:1px solid #d3bc91;padding-bottom:7px;height:42px}
  .ocia-discern-strip>div{grid-template-columns:1fr}
  .ocia-discern-strip article{padding-left:8px;padding-right:8px}
}