/* ============================================================
   Magna Bureau — Conversion Engine 2.0 · Creative Track C
   Encyclopedia discovery layer (landing + entry pilot).
   Component-scoped: every rule is prefixed .ce2- so nothing
   here can leak into shared styles. Palette and type reuse the
   site's established tokens (gold #c9a227, Playfair Display,
   Rajdhani, Source Serif 4) already loaded by these pages.
   ============================================================ */

/* ---------- Landing: opening ---------- */
.ce2-opening{margin:0 0 2.2rem;}
.ce2-opening .ce2-eyebrow{
  font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.14em;font-size:.82rem;color:#8a6d1c;margin:0 0 .7rem;
}
.ce2-opening h1{
  font-family:"Playfair Display",Georgia,serif;font-weight:800;
  font-size:clamp(2rem,5.2vw,3.3rem);line-height:1.08;color:#111;
  margin:0 0 1rem;max-width:22ch;
}
.ce2-opening .ce2-sub{
  font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1.08rem,2.2vw,1.3rem);
  line-height:1.55;color:#333;max-width:58ch;margin:0 0 .8rem;
}
.ce2-opening .ce2-line{
  font-family:Rajdhani,sans-serif;font-weight:600;font-size:1rem;
  letter-spacing:.02em;color:#8a6d1c;margin:0;
}

/* ---------- Landing: discovery cards ---------- */
.ce2-cards{
  display:grid;gap:1rem;margin:2rem 0 2.6rem;
  grid-template-columns:1fr;
}
@media (min-width:640px){.ce2-cards{grid-template-columns:1fr 1fr;}}
@media (min-width:1100px){.ce2-cards{grid-template-columns:repeat(4,1fr);}}
.ce2-card{
  display:flex;flex-direction:column;gap:.55rem;text-decoration:none;
  background:#fff;border:1px solid #e2ddd0;border-top:3px solid #c9a227;
  border-radius:8px;padding:1.25rem 1.2rem 1.15rem;color:#111;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.ce2-card:hover{
  border-color:#c9a227;transform:translateY(-3px);
  box-shadow:0 10px 26px rgba(15,14,12,.10);
}
.ce2-card:focus-visible{outline:3px solid #c9a227;outline-offset:2px;}
.ce2-card h2,.ce2-card h3{
  font-family:"Playfair Display",Georgia,serif;font-weight:700;
  font-size:1.28rem;line-height:1.25;margin:0;color:#111;
}
.ce2-card p{margin:0;font-size:.95rem;line-height:1.55;color:#4a463c;flex:1;}
.ce2-card .ce2-go{
  font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.09em;font-size:.78rem;color:#8a6d1c;
}

/* ---------- Entry pilot: movement navigation ---------- */
.ce2-movements{
  display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:center;
  border-top:1px solid #e2ddd0;border-bottom:1px solid #e2ddd0;
  padding:.6rem 0;margin:1.2rem 0 1.6rem;
  font-family:Rajdhani,sans-serif;font-weight:600;font-size:.82rem;
  text-transform:uppercase;letter-spacing:.07em;
}
.ce2-movements a{color:#6b5a14;text-decoration:none;padding:.15rem .1rem;}
.ce2-movements a:hover{color:#111;text-decoration:underline;}
.ce2-movements a:focus-visible{outline:3px solid #c9a227;outline-offset:2px;}

/* ---------- Entry pilot: movement headings ---------- */
.ce2-move-head{
  font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.12em;font-size:.9rem;color:#8a6d1c;
  margin:2.4rem 0 .9rem;scroll-margin-top:96px;
  display:flex;align-items:baseline;gap:.6rem;
}
.ce2-move-head .ce2-num{color:#c9a227;font-size:1.05rem;}
.ce2-move-head::after{content:"";flex:1;border-top:1px solid #e2ddd0;transform:translateY(-.25em);}

/* ---------- Entry pilot: essential-facts panel ---------- */
.ce2-facts{
  border:1px solid #d9cfae;border-radius:8px;background:#fbf9f3;
  padding:1.1rem 1.25rem;margin:0 0 .5rem;
}
.ce2-facts dl{
  display:grid;grid-template-columns:1fr;gap:.55rem 1.6rem;margin:0;
}
@media (min-width:760px){.ce2-facts dl{grid-template-columns:1fr 1fr;}}
.ce2-facts .ce2-fact{display:flex;flex-direction:column;gap:.1rem;padding:.35rem 0;border-bottom:1px dashed #e7e0c9;}
.ce2-facts dt{
  font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;font-size:.74rem;color:#8a6d1c;margin:0;
}
.ce2-facts dd{
  font-family:"Source Serif 4",Georgia,serif;font-size:1rem;color:#1d1a12;margin:0;line-height:1.45;
}

/* ---------- Entry pilot: milestone anchors ---------- */
.ce2-milestones{
  display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1.1rem 0 .4rem;
  font-size:.9rem;
}
.ce2-milestones .ce2-ms-label{
  font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;font-size:.76rem;color:#8a6d1c;margin-right:.2rem;
}
.ce2-milestones a{
  font-family:Rajdhani,sans-serif;font-weight:600;font-size:.86rem;
  color:#3d3410;text-decoration:none;border:1px solid #d9cfae;border-radius:999px;
  padding:.28rem .7rem;background:#fff;transition:border-color .15s ease,background .15s ease;
}
.ce2-milestones a:hover{border-color:#c9a227;background:#fbf6e3;}
.ce2-milestones a:focus-visible{outline:3px solid #c9a227;outline-offset:2px;}

/* Anchored story sections clear the fixed header */
.ce2-story{scroll-margin-top:96px;}

/* ---------- Entry pilot: go-deeper <details> ---------- */
.ce2-deeper{
  border:1px solid #e2ddd0;border-radius:8px;background:#fff;
  padding:0 1.25rem;margin:0 0 .5rem;
}
.ce2-deeper summary{
  cursor:pointer;font-family:"Playfair Display",Georgia,serif;font-weight:700;
  font-size:1.3rem;color:#111;padding:1rem 0;list-style:none;
  display:flex;align-items:center;gap:.6rem;
}
.ce2-deeper summary::-webkit-details-marker{display:none;}
.ce2-deeper summary::after{
  content:"+";margin-left:auto;font-family:Rajdhani,sans-serif;font-weight:700;
  color:#8a6d1c;font-size:1.4rem;line-height:1;
}
.ce2-deeper[open ] summary::after{content:"–";}
.ce2-deeper summary:focus-visible{outline:3px solid #c9a227;outline-offset:2px;}
.ce2-deeper .history-shockwave{margin:0 0 1.2rem;}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .ce2-card,.ce2-milestones a{transition:none;}
  .ce2-card:hover{transform:none;}
}