/*
  YakData visual elevation, Phase 4
  Proof and artifact treatment only.
  No copy, image, CTA, link, or content-order changes.
*/

:root{
  --yd-proof-border:#C9D0D6;
  --yd-proof-border-strong:#9AA8B4;
  --yd-proof-bg:#FFFFFF;
  --yd-proof-inset:#F6F7F7;
  --yd-proof-caption:#F1F3F4;
  --yd-proof-shadow:0 22px 54px rgba(11,29,45,.12),0 3px 10px rgba(11,29,45,.06);
  --yd-proof-shadow-soft:0 12px 30px rgba(11,29,45,.08);
}

/* --------------------------------------------------------------------------
   1. Evidence figures become inspection surfaces, not loose images
   -------------------------------------------------------------------------- */
body[data-page="home"] .home-proof-shot,
body[data-page="fde_lab"] .lab-case-visual{
  position:relative;
  overflow:hidden!important;
  background:var(--yd-proof-bg)!important;
  border:1px solid var(--yd-proof-border)!important;
  border-top:4px solid var(--navy)!important;
  border-radius:10px!important;
  box-shadow:var(--yd-proof-shadow)!important;
}

body[data-page="home"] .home-proof-shot img,
body[data-page="fde_lab"] .lab-case-visual img{
  display:block;
  width:100%;
  background:var(--navy)!important;
  border:8px solid #fff;
  border-bottom:0;
  border-radius:0!important;
  box-shadow:none!important;
}

body[data-page="home"] .home-proof-shot figcaption,
body[data-page="fde_lab"] .lab-case-visual figcaption{
  margin:0!important;
  padding:13px 16px 14px!important;
  background:var(--yd-proof-caption)!important;
  border-top:1px solid var(--yd-proof-border)!important;
  color:#52616E!important;
  font-size:.82rem!important;
  line-height:1.48!important;
}

/* --------------------------------------------------------------------------
   2. Home architecture becomes a technical artifact with explicit hierarchy
   -------------------------------------------------------------------------- */
body[data-page="home"] .system-architecture{
  position:relative;
  overflow:hidden;
  border:1px solid var(--yd-proof-border)!important;
  border-top:4px solid var(--gold)!important;
  border-radius:8px!important;
  background:#EEF1F3!important;
  box-shadow:var(--yd-proof-shadow-soft)!important;
}

body[data-page="home"] .arch-node{
  position:relative;
  background:#fff!important;
  border-bottom:0!important;
}
body[data-page="home"] .arch-node + .arch-arrow,
body[data-page="home"] .arch-arrow{
  background:#EEF1F3!important;
  border-bottom:0!important;
}
body[data-page="home"] .arch-node span{
  font-size:.82rem!important;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--gold-dark)!important;
}
body[data-page="home"] .arch-node b{
  font-family:var(--serif);
  font-size:.94rem!important;
  line-height:1.26!important;
}
body[data-page="home"] .arch-node small{
  font-size:.7rem!important;
  line-height:1.4!important;
}

/* Evidence ledger treatment: label, finding, explanation. */
body[data-page="home"] .verified-proof-facts{
  gap:12px!important;
}
body[data-page="home"] .verified-proof-facts article{
  position:relative;
  padding:18px 20px 18px 22px!important;
  background:#fff!important;
  border:1px solid var(--yd-proof-border)!important;
  border-left:4px solid var(--gold)!important;
  border-radius:6px!important;
  box-shadow:0 5px 14px rgba(11,29,45,.045);
}
body[data-page="home"] .verified-proof-facts article>span{
  margin-bottom:7px!important;
  font-size:.68rem!important;
  letter-spacing:.12em!important;
}
body[data-page="home"] .verified-proof-facts b{
  font-size:1.14rem!important;
  line-height:1.23!important;
  margin-bottom:6px!important;
}
body[data-page="home"] .verified-proof-facts p{
  font-size:.84rem!important;
  line-height:1.52!important;
}

/* Dark Production Map reads as a controlled operating artifact. */
body[data-page="home"] .production-map-seven{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.26)!important;
  border-top:4px solid var(--gold)!important;
  border-radius:8px 8px 0 0!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
}
body[data-page="home"] .production-map-seven .map-step{
  background:rgba(255,255,255,.025);
}
body[data-page="home"] .lane-strip-five{
  overflow:hidden;
  border-color:rgba(255,255,255,.26)!important;
  border-radius:0 0 8px 8px!important;
  background:rgba(255,255,255,.02);
}
body[data-page="home"] .success-system{
  padding:18px 20px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-left:4px solid var(--gold)!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.055)!important;
}

/* --------------------------------------------------------------------------
   3. FDE Lab case proof: image is primary; assertions read as evidence rows
   -------------------------------------------------------------------------- */
body[data-page="fde_lab"] .case-points{
  border-top:1px solid var(--yd-proof-border)!important;
}
body[data-page="fde_lab"] .case-points article{
  position:relative;
  padding:18px 18px 18px 20px!important;
  border-bottom:1px solid var(--yd-proof-border)!important;
  border-left:3px solid var(--gold);
  background:#fff;
}
body[data-page="fde_lab"] .case-points b{
  font-size:1.18rem!important;
}
body[data-page="fde_lab"] .lab-case-card{
  border:1px solid var(--yd-proof-border)!important;
  border-top:5px solid var(--gold)!important;
  box-shadow:var(--yd-proof-shadow)!important;
}
body[data-page="fde_lab"] .lab-case-numbers{
  border-top-color:var(--yd-proof-border)!important;
}
body[data-page="fde_lab"] .lab-case-numbers>div{
  min-width:0;
  padding-right:10px;
}
body[data-page="fde_lab"] .lab-case-numbers>div+div{
  padding-left:12px;
  border-left:1px solid var(--yd-proof-border);
}

/* --------------------------------------------------------------------------
   4. 77 Rules internal architecture: present the interactive map as evidence
   -------------------------------------------------------------------------- */
body[data-page="77_rules_internal_system"] .r77-project-shell{
  overflow:hidden;
  border:1px solid #49627A!important;
  border-top:4px solid var(--gold)!important;
  border-radius:10px!important;
  box-shadow:0 26px 64px rgba(11,29,45,.18)!important;
}
body[data-page="77_rules_internal_system"] .r77-project-top{
  background:#0B1D2D;
  border-bottom-color:#49627A!important;
}
body[data-page="77_rules_internal_system"] .r77-project-badge{
  border-radius:3px;
  background:rgba(196,154,44,.08);
}
body[data-page="77_rules_internal_system"] .r77-evidence-note{
  padding:20px 22px!important;
  border:1px solid var(--yd-proof-border)!important;
  border-left:4px solid var(--gold)!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(11,29,45,.05);
}
body[data-page="77_rules_internal_system"] .r77-boundary-grid article{
  border-color:var(--yd-proof-border)!important;
  box-shadow:0 5px 14px rgba(11,29,45,.04);
}
body[data-page="77_rules_internal_system"] .r77-lesson-grid{
  overflow:hidden;
  border-color:var(--yd-proof-border)!important;
  border-radius:8px;
  box-shadow:var(--yd-proof-shadow-soft);
}
body[data-page="77_rules_internal_system"] .r77-lesson-grid article{
  border-color:var(--yd-proof-border)!important;
}

/* --------------------------------------------------------------------------
   5. Method: make the interactive operating loop read like a working model
   -------------------------------------------------------------------------- */
body[data-page="method"] .mth-loop{
  padding:14px;
  background:#EEF1F3;
  border:1px solid var(--yd-proof-border);
  border-top:4px solid var(--navy);
  border-radius:10px;
  box-shadow:var(--yd-proof-shadow-soft);
}
body[data-page="method"] .mth-loop .mth-rail{
  overflow:hidden;
  border-radius:6px;
}
body[data-page="method"] .mth-panels{
  margin-top:14px!important;
}
body[data-page="method"] .mth-panel{
  border-color:var(--yd-proof-border)!important;
  box-shadow:0 7px 18px rgba(11,29,45,.045);
}
body[data-page="method"] .mth-panel-note{
  border-left:4px solid var(--gold);
}
body[data-page="method"] .mth-path{
  padding:10px 12px!important;
  border:1px solid var(--yd-proof-border);
  border-radius:6px;
  background:#F7F8F8;
}
body[data-page="method"] .mth-subs{
  overflow:hidden;
  border:1px solid var(--yd-proof-border);
  border-radius:8px;
  box-shadow:0 7px 18px rgba(11,29,45,.04);
}
body[data-page="method"] .mth-sub{
  border-color:var(--yd-proof-border)!important;
}
body[data-page="method"] .mth-role-strip{
  overflow:hidden;
  border:1px solid var(--yd-proof-border);
  border-radius:8px;
  box-shadow:0 7px 18px rgba(11,29,45,.04);
}
body[data-page="method"] .mth-role-strip article{
  border-color:var(--yd-proof-border)!important;
}

/* --------------------------------------------------------------------------
   6. Production Reviews: flows and review lenses feel like operating UI
   -------------------------------------------------------------------------- */
body[data-page="production_reviews"] .reviews-flow,
body[data-page="production_reviews"] .review-lens-grid{
  overflow:hidden;
  border:1px solid var(--yd-proof-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:var(--yd-proof-shadow-soft);
}
body[data-page="production_reviews"] .reviews-flow{
  border-top:4px solid var(--navy)!important;
}
body[data-page="production_reviews"] .reviews-flow li,
body[data-page="production_reviews"] .review-lens-grid article{
  border-color:var(--yd-proof-border)!important;
}
body[data-page="production_reviews"] .review-lens-grid article{
  background:#fff!important;
  box-shadow:none!important;
}
body[data-page="production_reviews"] .review-record-final{
  border:1px solid var(--yd-proof-border)!important;
  border-left:4px solid var(--gold)!important;
  border-radius:6px;
  background:#fff!important;
}

/* --------------------------------------------------------------------------
   7. 8X model: distinguish the analytical output from the controls around it
   -------------------------------------------------------------------------- */
body[data-page="8x_engineer"] .burn-figure{
  margin:18px 0 4px!important;
  padding:18px 18px 14px!important;
  background:#fff;
  border:1px solid var(--yd-proof-border);
  border-top:4px solid var(--navy);
  border-radius:8px;
  box-shadow:0 7px 18px rgba(11,29,45,.045);
}
body[data-page="8x_engineer"] .burn-caption{
  padding-bottom:12px;
  border-bottom:1px solid var(--yd-proof-border);
}
body[data-page="8x_engineer"] .burn-note{
  margin-top:8px!important;
  padding-top:12px;
  border-top:1px solid var(--yd-proof-border);
}
body[data-page="8x_engineer"] .calc-metrics{
  overflow:hidden;
  border:1px solid var(--yd-proof-border)!important;
  border-radius:8px;
  background:#fff;
}

/* --------------------------------------------------------------------------
   8. Responsive: preserve readability rather than shrinking proof artifacts
   -------------------------------------------------------------------------- */
@media(max-width:980px){
  body[data-page="home"] .system-architecture{
    gap:1px!important;
    background:var(--yd-proof-border)!important;
  }
  body[data-page="home"] .arch-node{
    border:0!important;
  }
  body[data-page="method"] .mth-loop{
    padding:10px;
  }
}

@media(max-width:760px){
  body[data-page="home"] .home-proof-shot img,
  body[data-page="fde_lab"] .lab-case-visual img{
    border-width:5px;
    border-bottom:0;
  }
  body[data-page="home"] .system-architecture{
    background:#fff!important;
  }
  body[data-page="home"] .arch-node{
    border-bottom:1px solid var(--yd-proof-border)!important;
  }
  body[data-page="home"] .arch-node:last-child{
    border-bottom:0!important;
  }
  body[data-page="fde_lab"] .case-points article{
    padding-left:14px!important;
    padding-right:8px!important;
  }
  body[data-page="fde_lab"] .lab-case-numbers>div+div{
    padding-left:0;
    border-left:0;
  }
  body[data-page="method"] .mth-loop{
    padding:8px;
    border-left:0;
    border-right:0;
    border-radius:0;
  }
  body[data-page="8x_engineer"] .burn-figure{
    padding:14px 10px 10px!important;
  }
}