:root{
  --crimson:#1E5040;
  --black:#F3ECDD;
  --deep:#EAE0C8;
  --surface:#FFFFFF;
  --white:#3D4142;
  --white-dim:rgba(61,65,66,.65);
  --border:rgba(61,65,66,.14);
  --border-accent:rgba(30,80,64,.28);
  --gold:#E0A83E;
  --pulse:#8B1E24;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--black);
  color:var(--white);
  font-family:Arial,sans-serif;
  line-height:1.7;
  overflow-x:hidden;
}
a{color:inherit}

.ccd-nav{
  position:sticky;top:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:14px 28px;background:rgba(243,236,221,.88);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(30,80,64,.18);
}
.ccd-nav-brand,.ccd-footer-brand{
  font-family:Georgia,serif;font-weight:600;text-decoration:none;color:var(--white)
}
.ccd-nav-dot{color:var(--crimson)}
.ccd-nav-links{display:flex;gap:20px;flex-wrap:wrap}
.ccd-nav-links a{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--white-dim);text-decoration:none
}
.nav-book{
  color:var(--white)!important;background:var(--gold);
  padding:8px 14px;border-radius:2px
}

.page-shell{
  max-width:980px;margin:0 auto;padding:56px 28px 90px;position:relative;z-index:1
}
.page-hero{
  background:linear-gradient(135deg, rgba(30,80,64,.06) 0%, var(--deep) 55%);
  border:1px solid var(--border);padding:36px;border-radius:4px
}
.page-kicker{
  font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--crimson);margin-bottom:14px
}
.page-hero h1{
  font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:300;line-height:1.1;margin-bottom:14px
}
.page-hero p{color:var(--white-dim);max-width:680px}
.page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn-primary,.btn-secondary{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 22px;text-decoration:none;font-size:11px;letter-spacing:.14em;text-transform:uppercase
}
.btn-primary{background:var(--gold);color:var(--white)}
.btn-secondary{border:1px solid var(--border);color:var(--white-dim)}

.page-placeholder{
  margin-top:24px;background:var(--deep);border:1px solid var(--border);border-radius:4px;padding:28px
}
.page-placeholder h2{
  font-family:Georgia,serif;font-size:1.5rem;font-weight:600;margin-bottom:12px
}
.page-placeholder ul{padding-left:18px;color:var(--white-dim)}
.page-placeholder li{margin-bottom:8px}

.expertise-group{margin-top:22px}
.expertise-group:first-of-type{margin-top:16px}
.expertise-group h3{
  font-family:Georgia,serif;font-size:1.05rem;font-weight:600;color:var(--crimson);
  margin-bottom:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap
}
.expertise-group ul{padding-left:18px;color:var(--white-dim)}
.expertise-group li{margin-bottom:6px;font-size:.92rem}
.expertise-group p{color:var(--white-dim);font-size:.92rem;line-height:1.65;margin-bottom:6px}
.expertise-group a{color:var(--crimson);text-decoration:none;border-bottom:1px solid rgba(30,80,64,.3)}
.expertise-group a:hover{border-color:var(--crimson)}

.lens-block{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start}
.lens-image{width:220px;height:auto;border-radius:4px;border:1px solid var(--border);flex-shrink:0}
.lens-text{flex:1;min-width:260px}

.body-map{list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:10px}
.body-map li{
  padding:12px 16px;background:var(--deep);border:1px solid var(--border);border-radius:3px;
  color:var(--white-dim);font-size:.9rem;line-height:1.5
}
.body-map li strong{color:var(--crimson);font-weight:600}

.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:14px}
.testimonial-card{
  background:var(--deep);border:1px solid var(--border);border-radius:4px;padding:20px;
  display:flex;flex-direction:column;gap:12px
}
.testimonial-card p{
  font-family:Georgia,serif;font-style:italic;color:var(--white);font-size:.92rem;line-height:1.6;margin:0
}
.testimonial-card span{
  font-family:Arial,sans-serif;font-size:.78rem;color:var(--gold);letter-spacing:.02em
}

.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:16px}
.note-card{
  background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:22px;
  display:flex;flex-direction:column;gap:10px;text-decoration:none;transition:border-color .2s ease
}
.note-card:hover{border-color:var(--crimson)}
.note-card-cat{
  font-family:Arial,sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);font-weight:600
}
.note-card h3{font-family:Georgia,serif;font-size:1.05rem;font-weight:600;color:var(--crimson);margin:0}
.note-card p{color:var(--white-dim);font-size:.85rem;line-height:1.55;margin:0}
.note-card-meta{font-family:Arial,sans-serif;font-size:.72rem;color:var(--white-dim);opacity:.6;margin-top:auto}
.note-card.note-upcoming{opacity:.6;cursor:default}
.note-card.note-upcoming:hover{border-color:var(--border)}

.note-body{max-width:720px}
.note-body h2{font-family:Georgia,serif;font-size:1.3rem;font-weight:600;color:var(--crimson);margin:28px 0 10px}
.note-body h2:first-child{margin-top:0}
.note-body p{color:var(--white-dim);font-size:.95rem;line-height:1.75;margin-bottom:14px}
.note-body ul{padding-left:20px;color:var(--white-dim);margin-bottom:14px}
.note-body li{margin-bottom:8px;line-height:1.6}
.note-body strong{color:var(--white)}
.note-clinical-impact{
  background:var(--deep);border-left:3px solid var(--crimson);padding:16px 20px;margin:18px 0;border-radius:0 3px 3px 0
}
.note-clinical-impact p{margin-bottom:0;color:var(--white)}
.note-meta-bar{
  display:flex;gap:14px;flex-wrap:wrap;font-family:Arial,sans-serif;font-size:.75rem;
  color:var(--white-dim);opacity:.65;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)
}

.reframe-line{
  font-family:Georgia,serif;font-style:italic;font-size:1.05rem;color:var(--crimson);
  border-left:3px solid var(--gold);padding-left:16px;margin-top:16px;max-width:640px;line-height:1.6
}

.lane-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:18px 0}
.lane-item{background:var(--deep);border:1px solid var(--border);border-radius:4px;padding:20px}
.lane-num{font-family:Georgia,serif;font-size:1.4rem;font-weight:700;color:var(--gold);margin-bottom:8px}
.lane-item h3{font-family:Georgia,serif;font-size:1rem;font-weight:600;color:var(--crimson);margin-bottom:6px}
.lane-item p{color:var(--white-dim);font-size:.85rem;line-height:1.55;margin:0}

@media (max-width:600px){
  .lens-block{flex-direction:column}
  .lens-image{width:100%;max-width:280px}
}
.expertise-tag{
  font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-family:Arial,sans-serif;
  color:var(--white);background:var(--gold);padding:3px 8px;border-radius:2px;font-weight:600
}
.expertise-secondary{opacity:.72}
.expertise-secondary h3{font-size:.92rem;color:var(--white-dim)}
.expertise-tag-secondary{background:transparent;border:1px solid var(--border);color:var(--white-dim);font-weight:500}

.framework-intro{color:var(--white-dim);font-size:.98rem;line-height:1.75;max-width:680px}

.dfr-phase{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--border)}
.dfr-phase:last-child{border-bottom:none}
.dfr-phase-num{
  font-family:Georgia,serif;font-size:1.8rem;font-weight:700;color:var(--gold);
  min-width:44px;line-height:1
}
.dfr-phase-body h3{font-family:Georgia,serif;font-size:1.1rem;font-weight:600;color:var(--crimson);margin-bottom:4px}
.dfr-phase-sub{
  font-family:Arial,sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--white-dim);opacity:.6;margin-bottom:10px
}
.dfr-phase-body p{color:var(--white-dim);font-size:.9rem;line-height:1.65;margin-bottom:6px}
.dfr-phase-body p:last-child{margin-bottom:0}
.dfr-phase-body strong{color:var(--white)}

.ccd-footer{
  border-top:1px solid var(--border);padding:28px 28px 36px;
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap
}
.ccd-footer-col{display:flex;flex-direction:column;gap:8px}
.ccd-footer-heading{
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:2px
}
.ccd-footer-col a{color:var(--white-dim);text-decoration:none;font-size:11px;transition:color .2s}
.ccd-footer-col a:hover{color:var(--crimson)}
.ccd-footer-meta,.ccd-footer-bottom{
  color:var(--white-dim);font-size:11px;letter-spacing:.06em
}
.ccd-footer-bottom{display:flex;gap:16px;flex-wrap:wrap}

@media (max-width:700px){
  .ccd-nav{padding:12px 18px}
  .ccd-nav-links{gap:14px}
  .page-shell{padding:42px 18px 70px}
  .page-hero,.page-placeholder{padding:24px}
  .ccd-footer{padding:24px 18px 30px}
}
