/* Foundations Counselling Academy — Executive Leadership Portal
   Single final UI layer. Blueprint is the desktop source of truth. */

:root{
  --fca-navy:#071b2d;
  --fca-navy-2:#0c2d43;
  --fca-teal:#0a6675;
  --fca-teal-2:#138a96;
  --fca-gold:#caa35c;
  --fca-cream:#f4efe8;
  --fca-paper:#fbfaf7;
  --fca-ink:#0a2031;
  --fca-muted:#61717a;
  --fca-line:#dfe5e5;
}

html,body{background:#efefec!important}
body{overflow-x:hidden}
button,input,textarea{font-family:'DM Sans',system-ui,sans-serif}
button{cursor:pointer}

/* ---------- application shell ---------- */
body[data-theme="wrv-dramatic"] .app-shell{
  min-height:100vh;
  display:grid!important;
  grid-template-columns:289px minmax(0,1fr)!important;
}

body[data-theme="wrv-dramatic"] .sidebar{
  width:289px!important;
  height:100vh!important;
  position:sticky!important;
  top:0!important;
  padding:20px 0 16px!important;
  display:flex!important;
  flex-direction:column!important;
  color:#fff!important;
  background:
    linear-gradient(180deg,rgba(5,20,35,.99) 0%,rgba(7,27,47,.98) 58%,rgba(7,27,47,.66) 73%,rgba(5,18,31,.94) 100%),
    url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=900&q=76') center bottom/100% 40% no-repeat!important;
  border:0!important;
  box-shadow:12px 0 35px rgba(5,19,32,.14)!important;
  z-index:90!important;
  overflow:hidden!important;
}

body[data-theme="wrv-dramatic"] .brand{
  display:block!important;
  text-align:center!important;
  padding:2px 22px 21px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}

body[data-theme="wrv-dramatic"] .brand-mark{
  position:relative!important;
  display:inline-block!important;
  width:auto!important;height:auto!important;
  border:0!important;border-radius:0!important;
  background:none!important;
  padding-left:32px!important;
  color:#f4eadb!important;
  font-family:'Playfair Display',serif!important;
  font-size:39px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  font-weight:600!important;
}
body[data-theme="wrv-dramatic"] .brand-mark:before{
  content:'✦';
  position:absolute;left:1px;top:1px;
  color:#d1a54f;font-size:28px;
  transform:rotate(-18deg);
  text-shadow:12px 7px 0 #1592a1;
  pointer-events:none;
}
body[data-theme="wrv-dramatic"] .brand strong{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:500!important;
}
body[data-theme="wrv-dramatic"] .brand span{
  display:block!important;
  margin-top:5px!important;
  color:#d5c7ac!important;
  font-size:8px!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
}

body[data-theme="wrv-dramatic"] .nav{
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  flex-direction:column!important;
  gap:0!important;
  margin:0!important;
  padding:15px 0 0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
}
body[data-theme="wrv-dramatic"] .nav-link{
  min-height:58px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  padding:8px 24px!important;
  border:0!important;
  border-left:5px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f5f8f8!important;
  text-align:left!important;
  font-size:14px!important;
  line-height:1.2!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
body[data-theme="wrv-dramatic"] .nav-link:hover{
  background:rgba(255,255,255,.055)!important;
}
body[data-theme="wrv-dramatic"] .nav-link.active{
  background:linear-gradient(90deg,rgba(58,145,162,.68),rgba(41,85,109,.45))!important;
  border-left-color:#95dde3!important;
}
body[data-theme="wrv-dramatic"] .nav-link small{
  color:#d1dbe0!important;
  font-size:11px!important;
}
body[data-theme="wrv-dramatic"] .nav-link.locked{opacity:.62!important}

body[data-theme="wrv-dramatic"] .sidebar blockquote{
  position:relative!important;
  left:auto!important;right:auto!important;bottom:auto!important;
  flex:0 0 auto!important;
  margin:14px 28px 0!important;
  padding:0 0 0 28px!important;
  border:0!important;
  color:#f1e3d1!important;
  font-family:'Playfair Display',serif!important;
  font-size:17px!important;
  line-height:1.35!important;
  font-style:normal!important;
  pointer-events:none!important;
}
body[data-theme="wrv-dramatic"] .sidebar blockquote:before{
  content:'“';position:absolute;left:0;top:-10px;
  font-size:50px;color:#64a8b3;font-family:Georgia,serif;
}
body[data-theme="wrv-dramatic"] .sidebar blockquote:after{
  content:'STRONGER LEADERS · BRIGHTER TOMORROWS';
  display:block;
  margin-top:10px;
  margin-left:-27px;
  font-family:'DM Sans',sans-serif;
  font-size:8px;line-height:1.5;
  letter-spacing:.15em;
  font-weight:700;
  color:#c8d4d8;
}

/* ---------- top bar ---------- */
body[data-theme="wrv-dramatic"] .main{min-width:0!important;background:#f1f0ed!important}
body[data-theme="wrv-dramatic"] .topbar{
  height:80px!important;
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  display:flex!important;
  align-items:center!important;
  padding:0 27px 0 47px!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid #e3e7e8!important;
  box-shadow:none!important;
}
body[data-theme="wrv-dramatic"] .programme-pill{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  max-width:none!important;
  color:var(--fca-ink)!important;
  overflow:visible!important;
  white-space:normal!important;
  text-transform:uppercase!important;
}
body[data-theme="wrv-dramatic"] .programme-pill strong{
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.36em!important;
}
body[data-theme="wrv-dramatic"] .programme-pill span{
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:.25em!important;
}
body[data-theme="wrv-dramatic"] .user-chip{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  background:transparent!important;
  border:0!important;
  color:var(--fca-ink)!important;
  box-shadow:none!important;
  padding:0!important;
  pointer-events:auto!important;
}
body[data-theme="wrv-dramatic"] .progress-label{font-size:13px!important}
body[data-theme="wrv-dramatic"] .top-progress-ring{
  width:50px;height:50px;border-radius:50%;
  display:grid;place-items:center;
  margin:0 12px 0 2px;
  background:radial-gradient(circle at center,#fff 0 65%,transparent 66%),conic-gradient(var(--fca-teal) 0deg,#dce6e7 0deg);
}
body[data-theme="wrv-dramatic"] .top-progress-ring strong{
  font-size:11px;font-weight:500;color:#55666f
}
body[data-theme="wrv-dramatic"] .avatar{
  width:34px!important;height:34px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  background:#f4f5f4!important;
  color:#0a2031!important;
  font-size:22px!important;
}
body[data-theme="wrv-dramatic"] .user-name{font-size:14px!important;white-space:nowrap!important}
body[data-theme="wrv-dramatic"] .wrv-sync-chip{
  width:auto!important;height:auto!important;
  border-radius:999px!important;
  padding:5px 8px!important;
  background:#edf4f1!important;
  color:#3d6d61!important;
  font-size:9px!important;
  margin:0!important;
}
body[data-theme="wrv-dramatic"] .wrv-logout{
  border:0!important;background:#102f43!important;color:#fff!important;
  border-radius:999px!important;padding:6px 9px!important;font-size:10px!important;
}
body[data-theme="wrv-dramatic"] .menu-btn{
  display:block!important;
  width:48px!important;height:42px!important;
  margin-left:18px!important;
  padding-left:19px!important;
  border:0!important;border-left:1px solid #e7eaeb!important;
  background:transparent!important;
  color:#0a2031!important;
  font-size:26px!important;
}

/* ---------- shared page polish ---------- */
body[data-theme="wrv-dramatic"] .view{background:#f1f0ed}
body[data-theme="wrv-dramatic"] .card{
  border:1px solid #e0e4e4!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(11,32,47,.06)!important;
}
body[data-theme="wrv-dramatic"] .btn{
  border-radius:999px!important;
  padding:12px 19px!important;
}
body[data-theme="wrv-dramatic"] .btn-primary{
  background:linear-gradient(135deg,#0b5868,#0b7680)!important;
  color:#fff!important;
}
body[data-theme="wrv-dramatic"] .btn-gold{
  background:linear-gradient(135deg,#efd89a,#caa35c)!important;
  color:#163043!important;
}

/* Dashboard still feels like the same premium programme */
body[data-theme="wrv-dramatic"] #home .hero{
  min-height:360px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    linear-gradient(100deg,rgba(247,229,203,.96) 0%,rgba(233,215,191,.84) 39%,rgba(22,67,80,.78) 72%,rgba(6,27,42,.97) 100%),
    url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1800&q=78') center/cover!important;
  color:#0c2536!important;
}
body[data-theme="wrv-dramatic"] #home .hero-copy{padding:52px!important}
body[data-theme="wrv-dramatic"] #home .hero h1{color:#0b2232!important;font-size:58px!important}
body[data-theme="wrv-dramatic"] #home .hero p{color:#284555!important}
body[data-theme="wrv-dramatic"] #home .hero-visual{opacity:.28!important}
body[data-theme="wrv-dramatic"] #home .eyebrow{color:#315666!important}

/* ---------- Week 1–3 blueprint workspace ---------- */
body[data-theme="wrv-dramatic"] .week-view.view.active{
  width:100%!important;
  max-width:none!important;
  padding:0 28px 44px!important;
  background:#f1f0ed!important;
}
body[data-theme="wrv-dramatic"] .week-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:20px!important;
  margin:0!important;
}
body[data-theme="wrv-dramatic"] .week-main{
  display:flex!important;
  flex-direction:column!important;
  gap:20px!important;
  min-width:0!important;
}
body[data-theme="wrv-dramatic"] .week-main>.reflection-card-shell{order:-1!important}
body[data-theme="wrv-dramatic"] .week-main>.interactive-card{order:1!important}
body[data-theme="wrv-dramatic"] .week-main>.daily-habit-section{order:2!important}
body[data-theme="wrv-dramatic"] .week-main>.challenge{order:3!important}
body[data-theme="wrv-dramatic"] .week-main>.step-card:first-child{order:4!important}
body[data-theme="wrv-dramatic"] .week-side{
  order:5!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}

body[data-theme="wrv-dramatic"] .mockup-week-hero{
  height:322px!important;
  min-height:322px!important;
  margin:0 -28px!important;
  padding:38px 52px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  overflow:hidden!important;
  background-size:cover!important;
}
body[data-theme="wrv-dramatic"] .mockup-week-hero:before,
body[data-theme="wrv-dramatic"] .mockup-week-hero:after{display:none!important}
body[data-theme="wrv-dramatic"] .mockup-hero-copy{position:relative;z-index:2;max-width:760px}
body[data-theme="wrv-dramatic"] .mockup-week-kicker{
  display:flex!important;align-items:center!important;gap:28px!important;
  color:#0a2031!important;
  font-size:14px!important;font-weight:700!important;
  letter-spacing:.30em!important;
}
body[data-theme="wrv-dramatic"] .mockup-week-kicker span{
  display:block;width:104px;height:2px;background:var(--fca-gold)
}
body[data-theme="wrv-dramatic"] .mockup-week-hero h1{
  max-width:740px!important;
  margin:20px 0 13px!important;
  color:#071d2d!important;
  font-family:'Playfair Display',serif!important;
  font-size:64px!important;
  line-height:.94!important;
  letter-spacing:-.025em!important;
}
body[data-theme="wrv-dramatic"] .mockup-week-hero p{
  margin:0!important;
  color:#102b3c!important;
  font-size:20px!important;
  line-height:1.3!important;
}
body[data-theme="wrv-dramatic"] .mockup-hero-quote{
  position:relative!important;z-index:3!important;
  width:285px!important;
  margin:55px 52px 0 0!important;
  color:#fff!important;
  font-family:'Caveat',cursive!important;
  font-size:42px!important;
  font-style:normal!important;
  line-height:1.02!important;
  font-weight:500!important;
  text-shadow:0 3px 15px rgba(0,0,0,.50)!important;
  transform:rotate(-3deg)!important;
}
body[data-theme="wrv-dramatic"] .mockup-hero-quote:after{
  content:'';display:block;width:98px;height:4px;
  margin:10px 0 0 42px;
  background:#d3a54b;transform:rotate(-7deg);
  pointer-events:none;
}

body[data-theme="wrv-dramatic"] #week1[data-week-mood="becoming"] .mockup-week-hero{
  background-image:
    linear-gradient(90deg,rgba(249,226,193,.93) 0%,rgba(244,211,169,.66) 36%,rgba(42,55,53,.08) 60%,rgba(7,22,31,.60) 100%),
    url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=2200&q=88')!important;
  background-position:center 47%!important;
}
body[data-theme="wrv-dramatic"] #week2[data-week-mood="presence"] .mockup-week-hero{
  background-image:
    linear-gradient(90deg,rgba(217,230,226,.94) 0%,rgba(170,200,200,.62) 38%,rgba(28,67,75,.15) 62%,rgba(5,25,38,.72) 100%),
    url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=2200&q=88')!important;
  background-position:center 45%!important;
}
body[data-theme="wrv-dramatic"] #week3[data-week-mood="courage"] .mockup-week-hero{
  background-image:
    linear-gradient(90deg,rgba(236,216,190,.92) 0%,rgba(193,160,126,.56) 38%,rgba(63,53,46,.15) 61%,rgba(20,20,24,.73) 100%),
    url('https://images.unsplash.com/photo-1464278533981-50106e6176b1?auto=format&fit=crop&w=2200&q=88')!important;
  background-position:center 50%!important;
}

/* one natural two-column workspace: no negative-margin tricks */
body[data-theme="wrv-dramatic"] .reflection-card-shell{
  margin-top:20px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
  z-index:20!important;
}
body[data-theme="wrv-dramatic"] .reflection-card-shell>.eyebrow{display:none!important}

body[data-theme="wrv-dramatic"] .mockup-workspace{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 315px!important;
  gap:14px!important;
  align-items:start!important;
  width:100%!important;
}
body[data-theme="wrv-dramatic"] .mockup-workspace-main{min-width:0!important}

body[data-theme="wrv-dramatic"] .mockup-step-strip{
  height:72px!important;
  display:grid!important;
  grid-template-columns:1fr 1.18fr 1fr!important;
  border:1px solid #dce3e4!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 10px 28px rgba(12,34,49,.15)!important;
  position:relative!important;
  z-index:30!important;
}
body[data-theme="wrv-dramatic"] .mockup-step-strip button{
  min-width:0!important;
  border:0!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  padding:0 18px!important;
  color:#10283a!important;
  position:relative!important;
  pointer-events:auto!important;
}
body[data-theme="wrv-dramatic"] .mockup-step-strip button.active{
  color:#fff!important;
  background:linear-gradient(135deg,#23586b,#0a5260)!important;
  clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)!important;
  z-index:2!important;
}
body[data-theme="wrv-dramatic"] .mockup-step-strip .step-icon{
  width:38px;height:38px;flex:0 0 38px;
  border:2px solid currentColor;border-radius:50%;
  display:grid;place-items:center;
  font-size:15px;
}
body[data-theme="wrv-dramatic"] .mockup-step-strip strong{font-size:16px!important;white-space:nowrap}
body[data-theme="wrv-dramatic"] .mockup-step-strip small{
  display:block!important;
  margin-top:2px!important;
  font-size:12px!important;
  opacity:.82!important;
  white-space:nowrap!important;
  text-align:left!important;
}
body[data-theme="wrv-dramatic"] .mockup-step-strip button:not(.active) small{display:none!important}
body[data-theme="wrv-dramatic"] .mockup-step-strip i{
  color:#58afb3;font-style:normal;font-size:20px
}
body[data-theme="wrv-dramatic"] .mockup-step-strip b{
  margin-left:auto;font-size:30px;font-weight:400
}

body[data-theme="wrv-dramatic"] .mockup-reflection-body{
  display:grid!important;
  grid-template-columns:184px minmax(0,1fr)!important;
  margin-top:16px!important;
  min-width:0!important;
}
body[data-theme="wrv-dramatic"] .mockup-quote-rail{
  min-height:555px!important;
  padding:31px 28px!important;
  background:linear-gradient(180deg,#fffdf9,#f7f1e8)!important;
  border-radius:16px 0 0 16px!important;
  box-shadow:0 10px 26px rgba(13,31,43,.07)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
body[data-theme="wrv-dramatic"] .mockup-quote-rail>strong{
  font-family:'Playfair Display',serif!important;
  font-size:53px!important;line-height:.9!important;
  font-weight:500!important;color:#0d2334!important;
}
body[data-theme="wrv-dramatic"] .mockup-quote-rail>span{
  margin:8px 0 20px!important;
  font-size:17px!important;color:#92999d!important;
}
body[data-theme="wrv-dramatic"] .mockup-quote-rail>i{
  width:58px;height:2px;background:#bd9550;margin-bottom:25px
}
body[data-theme="wrv-dramatic"] .mockup-quote-rail blockquote{
  margin:0!important;
  font-family:'Playfair Display',serif!important;
  font-size:19px!important;
  line-height:1.48!important;
  font-style:italic!important;
  color:#172c3d!important;
}

body[data-theme="wrv-dramatic"] .mockup-reflection-center{
  min-height:555px!important;
  min-width:0!important;
  padding:25px 33px 22px!important;
  border:1px solid #e7e8e5!important;
  border-left:0!important;
  border-radius:0 16px 16px 0!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(13,31,43,.07)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  position:relative!important;
}
body[data-theme="wrv-dramatic"] .reflection-card-header{
  display:block!important;
  padding:0!important;margin:0!important;
  background:transparent!important;
  color:var(--fca-ink)!important;
  overflow:visible!important;
}
body[data-theme="wrv-dramatic"] .reflection-card-header:after{display:none!important}
body[data-theme="wrv-dramatic"] .reflection-card-header>div:first-child h2{
  margin:0!important;
  font-size:0!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
body[data-theme="wrv-dramatic"] .reflection-card-header>div:first-child h2:before{
  content:'♙';
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  background:#f1ddb1;color:#9e752d;
  font:21px 'DM Sans',sans-serif!important;
}
body[data-theme="wrv-dramatic"] .reflection-card-header>div:first-child h2:after{
  content:'REFLECTION QUESTION';
  color:#087487;
  font:700 11px 'DM Sans',sans-serif!important;
  letter-spacing:.28em;
}
body[data-theme="wrv-dramatic"] .reflection-card-header .tool-copy,
body[data-theme="wrv-dramatic"] .reflection-progress{display:none!important}

body[data-theme="wrv-dramatic"] .reflection-card-stage{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:0!important;
  position:relative!important;
}
body[data-theme="wrv-dramatic"] .reflection-card{
  padding:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body[data-theme="wrv-dramatic"] .reflection-card:before,
body[data-theme="wrv-dramatic"] .reflection-card:after{display:none!important}
body[data-theme="wrv-dramatic"] .reflection-card-number{display:none!important}
body[data-theme="wrv-dramatic"] .reflection-question{
  max-width:740px!important;
  margin:12px 0 9px!important;
  color:#0a2133!important;
  font-family:'Playfair Display',serif!important;
  font-size:31px!important;
  line-height:1.12!important;
  font-weight:600!important;
}
body[data-theme="wrv-dramatic"] .reflection-cue{
  margin:0 0 15px!important;
  padding:0!important;
  border:0!important;background:transparent!important;
  color:#3d505d!important;
  font-size:14px!important;line-height:1.48!important;
}
body[data-theme="wrv-dramatic"] .reflection-cue:before{display:none!important}
body[data-theme="wrv-dramatic"] .reflection-card textarea{
  width:100%!important;
  min-height:132px!important;max-height:132px!important;
  padding:14px 16px 27px!important;
  resize:none!important;
  border:1px solid #c9d5da!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#17313f!important;
  font-size:14px!important;
  line-height:1.5!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
body[data-theme="wrv-dramatic"] .reflection-card textarea:focus{
  outline:none!important;
  border-color:#699ca6!important;
  box-shadow:0 0 0 3px rgba(8,116,135,.08)!important;
}
body[data-theme="wrv-dramatic"] .reflection-char-count{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  margin:-24px 12px 8px 0!important;
  text-align:right!important;
  color:#8d999f!important;
  font-size:10px!important;
}
body[data-theme="wrv-dramatic"] .reflection-save-state{display:none!important}

body[data-theme="wrv-dramatic"] .week-mood-cue{
  margin:10px 0 0!important;
  padding:14px 18px 14px 61px!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,#e4f1ef,#eef7f5)!important;
  color:#263e4c!important;
  font-size:12px!important;
  line-height:1.45!important;
  position:relative!important;
  pointer-events:none!important;
}
body[data-theme="wrv-dramatic"] .week-mood-cue:before{
  content:'💡';position:absolute;left:18px;top:12px;font-size:24px
}
body[data-theme="wrv-dramatic"] .week-mood-cue strong{margin-right:4px;color:#102a3a!important}

body[data-theme="wrv-dramatic"] .reflection-nav-row{
  margin-top:auto!important;
  padding:17px 0 0!important;
  border-top:1px solid #eee9e2!important;
  display:grid!important;
  grid-template-columns:auto minmax(120px,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  position:relative!important;
  pointer-events:auto!important;
}
body[data-theme="wrv-dramatic"] .reflection-nav-row:before{display:none!important}
body[data-theme="wrv-dramatic"] .mockup-autosave{
  min-width:0!important;
  text-align:center!important;
  color:#78878e!important;
  font-size:11px!important;
  line-height:1.35!important;
  white-space:normal!important;
}
body[data-theme="wrv-dramatic"] .reflection-nav-btn{
  position:relative!important;z-index:2!important;
  border:1px solid #bac7cd!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#10283a!important;
  padding:11px 23px!important;
  font-size:13px!important;font-weight:600!important;
  box-shadow:0 4px 11px rgba(17,44,60,.06)!important;
  pointer-events:auto!important;
}
body[data-theme="wrv-dramatic"] .reflection-nav-btn.next{
  min-width:205px!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#07586a,#08798a)!important;
  color:#fff!important;
}
body[data-theme="wrv-dramatic"] .reflection-nav-btn:disabled{opacity:.42!important}
body[data-theme="wrv-dramatic"] .reflection-dots{display:none!important}

/* right column */
body[data-theme="wrv-dramatic"] .mockup-reflection-side{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  min-width:0!important;
}
body[data-theme="wrv-dramatic"] .mockup-mini-progress,
body[data-theme="wrv-dramatic"] .reflection-summary{
  border:1px solid #e5e4df!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(13,31,43,.07)!important;
}
body[data-theme="wrv-dramatic"] .mockup-mini-progress{
  min-height:138px!important;
  padding:25px 24px 20px!important;
}
body[data-theme="wrv-dramatic"] .mockup-mini-progress h3{
  margin:0 0 8px!important;
  color:#102537!important;
  font-family:'Playfair Display',serif!important;
  font-size:20px!important;
}
body[data-theme="wrv-dramatic"] .mockup-mini-progress p{
  margin:0 0 13px!important;
  color:#4f5f68!important;
  font-size:12px!important;
}
body[data-theme="wrv-dramatic"] .mockup-progress-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body[data-theme="wrv-dramatic"] .mockup-progress-track{
  display:block!important;
  flex:1!important;
  height:10px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#e5e9ea!important;
}
body[data-theme="wrv-dramatic"] .mockup-progress-track i{
  display:block!important;height:100%!important;width:0;
  border-radius:999px!important;
  background:linear-gradient(90deg,#087080,#0b5262)!important;
  transition:width .25s ease;
}
body[data-theme="wrv-dramatic"] .mockup-progress-row strong{
  font-size:13px!important;color:#163b48!important;
}

body[data-theme="wrv-dramatic"] .reflection-summary{
  flex:1 1 auto!important;
  min-height:403px!important;
  margin:0!important;
  padding:28px 26px 22px!important;
  position:relative!important;
  overflow:hidden!important;
}
body[data-theme="wrv-dramatic"] .reflection-summary:before{
  content:''!important;
  position:absolute!important;
  left:26px!important;right:20px!important;bottom:85px!important;
  height:108px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.08)),
    url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=700&q=70') center/cover!important;
  border-radius:50% 42% 48% 38%!important;
  opacity:.76!important;
  transform:rotate(-2deg)!important;
  pointer-events:none!important;
}
body[data-theme="wrv-dramatic"] .reflection-summary-head{
  display:block!important;margin:0!important;position:relative!important;z-index:2!important
}
body[data-theme="wrv-dramatic"] .reflection-summary-head:before{
  content:'❧';display:inline-block;margin-right:10px;
  color:#087487;font-size:33px;vertical-align:middle
}
body[data-theme="wrv-dramatic"] .reflection-summary-head strong{
  display:inline!important;
  color:#102537!important;
  font-family:'Playfair Display',serif!important;
  font-size:20px!important;
  vertical-align:middle!important;
}
body[data-theme="wrv-dramatic"] .reflection-summary-head strong:after{
  content:'\AKey themes from your reflections will appear here as you work through the questions.';
  white-space:pre-wrap;
  display:block;
  margin-top:17px;
  color:#53636b;
  font:400 12px/1.55 'DM Sans',sans-serif;
}
body[data-theme="wrv-dramatic"] .reflection-summary-head span{display:none!important}
body[data-theme="wrv-dramatic"] .reflection-summary-list{
  position:relative!important;z-index:2!important;
  margin-top:22px!important;
  padding-top:18px!important;
  border-top:1px solid #c9a257!important;
}
body[data-theme="wrv-dramatic"] .reflection-summary-item{
  border:0!important;background:transparent!important;
  padding:0!important;box-shadow:none!important;
  color:#284050!important;
  font-family:'Caveat',cursive!important;
  font-size:22px!important;line-height:1.18!important;
}
body[data-theme="wrv-dramatic"] .reflection-summary-item.empty{font-size:0!important}
body[data-theme="wrv-dramatic"] .reflection-summary-item.empty:after{
  content:'“Awareness is the first step to intentional change.”';
  display:block;
  color:#173548;
  font-family:'Caveat',cursive;
  font-size:27px;line-height:1.14;
  transform:rotate(-3deg);
}
body[data-theme="wrv-dramatic"] .reflection-summary:after{
  content:'REFLECT DEEPER.\A LEAD BOLDER.';
  white-space:pre;
  position:absolute;left:27px;bottom:24px;
  color:#435863;
  font:600 9px/1.65 'DM Sans',sans-serif;
  letter-spacing:.20em;
  pointer-events:none;
}

/* secondary week content */
body[data-theme="wrv-dramatic"] .interactive-card,
body[data-theme="wrv-dramatic"] .daily-habit-section,
body[data-theme="wrv-dramatic"] .challenge,
body[data-theme="wrv-dramatic"] .week-side .card{
  border-radius:18px!important;
}
body[data-theme="wrv-dramatic"] .interactive-card{margin-top:2px!important}

/* ---------- responsive ---------- */
@media(max-width:1180px){
 body[data-theme="wrv-dramatic"] .app-shell{grid-template-columns:235px minmax(0,1fr)!important}
 body[data-theme="wrv-dramatic"] .sidebar{width:235px!important}
 body[data-theme="wrv-dramatic"] .mockup-week-hero h1{font-size:52px!important}
 body[data-theme="wrv-dramatic"] .mockup-hero-quote{font-size:34px!important;width:220px!important;margin-right:18px!important}
 body[data-theme="wrv-dramatic"] .mockup-workspace{grid-template-columns:minmax(0,1fr) 275px!important}
 body[data-theme="wrv-dramatic"] .mockup-reflection-body{grid-template-columns:150px minmax(0,1fr)!important}
 body[data-theme="wrv-dramatic"] .reflection-question{font-size:28px!important}
}
@media(max-width:980px){
 body[data-theme="wrv-dramatic"] .mockup-workspace{grid-template-columns:1fr!important}
 body[data-theme="wrv-dramatic"] .mockup-reflection-side{
   display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:0!important
 }
 body[data-theme="wrv-dramatic"] .reflection-summary{min-height:340px!important}
 body[data-theme="wrv-dramatic"] .programme-pill span{display:none!important}
}
@media(max-width:780px){
 body[data-theme="wrv-dramatic"] .app-shell{display:block!important}
 body[data-theme="wrv-dramatic"] .sidebar{
   position:fixed!important;left:-292px!important;width:280px!important;transition:left .22s ease!important
 }
 body[data-theme="wrv-dramatic"] .sidebar.open{left:0!important}
 body[data-theme="wrv-dramatic"] .topbar{height:68px!important;padding:0 14px!important}
 body[data-theme="wrv-dramatic"] .programme-pill strong{font-size:10px!important;letter-spacing:.18em!important}
 body[data-theme="wrv-dramatic"] .progress-label,
 body[data-theme="wrv-dramatic"] .user-name{display:none!important}
 body[data-theme="wrv-dramatic"] .top-progress-ring{width:42px;height:42px;margin-right:0!important}
 body[data-theme="wrv-dramatic"] .wrv-sync-chip{display:none!important}
 body[data-theme="wrv-dramatic"] .menu-btn{margin-left:8px!important;padding-left:10px!important}

 body[data-theme="wrv-dramatic"] .week-view.view.active{padding:0 14px 30px!important}
 body[data-theme="wrv-dramatic"] .mockup-week-hero{
   height:auto!important;min-height:260px!important;
   margin:0 -14px!important;padding:30px 22px!important
 }
 body[data-theme="wrv-dramatic"] .mockup-week-hero h1{font-size:40px!important}
 body[data-theme="wrv-dramatic"] .mockup-hero-quote{display:none!important}
 body[data-theme="wrv-dramatic"] .reflection-card-shell{margin-top:14px!important}

 body[data-theme="wrv-dramatic"] .mockup-step-strip{
   height:auto!important;grid-template-columns:1fr!important;border-radius:14px!important
 }
 body[data-theme="wrv-dramatic"] .mockup-step-strip button{min-height:58px!important}
 body[data-theme="wrv-dramatic"] .mockup-step-strip button.active{clip-path:none!important}
 body[data-theme="wrv-dramatic"] .mockup-reflection-body{grid-template-columns:1fr!important}
 body[data-theme="wrv-dramatic"] .mockup-quote-rail{display:none!important}
 body[data-theme="wrv-dramatic"] .mockup-reflection-center{
   min-height:auto!important;border-left:1px solid #e7e8e5!important;border-radius:16px!important;padding:22px 18px!important
 }
 body[data-theme="wrv-dramatic"] .reflection-question{font-size:25px!important}
 body[data-theme="wrv-dramatic"] .reflection-card textarea{min-height:150px!important;max-height:none!important}
 body[data-theme="wrv-dramatic"] .reflection-nav-row:before{display:none!important}
 body[data-theme="wrv-dramatic"] .reflection-nav-btn.next{min-width:0!important}
 body[data-theme="wrv-dramatic"] .mockup-reflection-side{grid-template-columns:1fr!important}
 body[data-theme="wrv-dramatic"] .week-side{grid-template-columns:1fr!important}
}

/* final no-overlap safety */
body[data-theme="wrv-dramatic"] .mockup-workspace,
body[data-theme="wrv-dramatic"] .mockup-workspace-main,
body[data-theme="wrv-dramatic"] .mockup-reflection-body,
body[data-theme="wrv-dramatic"] .mockup-reflection-center,
body[data-theme="wrv-dramatic"] .mockup-reflection-side{position:relative!important;isolation:isolate!important}
body[data-theme="wrv-dramatic"] .mockup-reflection-center{overflow:visible!important}
body[data-theme="wrv-dramatic"] .reflection-summary-head,
body[data-theme="wrv-dramatic"] .reflection-summary-list{position:relative!important;z-index:2!important}
body[data-theme="wrv-dramatic"] .reflection-summary:before,
body[data-theme="wrv-dramatic"] .reflection-summary:after{z-index:0!important}
body[data-theme="wrv-dramatic"] .reflection-nav-btn{min-width:max-content!important}
@media(max-height:820px) and (min-width:781px){
  body[data-theme="wrv-dramatic"] .sidebar blockquote{display:none!important}
}
@media(max-width:980px){
  body[data-theme="wrv-dramatic"] .reflection-nav-row{
    grid-template-columns:auto 1fr auto!important;
  }
}
@media(max-width:620px){
  body[data-theme="wrv-dramatic"] .reflection-nav-row{
    grid-template-columns:1fr 1fr!important;
  }
  body[data-theme="wrv-dramatic"] .mockup-autosave{
    grid-column:1/-1!important;
    grid-row:1!important;
  }
  body[data-theme="wrv-dramatic"] .reflection-nav-btn.prev{grid-column:1!important}
  body[data-theme="wrv-dramatic"] .reflection-nav-btn.next{grid-column:2!important}
}


/* ---------- proportional executive video player ---------- */
body[data-theme="wrv-dramatic"] .week-main>.step-card:first-child{
  padding:26px 28px 30px!important;
}
body[data-theme="wrv-dramatic"] .week-main>.step-card:first-child>h2{
  max-width:980px!important;
  margin:7px auto 18px!important;
  text-align:left!important;
  font-family:'Playfair Display',serif!important;
  font-size:28px!important;
  line-height:1.2!important;
  color:#102638!important;
}
body[data-theme="wrv-dramatic"] .week-main>.step-card:first-child>.eyebrow{
  display:block!important;
  width:min(100%,960px)!important;
  margin:0 auto!important;
}

body[data-theme="wrv-dramatic"] .premium-video{
  width:min(100%,960px)!important;
  max-width:960px!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#07131d!important;
  border:1px solid rgba(10,42,61,.16)!important;
  box-shadow:0 18px 42px rgba(8,29,43,.14)!important;
  display:block!important;
  text-align:left!important;
  color:#fff!important;
}
body[data-theme="wrv-dramatic"] .premium-video:after{
  pointer-events:none!important;
  z-index:2!important;
}
body[data-theme="wrv-dramatic"] .course-video{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:16 / 9!important;
  object-fit:contain!important;
  background:#030a10!important;
  border:0!important;
  border-radius:0!important;
  position:relative!important;
  z-index:1!important;
}
body[data-theme="wrv-dramatic"] .video-caption{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:13px 17px 14px!important;
  background:linear-gradient(135deg,#0b2233,#0d3547)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  position:relative!important;
  z-index:3!important;
}
body[data-theme="wrv-dramatic"] .video-caption strong{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:600!important;
}
body[data-theme="wrv-dramatic"] .video-caption span{
  color:#b9cbd4!important;
  font-size:11px!important;
  white-space:nowrap!important;
}

/* Pending-video state keeps the same 16:9 footprint */
body[data-theme="wrv-dramatic"] .video-pending{
  width:100%!important;
  aspect-ratio:16 / 9!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:32px!important;
  text-align:center!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(35,110,126,.34),transparent 36%),
    linear-gradient(135deg,#071b2d,#0d3b4b)!important;
}
body[data-theme="wrv-dramatic"] .video-pending .play{
  width:64px!important;
  height:64px!important;
  margin:0 0 15px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.11)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  font-size:23px!important;
}
body[data-theme="wrv-dramatic"] .video-pending h3{
  margin:0 0 8px!important;
  color:#fff!important;
  font-family:'Playfair Display',serif!important;
  font-size:24px!important;
}
body[data-theme="wrv-dramatic"] .video-pending p{
  max-width:620px!important;
  margin:0!important;
  color:#cedbe1!important;
  font-size:13px!important;
  line-height:1.55!important;
}

@media(max-width:1180px){
  body[data-theme="wrv-dramatic"] .premium-video{
    width:min(100%,840px)!important;
  }
  body[data-theme="wrv-dramatic"] .week-main>.step-card:first-child>.eyebrow{
    width:min(100%,840px)!important;
  }
  body[data-theme="wrv-dramatic"] .week-main>.step-card:first-child>h2{
    max-width:840px!important;
  }
}
@media(max-width:780px){
  body[data-theme="wrv-dramatic"] .week-main>.step-card:first-child{
    padding:20px 16px 22px!important;
  }
  body[data-theme="wrv-dramatic"] .week-main>.step-card:first-child>h2{
    margin:7px 0 14px!important;
    font-size:23px!important;
  }
  body[data-theme="wrv-dramatic"] .premium-video{
    width:100%!important;
    border-radius:14px!important;
  }
  body[data-theme="wrv-dramatic"] .video-caption{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:4px!important;
    padding:11px 13px 12px!important;
  }
  body[data-theme="wrv-dramatic"] .video-caption span{
    white-space:normal!important;
  }
  body[data-theme="wrv-dramatic"] .video-pending{
    padding:22px 18px!important;
  }
  body[data-theme="wrv-dramatic"] .video-pending p{
    display:none!important;
  }
}


/* Week 4 credential gate */
.credential-entry{display:grid;gap:8px;max-width:360px;margin:22px auto;text-align:left}
.credential-entry span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#586d78}
.credential-entry input{width:100%;border:1px solid #cad6d9;border-radius:14px;padding:15px 16px;background:#fff;color:#10263b;font:700 22px/1 'DM Sans',sans-serif;letter-spacing:.22em;text-align:center;text-transform:uppercase;outline:none}
.credential-entry input:focus{border-color:#0b7180;box-shadow:0 0 0 4px rgba(11,113,128,.09)}


/* Weighted weekly assessments */
.weekly-test-card{margin-top:24px}
.weekly-test-card .tool-copy{max-width:760px}
.weekly-test-form{display:grid;gap:24px;margin-top:22px}
.weekly-test-section{display:grid;gap:18px}
.weekly-test-section h3{margin:0;color:#10263b;font-family:"Playfair Display",serif}
.weekly-question{border:1px solid #dce5e7;border-radius:16px;padding:18px;background:#fbfcfc}
.weekly-question legend{padding:0 6px;font-weight:700;color:#18313d}
.weekly-question label{display:flex;gap:10px;align-items:flex-start;margin-top:10px;cursor:pointer;color:#415761}
.weekly-question input{margin-top:4px}
.weekly-written{display:grid;gap:8px;font-weight:700;color:#18313d}
.weekly-written textarea{min-height:120px;border:1px solid #d4dfe1;border-radius:14px;padding:14px;font:inherit;resize:vertical;background:#fff}
.weekly-written textarea:focus{outline:none;border-color:#0b7180;box-shadow:0 0 0 4px rgba(11,113,128,.08)}
.weekly-test-result{display:flex;justify-content:space-between;gap:24px;align-items:center}
.weekly-score{min-width:180px;text-align:center;border-radius:16px;padding:18px;background:#f3f7f7}
.weekly-score strong{display:block;font-size:28px;color:#0b5966}
.weekly-score span{display:block;margin-top:5px;font-size:12px;color:#657983}
.assessment-weight-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.assessment-weight-summary>div{padding:16px;border:1px solid #dce5e7;border-radius:14px;background:#f8faf9;text-align:center}
.assessment-weight-summary strong{display:block;font-size:22px;color:#0b5966}
.assessment-weight-summary span{display:block;margin-top:5px;font-size:12px;color:#657983}
@media(max-width:720px){.weekly-test-result{align-items:stretch;flex-direction:column}.weekly-score{min-width:0}.assessment-weight-summary{grid-template-columns:1fr}}


/* Sidebar weekly test buttons */
body[data-theme="wrv-dramatic"] .nav-test-link{
  width:calc(100% - 34px)!important;
  margin:-2px 12px 7px 22px!important;
  padding:7px 11px!important;
  border:1px solid rgba(213,168,77,.34)!important;
  border-radius:9px!important;
  background:rgba(213,168,77,.08)!important;
  color:#e8c875!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font:700 9px/1.2 'DM Sans',sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  text-align:left!important;
}
body[data-theme="wrv-dramatic"] .nav-test-link span{
  color:#dce7ea!important;
  font-size:10px!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
body[data-theme="wrv-dramatic"] .nav-test-link:hover,
body[data-theme="wrv-dramatic"] .nav-test-link.active{
  background:rgba(213,168,77,.18)!important;
  border-color:#d5a84d!important;
}
body[data-theme="wrv-dramatic"] .nav-test-link.completed{
  background:rgba(84,168,135,.14)!important;
  border-color:rgba(109,199,162,.45)!important;
  color:#92d9bb!important;
}
body[data-theme="wrv-dramatic"] .nav-test-link.locked,
body[data-theme="wrv-dramatic"] .nav-test-link:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
}
body[data-theme="wrv-dramatic"] .weekly-test-view.view.active{
  padding:32px 46px 54px!important;
}
body[data-theme="wrv-dramatic"] .weekly-test-view .weekly-test-card{
  max-width:980px!important;
  margin:24px auto 0!important;
}
body[data-theme="wrv-dramatic"] .weekly-test-next{
  max-width:980px!important;
  margin:18px auto 0!important;
  display:flex!important;
  justify-content:flex-end!important;
}
@media(max-width:780px){
  body[data-theme="wrv-dramatic"] .weekly-test-view.view.active{padding:20px 14px 36px!important}
  body[data-theme="wrv-dramatic"] .nav-test-link{width:calc(100% - 34px)!important}
}


/* Foundations Counselling Academy logo */
body[data-theme="wrv-dramatic"] .sidebar .fca-brand{
  min-height:156px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px 16px 16px!important;
}
body[data-theme="wrv-dramatic"] .fca-sidebar-logo{
  display:block!important;
  width:205px!important;
  max-width:100%!important;
  height:auto!important;
  padding:7px!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}
@media(max-width:1180px){
  body[data-theme="wrv-dramatic"] .fca-sidebar-logo{width:180px!important}
}


/* Weeks 1–3 premium learning depth */
body[data-theme="wrv-dramatic"] .week-outcomes,
body[data-theme="wrv-dramatic"] .leadership-brief,
body[data-theme="wrv-dramatic"] .executive-output{
  margin-top:24px!important;
}
body[data-theme="wrv-dramatic"] .outcome-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:18px!important;
}
body[data-theme="wrv-dramatic"] .outcome-item{
  display:flex!important;
  gap:12px!important;
  align-items:flex-start!important;
  padding:15px 16px!important;
  border:1px solid #dce5e7!important;
  border-radius:14px!important;
  background:#f8faf9!important;
}
body[data-theme="wrv-dramatic"] .outcome-item>span{
  flex:0 0 auto!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  color:#a47c29!important;
}
body[data-theme="wrv-dramatic"] .outcome-item p{
  margin:0!important;
  color:#314954!important;
  font-size:13px!important;
  line-height:1.55!important;
}
body[data-theme="wrv-dramatic"] .leadership-brief-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:20px!important;
}
body[data-theme="wrv-dramatic"] .brief-card{
  position:relative!important;
  padding:19px!important;
  border-radius:16px!important;
  border:1px solid #dbe5e7!important;
  background:linear-gradient(180deg,#fbfcfc,#f3f7f7)!important;
}
body[data-theme="wrv-dramatic"] .brief-card:last-child{
  grid-column:1/-1!important;
}
body[data-theme="wrv-dramatic"] .brief-card>span{
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  color:#b08a3a!important;
}
body[data-theme="wrv-dramatic"] .brief-card h3{
  margin:7px 0 8px!important;
  color:#10263b!important;
  font-family:'Playfair Display',serif!important;
  font-size:20px!important;
}
body[data-theme="wrv-dramatic"] .brief-card p{
  margin:0!important;
  color:#50636d!important;
  font-size:13px!important;
  line-height:1.62!important;
}
body[data-theme="wrv-dramatic"] .executive-output{
  border:1px solid rgba(176,138,58,.34)!important;
  background:linear-gradient(145deg,#fffdf8,#f8f6ef)!important;
}
body[data-theme="wrv-dramatic"] .executive-output-grid{
  display:grid!important;
  gap:14px!important;
  margin-top:20px!important;
}
body[data-theme="wrv-dramatic"] .executive-output-grid label{
  display:grid!important;
  gap:6px!important;
}
body[data-theme="wrv-dramatic"] .executive-output-grid label>span{
  color:#17313c!important;
  font-weight:800!important;
  font-size:13px!important;
}
body[data-theme="wrv-dramatic"] .executive-output-grid label>small{
  color:#74858d!important;
  font-size:11px!important;
  line-height:1.45!important;
}
body[data-theme="wrv-dramatic"] .executive-output-grid textarea{
  min-height:100px!important;
  resize:vertical!important;
  border:1px solid #d2dcde!important;
  border-radius:13px!important;
  padding:13px 14px!important;
  background:#fff!important;
  color:#18313d!important;
  font:inherit!important;
}
body[data-theme="wrv-dramatic"] .executive-output-grid textarea:focus{
  outline:none!important;
  border-color:#0b7180!important;
  box-shadow:0 0 0 4px rgba(11,113,128,.08)!important;
}
body[data-theme="wrv-dramatic"] .identity-statement-note{
  margin-top:16px!important;
  padding:14px 16px!important;
  border-radius:13px!important;
  background:#0b5966!important;
  color:#fff!important;
}
body[data-theme="wrv-dramatic"] .identity-statement-note strong{
  display:block!important;
  margin-bottom:3px!important;
  color:#f2d68e!important;
}
body[data-theme="wrv-dramatic"] .identity-statement-note p{
  margin:0!important;
  color:#e4eef0!important;
  font-size:12px!important;
  line-height:1.55!important;
}
@media(max-width:760px){
  body[data-theme="wrv-dramatic"] .outcome-grid,
  body[data-theme="wrv-dramatic"] .leadership-brief-grid{
    grid-template-columns:1fr!important;
  }
  body[data-theme="wrv-dramatic"] .brief-card:last-child{grid-column:auto!important}
}