/*
  OCIA book-first theme
  ---------------------
  This stylesheet enforces the visual standard in OCIA_VISUAL_STANDARD.md.
  It intentionally loads after the Level 2 and responsive stylesheets so the
  printed Companion remains the visual source of truth for the digital lessons.
*/

:root{
  --piper-book-navy:#15324a;
  --piper-book-navy-deep:#0b2437;
  --piper-book-cream:#f6f1e8;
  --piper-book-paper:#fffdf8;
  --piper-book-gold:#b99447;
  --piper-book-gold-soft:#dfc789;
  --piper-book-line:#d9cfbd;
  --piper-book-text:#27343d;
  --piper-book-muted:#6f746f;

  /* Level 2 inherits the book palette instead of a charcoal sub-theme. */
  --ocia-l2-charcoal:var(--piper-book-navy-deep);
  --ocia-l2-paper:var(--piper-book-paper);
  --ocia-l2-cream:var(--piper-book-cream);
  --ocia-l2-gold:var(--piper-book-gold);
  --ocia-l2-gold-dark:#876a2f;
  --ocia-l2-line:var(--piper-book-line);
  --ocia-l2-muted:var(--piper-book-muted);
}

body{background:var(--piper-book-cream);color:var(--piper-book-text)}

/* Lesson mastheads: keep the drama, but make navy the dominant dark. */
.ocia-level2-card{
  border-color:rgba(185,148,71,.52);
  background:var(--piper-book-navy-deep);
  box-shadow:0 16px 38px rgba(18,37,49,.11);
}
.ocia-level2-card:before{
  background-image:linear-gradient(90deg,rgba(11,36,55,.985),rgba(21,50,74,.94) 55%,rgba(21,50,74,.68)),var(--ocia-l2-art);
}
.ocia-level2-card:after{background:linear-gradient(90deg,var(--piper-book-gold),var(--piper-book-gold-soft) 50%,transparent)}
.ocia-level2-card h2{color:var(--piper-book-paper)}
.ocia-level2-card-copy>p{color:#dce5ea}
.ocia-level2-grade{color:var(--piper-book-gold-soft)}
.ocia-level2-band{background:rgba(185,148,71,.34);border-top-color:rgba(223,199,137,.32)}
.ocia-level2-band article{background:rgba(11,36,55,.89)}
.ocia-level2-band article:last-child{background:rgba(21,50,74,.94)}
.ocia-level2-band h3{color:#fff8e9}
.ocia-level2-band p{color:#d5dfe5}

/* Reading rail remains a paper object with a navy advanced boundary. */
.ocia-reader-rail{border-color:#d7c59d;background:var(--piper-book-paper)}
.ocia-reader-rail>a:hover{background:#f4ecdc}
.ocia-reader-rail span{color:#98752e}
.ocia-reader-rail strong{color:var(--piper-book-navy)}
.ocia-reader-rail .advanced{background:var(--piper-book-navy-deep)}
.ocia-reader-rail .advanced span{color:var(--piper-book-gold-soft)}
.ocia-reader-rail .advanced strong{color:var(--piper-book-paper)}

/* Visual aids should read like printable binder inserts. */
.ocia-visual-aid{
  border-color:var(--piper-book-gold);
  background:radial-gradient(circle at 50% 0,var(--piper-book-paper) 0,#fbf8f1 64%,var(--piper-book-cream) 100%);
  box-shadow:inset 0 0 0 5px var(--piper-book-paper),inset 0 0 0 6px rgba(185,148,71,.42),0 14px 32px rgba(18,37,49,.055);
}
.ocia-visual-aid:before{border-color:rgba(185,148,71,.34)}
.ocia-visual-topline span{background:linear-gradient(90deg,transparent,var(--piper-book-gold))}
.ocia-visual-topline span:last-child{background:linear-gradient(90deg,var(--piper-book-gold),transparent)}
.ocia-visual-topline small,.ocia-visual-cross{color:#98752e}
.ocia-visual-aid>h3{color:var(--piper-book-navy)}
.ocia-visual-subtitle{color:#536672}
.ocia-visual-arrow{color:var(--piper-book-gold)}
.ocia-visual-number{background:var(--piper-book-gold);color:var(--piper-book-paper)}
.ocia-visual-medallion{border-color:var(--piper-book-gold);background:radial-gradient(circle,var(--piper-book-paper) 52%,#f2eadb);box-shadow:inset 0 0 0 5px #fbf7ef,inset 0 0 0 6px rgba(185,148,71,.48)}
.ocia-visual-medallion svg,.ocia-visual-mini-icon svg{stroke:var(--piper-book-navy)}
.ocia-visual-flow h4,.ocia-prayer-modes h4,.ocia-trinity-map h4{color:var(--piper-book-navy)}
.ocia-visual-flow article>b,.ocia-prayer-modes article>b{background:var(--piper-book-gold)}
.ocia-visual-flow article>p,.ocia-prayer-modes article>p,.ocia-trinity-map p{color:#566972}
.ocia-visual-callout{border-color:#d7c59d;background:#fff9ec}
.ocia-visual-callout small{color:#876a2f}
.ocia-visual-callout p{color:#52656f}
.ocia-visual-takeaway{border-color:#d7c59d;background:rgba(255,253,248,.9)}
.ocia-visual-takeaway>i{color:var(--piper-book-gold)}
.ocia-visual-mini-icon{border-color:#d7c59d;color:#98752e}
.ocia-visual-mini-icon svg{stroke:#98752e}
.ocia-visual-takeaway small{color:#876a2f}
.ocia-visual-takeaway p{color:#49606e}
.ocia-visual-caption,.ocia-visual-caption strong{color:#776c5d}

/* Trinity / prayer diagrams inherit the same navy + gold system. */
.ocia-trinity-map:before{border-color:var(--piper-book-gold)}
.ocia-trinity-orb{border-color:var(--piper-book-gold);background:radial-gradient(circle,var(--piper-book-paper) 50%,#f2eadb);color:var(--piper-book-navy);box-shadow:inset 0 0 0 6px #fffaf0,inset 0 0 0 7px rgba(185,148,71,.42)}
.ocia-trinity-map .center{border-color:var(--piper-book-gold);background:#fff8e9;color:var(--piper-book-navy)}
.ocia-trinity-map .center small{color:#876a2f}
.ocia-visual-errors,.ocia-discern-strip{border-color:#d7c59d}
.ocia-visual-errors>.ocia-eyebrow,.ocia-discern-strip>.ocia-eyebrow{color:#876a2f}
.ocia-visual-errors article,.ocia-discern-strip article{border-color:#ddcfb5}
.ocia-visual-errors article>span,.ocia-discern-strip article>span{border-color:var(--piper-book-gold);color:#98752e}
.ocia-visual-errors strong,.ocia-discern-strip strong{color:var(--piper-book-navy)}
.ocia-visual-errors article p,.ocia-discern-strip p{color:#5c6d75}

/* Section hierarchy: paper first, navy type, gold markers. */
.ocia-level2-section{border-bottom-color:var(--piper-book-line)}
.ocia-level2-heading>span{background:var(--piper-book-navy);color:var(--piper-book-gold-soft)}
.ocia-level2-heading .ocia-eyebrow{color:#876a2f}
.ocia-level2-heading h3{color:var(--piper-book-navy)}
.ocia-level2-section-lede{color:#6a706f}
.ocia-level2-grid article,.ocia-level2-objections article,.ocia-level2-lens-grid article{border-color:var(--piper-book-line);background:var(--piper-book-paper);box-shadow:0 6px 18px rgba(18,37,49,.035)}
.ocia-card-index,.ocia-objection-mark{color:#876a2f}
.ocia-objection-mark{border-color:var(--piper-book-gold)}
.ocia-level2-grid h4,.ocia-level2-objections h4,.ocia-level2-lens-grid strong{color:var(--piper-book-navy)}
.ocia-level2-grid p,.ocia-level2-objections p,.ocia-level2-lens-grid p{color:#626d71}

/* Decisive evidence is allowed to be dark, but it stays visibly Piper navy. */
.ocia-level2-evidence{
  border-color:rgba(185,148,71,.5);
  background:linear-gradient(145deg,var(--piper-book-navy-deep),var(--piper-book-navy));
  box-shadow:0 14px 30px rgba(18,37,49,.09);
}
.ocia-level2-evidence .ocia-level2-heading>span{background:var(--piper-book-gold);color:var(--piper-book-paper)}
.ocia-level2-evidence .ocia-level2-heading .ocia-eyebrow{color:var(--piper-book-gold-soft)}
.ocia-level2-evidence .ocia-level2-heading h3{color:var(--piper-book-paper)}
.ocia-level2-evidence .ocia-level2-section-lede{color:#d2dde3}
.ocia-level2-texts{border-color:rgba(223,199,137,.28);background:rgba(223,199,137,.28)}
.ocia-level2-texts article{background:rgba(11,36,55,.9)}
.ocia-evidence-icon{border-color:var(--piper-book-gold);color:var(--piper-book-gold-soft)}
.ocia-level2-texts small{color:var(--piper-book-gold-soft)}
.ocia-level2-texts h4{color:#fff9ed}
.ocia-level2-texts p{color:#d3dde2}

/* Timelines and pressure tests stay light and editorial. */
.ocia-level2-timeline:before{background:linear-gradient(var(--piper-book-gold),#d8c4a2)}
.ocia-level2-timeline article:before{border-color:var(--piper-book-cream);background:var(--piper-book-gold);box-shadow:0 0 0 1px var(--piper-book-gold)}
.ocia-level2-timeline .time{color:#876a2f}
.ocia-level2-timeline h4{color:var(--piper-book-navy)}
.ocia-level2-timeline p{color:#666c6c}
.ocia-level2-limit{border-left-color:var(--piper-book-gold);background:#f1eadf;color:#5f625f!important}
.ocia-level2-limit strong{color:#76572e}
.ocia-level2-pressure{border-color:#d4c3a7;background:linear-gradient(120deg,#efe5d5,#fbf7ef)}

/* Verdict pair: navy positive case + light limitation card, mirroring the book's evidence discipline. */
.ocia-level2-verdict article{
  border-color:rgba(185,148,71,.55);
  background:linear-gradient(145deg,var(--piper-book-navy-deep),var(--piper-book-navy));
  color:#fff;
}
.ocia-level2-verdict h4{color:var(--piper-book-gold-soft)}
.ocia-level2-verdict p{color:#d6e0e5}
.ocia-level2-verdict article:last-child{border-color:#d4c4aa;background:#f0e9de;color:#514b43}
.ocia-level2-verdict article:last-child h4{color:#76582e}
.ocia-level2-verdict article:last-child p{color:#5f5a53}
.ocia-verdict-symbol{border-color:var(--piper-book-gold);color:var(--piper-book-gold-soft)}

/* Advanced boundary: same brand, greater density. No separate charcoal identity. */
.ocia-level2-advanced{
  border-color:rgba(185,148,71,.55);
  background:linear-gradient(145deg,var(--piper-book-navy-deep),var(--piper-book-navy));
  color:#fff;
  box-shadow:inset 0 3px 0 var(--piper-book-gold);
}
.ocia-level2-advanced .ocia-level2-heading .ocia-eyebrow{color:var(--piper-book-gold-soft)}
.ocia-level2-advanced .ocia-level2-heading h3{color:var(--piper-book-paper)}
.ocia-level2-advanced .ocia-level2-section-lede{color:#d1dce2}
.ocia-level2-library a{border-color:rgba(223,199,137,.30);background:rgba(255,253,248,.055)}
.ocia-level2-library a:hover{border-color:var(--piper-book-gold-soft);background:rgba(255,253,248,.085)}
.ocia-library-arrow,.ocia-level2-library small{color:var(--piper-book-gold-soft)}
.ocia-level2-library strong{color:#fff9ed}
.ocia-level2-library a>span:last-child{color:#d0dae0}
.ocia-level2-next{border-color:rgba(223,199,137,.32);background:rgba(7,29,45,.72)}
.ocia-level2-next .ocia-eyebrow{color:var(--piper-book-gold-soft)}
.ocia-level2-next p:last-child{color:#d6e0e5}
.ocia-level2-next>a{border-color:var(--piper-book-gold);color:#f1dba9;background:rgba(255,253,248,.025)}

/* Audited A-level deep dives use the same navy masthead as rebuilt Level 2 lessons. */
.ocia-level2-audited .ocia-deep-intro{
  border-color:rgba(185,148,71,.5)!important;
  background:var(--piper-book-navy-deep)!important;
  box-shadow:0 14px 32px rgba(18,37,49,.08)!important;
}
.ocia-level2-audited .ocia-deep-intro:before{
  background-image:linear-gradient(90deg,rgba(11,36,55,.985),rgba(21,50,74,.93) 56%,rgba(21,50,74,.64)),var(--ocia-l2-art);
}
.ocia-level2-audited .ocia-deep-intro:after{background:linear-gradient(90deg,var(--piper-book-gold),var(--piper-book-gold-soft) 48%,transparent)}
.ocia-level2-audited .ocia-deep-intro h2{color:var(--piper-book-paper)!important}
.ocia-level2-audited .ocia-deep-intro>p:last-child{color:#dce5ea!important}
.ocia-level2-audited .ocia-deep-intro .ocia-eyebrow{color:var(--piper-book-gold-soft)!important}

/* Existing deep-dive components already align well with the book; normalize the remaining dark callouts. */
.ocia-evidence-limit article:first-child,.ocia-next-question{background:var(--piper-book-navy-deep)}
.ocia-evidence-limit article:first-child{color:#dfe8ed}
.ocia-evidence-limit article:first-child h4,.ocia-next-question .ocia-eyebrow{color:var(--piper-book-gold-soft)}
.ocia-deep-heading>span{background:var(--piper-book-navy);color:var(--piper-book-gold-soft)}
.ocia-deep-heading h3,.ocia-scripture-grid h4,.ocia-pressure-grid h4,.ocia-timeline h4,.ocia-development-flow strong,.ocia-library-grid strong{color:var(--piper-book-navy)}
.ocia-deep-intro,.ocia-deep-section,.ocia-scripture-grid article,.ocia-pressure-grid article{background:var(--piper-book-paper)}
.ocia-deep-intro,.ocia-deep-section{border-color:var(--piper-book-line)}

/* Landing and site-level dark areas stay in the same navy family. */
.ocia-research-standard{background:var(--piper-book-navy-deep);border-color:var(--piper-book-gold)}
.ocia-footer{background:var(--piper-book-navy-deep)}

@media(max-width:700px){
  .ocia-level2-evidence,.ocia-level2-advanced{box-shadow:none}
}