/* B3.2 — source-led editorial flow, scoped to the Bitcoin Case Study only.
   Large locked images are narrative beats with prose above and below. */
.b3-bitcoin .project-story{max-width:55rem;margin-inline:auto}
.b3-bitcoin .project-prose{max-width:70ch}
.b3-bitcoin .b3-bitcoin-takeaways{max-width:65ch;padding-left:1.4rem;list-style:disc}
.b3-bitcoin .b3-bitcoin-takeaways li{margin:.45rem 0;line-height:1.55}
.b3-bitcoin .b3-bitcoin-boundaries{max-width:70ch;padding-left:1.35rem}
.b3-bitcoin .b3-bitcoin-boundaries li{margin:.5rem 0}
.b3-bitcoin .b3-bitcoin-photo{display:block;width:100%;max-width:52rem;margin:1.35rem auto 1.65rem}
.b3-bitcoin .b3-bitcoin-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:transparent;box-shadow:none}
.b3-bitcoin .b3-bitcoin-photo figcaption{max-width:62ch;text-align:center;margin:.55rem auto 0}
.b3-bitcoin .b3-bitcoin-process{max-width:54rem}
.b3-bitcoin #roles .project-table-wrap{max-width:52rem}
@media(max-width:650px){
  .b3-bitcoin .project-story{max-width:none}
  .b3-bitcoin .b3-bitcoin-photo{margin:1rem auto 1.4rem}
  .b3-bitcoin .b3-bitcoin-photo figcaption{padding:.5rem .25rem}
}

/* B3.2 visual refinement: same ivory canvas as accepted Home/Explore. */
.b3-bitcoin{background:var(--gm-ivory)}
.b3-bitcoin .b3-bitcoin-banner{
  display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  align-items:center;gap:2.25rem;margin:1.5rem 0 2rem;
}
.b3-bitcoin .b3-bitcoin-banner .project-title,
.b3-bitcoin .b3-bitcoin-banner .final-title-visual{min-width:0}
.b3-bitcoin .b3-bitcoin-banner .b3-bitcoin-banner-photo{
  width:100%;max-width:none;margin:0;
}
.b3-bitcoin .b3-bitcoin-banner .b3-bitcoin-banner-photo img{
  display:block;width:100%;height:auto;max-height:none;object-fit:contain;
}
.b3-bitcoin .b3-bitcoin-banner .b3-bitcoin-banner-photo figcaption{
  max-width:48ch;font-size:.8rem;text-align:center;margin:.25rem auto 0;
}
@media(max-width:900px){
  .b3-bitcoin .b3-bitcoin-banner{
    grid-template-columns:1fr;gap:.8rem;margin:1rem 0 1.5rem;
  }
  .b3-bitcoin .b3-bitcoin-banner .b3-bitcoin-banner-photo{
    max-width:43rem;margin-inline:auto;
  }
}


/* B3 reading rhythm v0.1
   Warm ivory = uninterrupted narrative; paper = selected explanatory panels.
   Use the existing design-system tokens, not per-project colours.
   Never stripe every section or box approved editorial imagery. */
.b3-bitcoin .project-story > :is(#lesson,#roles,#boundaries,#bitcoin-intro){
  background:var(--gm-paper);
  border:1px solid var(--gm-line);
  border-left:3px solid var(--gm-gold);
  border-radius:.75rem;
  box-shadow:0 .3rem 1.1rem rgba(52,38,30,.035);
  padding:clamp(1rem,2.25vw,1.65rem);
  margin-block:1.5rem;
}
.b3-bitcoin .project-story > :is(#lesson,#roles,#boundaries,#bitcoin-intro) > h2{
  margin-bottom:1rem;
}
.b3-bitcoin .project-story > :is(#lesson,#roles,#boundaries,#bitcoin-intro) .project-prose{
  max-width:70ch;
}
@media(max-width:650px){
  .b3-bitcoin .project-story > :is(#lesson,#roles,#boundaries,#bitcoin-intro){
    padding:1.15rem;
    margin-block:1.2rem;
    border-radius:.65rem;
  }
}

/* Bitcoin: the newcomer orientation is useful scaffolding, not the main story. */
.b3-bitcoin #bitcoin-intro .b3-bitcoin-takeaways{padding-left:1.45rem}
.b3-bitcoin #roles .project-table-wrap{max-width:none}