/* ===================================================
   ConfluenceConnects — Project Template Stylesheet
   Scoped under .confluence-wrap to avoid theme conflicts
   =================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  --navy:#1A4F72;
  --green:#5BAD48;
  --sand:#E8DFC8;
  --sand-dark:#C8BA9A;
  --sand-bg:#F7F4EE;
  --warm-white:#FDFBF7;
  --text:#2A2A22;
  --text-mid:#555;
  --text-light:#888;
}

.confluence-wrap * { box-sizing:border-box; }
.confluence-wrap { font-family:'DM Sans',sans-serif; color:var(--text); }

/* ============ PROJECT HEADER ============ */
.confluence-wrap .project-header { background:var(--navy); padding:48px 52px 0; }
.confluence-wrap .breadcrumb { font-size:13px; color:rgba(255,255,255,.55); margin-bottom:18px; }
.confluence-wrap .breadcrumb a { color:rgba(255,255,255,.55); text-decoration:none; }
.confluence-wrap .breadcrumb span { color:rgba(255,255,255,.3); margin:0 8px; }
.confluence-wrap .project-header-inner { display:grid; grid-template-columns:auto 1fr auto; gap:28px; align-items:start; padding-bottom:32px; border-bottom:1px solid rgba(255,255,255,.1); }
.confluence-wrap .project-logo { width:80px; height:80px; object-fit:cover; flex-shrink:0; }
.confluence-wrap .project-logo-placeholder { width:80px; height:80px; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; font-size:11px; color:rgba(255,255,255,.4); text-align:center; line-height:1.3; flex-shrink:0; }
.confluence-wrap .project-sector { font-size:10px; font-weight:500; letter-spacing:1.5px; text-transform:uppercase; color:var(--green); margin-bottom:8px; }
.confluence-wrap .project-title { font-family:'Playfair Display',serif; font-size:30px; font-weight:700; color:#fff; line-height:1.15; margin-bottom:10px; }
.confluence-wrap .project-description { font-size:15px; font-weight:300; color:rgba(255,255,255,.8); line-height:1.8; max-width:660px; }
.confluence-wrap .project-status-block { text-align:right; }
.confluence-wrap .project-status { display:flex; align-items:center; gap:7px; justify-content:flex-end; margin-bottom:8px; }
.confluence-wrap .status-dot { width:8px; height:8px; border-radius:50%; background:var(--green); animation:pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.45} }
.confluence-wrap .status-text { font-size:13px; font-weight:500; color:var(--green); }
.confluence-wrap .project-status-complete { display:flex; align-items:center; gap:7px; justify-content:flex-end; margin-bottom:8px; }
.confluence-wrap .status-dot-complete { width:8px; height:8px; border-radius:50%; background:var(--sand); flex-shrink:0; }
.confluence-wrap .status-text-complete { font-size:13px; font-weight:500; color:var(--sand); }
.confluence-wrap .external-link { font-size:13px; color:rgba(255,255,255,.65); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.25); padding-bottom:1px; }

/* ============ TABS ============ */
.confluence-wrap .project-tabs { padding:0; display:flex; margin-top:4px; }
.confluence-wrap .tab { padding:16px 24px; font-size:13px; font-weight:400; color:rgba(255,255,255,.55); cursor:pointer; border-bottom:3px solid transparent; text-decoration:none; display:inline-block; }
.confluence-wrap .tab.active { color:#fff; font-weight:500; border-bottom-color:var(--green); }
.confluence-wrap .tab:hover { color:rgba(255,255,255,.85); text-decoration:none; }

/* ============ TAB PANELS ============ */
.confluence-wrap .tab-panel { background:var(--sand-bg); }

/* ============ LAUNCH NOTICE ============ */
.confluence-wrap .launch-notice { background:var(--sand-bg); border-bottom:3px solid var(--sand); padding:32px 52px; }
.confluence-wrap .launch-notice-inner { display:grid; grid-template-columns:1fr 320px; gap:40px; align-items:start; }
.confluence-wrap .launch-eyebrow { font-size:11px; font-weight:500; letter-spacing:2px; text-transform:uppercase; color:var(--green); margin-bottom:8px; }
.confluence-wrap .launch-h3 { font-family:'Playfair Display',serif; font-size:20px; font-weight:700; color:var(--text); margin-bottom:10px; line-height:1.3; }
.confluence-wrap .launch-body { font-size:14px; font-weight:300; color:var(--text-mid); line-height:1.75; }
.confluence-wrap .launch-signup { display:flex; flex-direction:column; gap:10px; }
.confluence-wrap .launch-email { background:#fff; border:1px solid var(--sand-dark); padding:11px 14px; font-size:14px; font-family:'DM Sans',sans-serif; color:var(--text); width:100%; outline:none; }
.confluence-wrap .launch-btn { background:var(--green); color:#fff; font-size:13px; font-weight:500; padding:12px 20px; border:none; cursor:pointer; width:100%; }
.confluence-wrap .launch-signup-note { font-size:11px; color:var(--text-light); line-height:1.5; }

/* ============ ABOUT SECTION ============ */
.confluence-wrap .about-section { padding:52px; display:grid; grid-template-columns:1fr 280px; gap:48px; align-items:start; background:var(--sand-bg); }
.confluence-wrap .section-eyebrow { font-size:11px; font-weight:500; letter-spacing:2px; text-transform:uppercase; color:var(--green); margin-bottom:8px; }
.confluence-wrap .section-h2 { font-family:'Playfair Display',serif; font-size:26px; font-weight:700; color:var(--text); margin-bottom:16px; line-height:1.2; }
.confluence-wrap .section-body { font-size:15px; font-weight:300; color:var(--text-mid); line-height:1.8; margin-bottom:16px; }
.confluence-wrap .section-body p { margin-bottom:14px; }

/* Coalition at a Glance */
.confluence-wrap .coalition-context { background:var(--warm-white); border:1px solid var(--sand); padding:28px; margin-top:28px; }
.confluence-wrap .coalition-context-title { font-size:13px; font-weight:500; color:var(--navy); margin-bottom:16px; padding-bottom:10px; border-bottom:2px solid var(--sand); }
.confluence-wrap .context-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.confluence-wrap .context-item-label { font-size:10px; font-weight:500; letter-spacing:1px; text-transform:uppercase; color:var(--text-light); margin-bottom:4px; }
.confluence-wrap .context-item-value { font-size:14px; color:var(--text); line-height:1.55; }

/* Milestones */
.confluence-wrap .what-to-expect { background:var(--warm-white); border:1px solid var(--sand); padding:28px; margin-top:20px; }
.confluence-wrap .wte-title { font-size:13px; font-weight:500; color:var(--navy); margin-bottom:16px; padding-bottom:10px; border-bottom:2px solid var(--sand); }
.confluence-wrap .wte-step { display:grid; grid-template-columns:130px 1fr; gap:16px; padding:14px 0; border-bottom:1px solid var(--sand); }
.confluence-wrap .wte-step:last-child { border-bottom:none; }
.confluence-wrap .wte-step-future .wte-date { color:var(--text-light); }
.confluence-wrap .wte-step-future .wte-step-title { color:var(--text-mid); }
.confluence-wrap .wte-date { font-size:10px; font-weight:500; letter-spacing:.5px; text-transform:uppercase; color:var(--navy); padding-top:2px; line-height:1.4; }
.confluence-wrap .wte-step-title { font-size:13px; font-weight:500; color:var(--text); margin-bottom:4px; }
.confluence-wrap .wte-step-desc { font-size:12px; font-weight:300; color:var(--text-light); line-height:1.6; }

/* ============ SIDEBAR ============ */
.confluence-wrap .about-sidebar {}
.confluence-wrap .sidebar-card { background:var(--warm-white); border:1px solid var(--sand); padding:20px; margin-bottom:16px; }
.confluence-wrap .sidebar-title { font-size:13px; font-weight:500; color:var(--navy); margin-bottom:12px; padding-bottom:8px; border-bottom:2px solid var(--sand); }
.confluence-wrap .sidebar-event { padding:10px 0; border-bottom:1px solid var(--sand); }
.confluence-wrap .sidebar-event:last-child { border-bottom:none; }
.confluence-wrap .sidebar-event-date { font-size:10px; font-weight:500; letter-spacing:1.5px; text-transform:uppercase; color:var(--green); margin-bottom:3px; }
.confluence-wrap .sidebar-event-name { font-size:13px; font-weight:500; color:var(--text); margin-bottom:2px; }
.confluence-wrap .sidebar-event-time { font-size:12px; color:var(--text-light); }
.confluence-wrap .partner-logo { padding:10px 0; border-bottom:1px solid var(--sand); }
.confluence-wrap .partner-logo:last-child { border-bottom:none; }
.confluence-wrap .partner-name { font-size:13px; font-weight:500; color:var(--text); }
.confluence-wrap .partner-role { font-size:11px; color:var(--text-light); margin-top:2px; }
.confluence-wrap .doc-link { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--navy); text-decoration:none; padding:8px 0; border-bottom:1px solid var(--sand); }
.confluence-wrap .doc-link:last-child { border-bottom:none; }

/* ============ INPUT OPPORTUNITIES TAB ============ */
.confluence-wrap .input-opportunities-section { padding:52px; background:var(--sand-bg); }
.confluence-wrap .input-description { font-size:15px; font-weight:300; color:var(--text-mid); line-height:1.8; margin-bottom:28px; }
.confluence-wrap .holding-state-card { background:var(--warm-white); border:1px solid var(--sand); padding:40px; }
.confluence-wrap .holding-eyebrow { font-size:11px; font-weight:500; letter-spacing:2px; text-transform:uppercase; color:var(--green); margin-bottom:10px; }
.confluence-wrap .holding-state-card h3 { font-family:'Playfair Display',serif; font-size:22px; font-weight:700; color:var(--text); margin-bottom:10px; }
.confluence-wrap .holding-state-card p { font-size:14px; font-weight:300; color:var(--text-mid); line-height:1.7; margin-bottom:20px; }
.confluence-wrap .notify-form { display:flex; gap:10px; max-width:420px; }
.confluence-wrap .notify-form input { flex:1; background:var(--sand-bg); border:1px solid var(--sand-dark); padding:10px 14px; font-family:'DM Sans',sans-serif; font-size:14px; color:var(--text); outline:none; }
.confluence-wrap .notify-form button { background:var(--green); color:#fff; font-size:13px; font-weight:500; padding:11px 20px; border:none; cursor:pointer; white-space:nowrap; }
.confluence-wrap .input-topic-card { background:var(--warm-white); border:1px solid var(--sand); padding:28px; margin-bottom:20px; }
.confluence-wrap .topic-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.confluence-wrap .topic-number { font-size:11px; font-weight:500; letter-spacing:1px; text-transform:uppercase; color:var(--text-light); }
.confluence-wrap .topic-status-pill { font-size:11px; font-weight:500; padding:4px 10px; }
.confluence-wrap .topic-status-pill.open { background:#EAF6E5; color:#3D8A2E; border:1px solid #B8E0A8; }
.confluence-wrap .topic-status-pill.coming-soon { background:var(--sand-bg); color:var(--text-mid); border:1px solid var(--sand); }
.confluence-wrap .topic-name { font-family:'Playfair Display',serif; font-size:20px; font-weight:700; color:var(--text); margin-bottom:8px; }
.confluence-wrap .topic-desc { font-size:14px; font-weight:300; color:var(--text-mid); line-height:1.7; margin-bottom:20px; }
.confluence-wrap .coming-soon-note { font-size:13px; color:var(--text-light); font-style:italic; }

/* ============ VOICES / INPUT TO DATE ============ */
.confluence-wrap .input-to-date-section { background:var(--sand-bg); }
.confluence-wrap .featured-voices { background:var(--warm-white); border-bottom:3px solid var(--sand); padding:52px; }
.confluence-wrap .approved-submissions { padding:52px; }
.confluence-wrap .survey-results { padding:52px; }
.confluence-wrap .featured-voices h3,
.confluence-wrap .approved-submissions h3,
.confluence-wrap .survey-results h3 { font-family:'Playfair Display',serif; font-size:24px; font-weight:700; color:var(--text); margin-bottom:24px; }
.confluence-wrap .topic-group-heading { font-size:15px; font-weight:500; color:var(--navy); margin:28px 0 16px; padding-bottom:8px; border-bottom:2px solid var(--sand); }
.confluence-wrap .voices-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.confluence-wrap .voice-card-written { background:var(--sand-bg); border:1px solid var(--sand); padding:28px; display:flex; flex-direction:column; }
.confluence-wrap .voice-type-tag { font-size:10px; font-weight:500; letter-spacing:1.2px; text-transform:uppercase; color:var(--green); margin-bottom:14px; display:flex; align-items:center; gap:6px; }
.confluence-wrap .voice-type-tag::before { content:''; width:14px; height:2px; background:var(--green); flex-shrink:0; }
.confluence-wrap .voice-quote { font-family:'Playfair Display',serif; font-size:17px; color:var(--text); line-height:1.65; font-style:italic; flex:1; margin-bottom:16px; }
.confluence-wrap .voice-attr { font-size:13px; color:var(--text-light); margin-top:auto; }
.confluence-wrap .voice-card-audio { background:var(--navy); padding:22px; display:flex; flex-direction:column; }
.confluence-wrap .voice-card-video { background:#1A1A18; padding:22px; display:flex; flex-direction:column; }

/* ============ MEETING MATERIALS ============ */
.confluence-wrap .meeting-materials-section { padding:52px; background:var(--sand-bg); }
.confluence-wrap .meetings-list {}
.confluence-wrap .meeting-row { background:var(--warm-white); border:1px solid var(--sand); padding:22px 24px; margin-bottom:14px; display:grid; grid-template-columns:130px 1fr auto; gap:20px; align-items:center; }
.confluence-wrap .meeting-date { font-size:13px; font-weight:500; color:var(--navy); }
.confluence-wrap .meeting-title { font-size:14px; font-weight:500; color:var(--text); margin-bottom:4px; }
.confluence-wrap .meeting-type-tag { font-size:11px; color:var(--text-light); }
.confluence-wrap .meeting-files { display:flex; gap:14px; flex-wrap:wrap; }
.confluence-wrap .file-link { font-size:13px; color:var(--navy); text-decoration:none; border-bottom:1px solid var(--navy); padding-bottom:1px; }
.confluence-wrap .meeting-video a { font-size:13px; color:var(--green); text-decoration:none; }

/* ============ COMPLETED PROJECT (ESTF) ============ */
.confluence-wrap .completed-banner { background:var(--sand-bg); border-bottom:3px solid var(--sand); padding:18px 52px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.confluence-wrap .completed-banner-text { font-size:14px; font-weight:300; color:var(--text-mid); line-height:1.6; }
.confluence-wrap .completed-banner-text strong { color:var(--navy); font-weight:500; }
.confluence-wrap .report-download { display:flex; align-items:center; gap:10px; background:var(--navy); color:#fff; font-size:13px; font-weight:500; padding:10px 20px; text-decoration:none; flex-shrink:0; }
.confluence-wrap .stat-band { background:var(--navy); padding:40px 52px; display:grid; grid-template-columns:repeat(4,1fr); gap:0; }
.confluence-wrap .stat-cell { padding:0 32px; border-right:1px solid rgba(255,255,255,.1); }
.confluence-wrap .stat-cell:first-child { padding-left:0; }
.confluence-wrap .stat-cell:last-child { border-right:none; }
.confluence-wrap .stat-num { font-family:'Playfair Display',serif; font-size:42px; font-weight:700; color:var(--green); line-height:1; margin-bottom:8px; }
.confluence-wrap .stat-label { font-size:14px; font-weight:300; color:rgba(255,255,255,.82); line-height:1.55; }
.confluence-wrap .result-block { background:var(--warm-white); border:1px solid var(--sand); margin-bottom:20px; }
.confluence-wrap .result-block-header { padding:18px 24px 16px; border-bottom:3px solid var(--green); display:flex; justify-content:space-between; align-items:flex-start; }
.confluence-wrap .result-block-title { font-size:15px; font-weight:500; color:var(--text); }
.confluence-wrap .result-block-body { padding:20px 24px; }
.confluence-wrap .bar-row { display:grid; grid-template-columns:200px 1fr auto; gap:12px; align-items:center; margin-bottom:10px; }
.confluence-wrap .bar-label { font-size:13px; color:var(--text); }
.confluence-wrap .bar-track { background:#EEE8DF; height:22px; position:relative; }
.confluence-wrap .bar-fill { height:100%; display:flex; align-items:center; padding-left:8px; }
.confluence-wrap .bar-fill-navy { background:var(--navy); }
.confluence-wrap .bar-fill-green { background:var(--green); }
.confluence-wrap .bar-pct { font-size:13px; font-weight:500; color:var(--navy); }
.confluence-wrap .member-item { font-size:13px; color:var(--text-mid); padding:5px 0; border-bottom:1px solid var(--sand); line-height:1.4; }
.confluence-wrap .member-item:last-child { border-bottom:none; }
.confluence-wrap .member-role { font-size:11px; color:var(--text-light); }

/* ============ RESPONSIVE ============ */
@media (max-width:900px) {
  .confluence-wrap .project-header,
  .confluence-wrap .about-section,
  .confluence-wrap .launch-notice,
  .confluence-wrap .input-opportunities-section,
  .confluence-wrap .featured-voices,
  .confluence-wrap .approved-submissions,
  .confluence-wrap .meeting-materials-section,
  .confluence-wrap .survey-results { padding-left:24px; padding-right:24px; }
  .confluence-wrap .project-header-inner { grid-template-columns:1fr; }
  .confluence-wrap .launch-notice-inner { grid-template-columns:1fr; }
  .confluence-wrap .about-section { grid-template-columns:1fr; }
  .confluence-wrap .voices-grid { grid-template-columns:1fr; }
  .confluence-wrap .stat-band { grid-template-columns:1fr 1fr; }
  .confluence-wrap .meeting-row { grid-template-columns:1fr; }
  .confluence-wrap .context-grid { grid-template-columns:1fr; }
  .confluence-wrap .wte-step { grid-template-columns:1fr; }
}

/* ============ SYSTEM OVERVIEW — Issue Areas Grid ============ */
.confluence-wrap .system-overview { background:var(--sand-bg); border-top:3px solid var(--sand); padding:52px; }
.confluence-wrap .system-overview-inner { max-width:100%; }
.confluence-wrap .overview-h3 { font-family:'Playfair Display',serif; font-size:26px; font-weight:700; color:var(--text); margin-bottom:10px; line-height:1.2; }
.confluence-wrap .overview-body { font-size:14px; font-weight:300; color:var(--text-mid); line-height:1.75; margin-bottom:32px; max-width:760px; }
.confluence-wrap .issue-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.confluence-wrap .issue-card { background:var(--warm-white); border:1px solid var(--sand); padding:28px; display:flex; flex-direction:column; gap:8px; }
.confluence-wrap .issue-number { font-family:'Playfair Display',serif; font-size:28px; font-weight:700; color:var(--sand-dark); line-height:1; margin-bottom:4px; }
.confluence-wrap .issue-title { font-size:15px; font-weight:500; color:var(--navy); line-height:1.35; margin-bottom:4px; }
.confluence-wrap .issue-desc { font-size:13px; font-weight:300; color:var(--text-mid); line-height:1.65; flex:1; }
.confluence-wrap .issue-status { font-size:12px; font-weight:500; padding:5px 10px; display:inline-block; margin-top:8px; width:fit-content; }
.confluence-wrap .issue-status-open { background:#EAF6E5; color:#3D8A2E; border:1px solid #B8E0A8; }
.confluence-wrap .issue-status-review { background:var(--sand-bg); color:var(--text-mid); border:1px solid var(--sand-dark); }

@media (max-width:900px) {
  .confluence-wrap .system-overview { padding:32px 24px; }
  .confluence-wrap .issue-grid { grid-template-columns:1fr; }
}

/* ============ VOICES BAND (ESTF) ============ */
.confluence-wrap .voices-band { background:var(--warm-white); border-bottom:3px solid var(--sand); padding:52px; }
.confluence-wrap .voices-band-header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:32px; }
.confluence-wrap .voices-eyebrow { font-size:11px; font-weight:500; letter-spacing:2px; text-transform:uppercase; color:var(--green); margin-bottom:8px; }
.confluence-wrap .voices-h2 { font-family:'Playfair Display',serif; font-size:28px; font-weight:700; color:var(--text); line-height:1.2; }
.confluence-wrap .voices-h2 em { color:var(--navy); font-style:normal; }
.confluence-wrap .voices-count-group { display:flex; gap:32px; flex-shrink:0; }
.confluence-wrap .voice-count { text-align:right; }
.confluence-wrap .voice-count-num { font-family:'Playfair Display',serif; font-size:34px; font-weight:700; color:var(--navy); line-height:1; }
.confluence-wrap .voice-count-label { font-size:12px; color:var(--text-light); margin-top:3px; }

/* Audio card */
.confluence-wrap .voice-card-audio { background:var(--navy); padding:22px; display:flex; flex-direction:column; min-height:200px; }
.confluence-wrap .audio-waveform { display:flex; align-items:center; gap:3px; height:40px; margin-bottom:14px; }
.confluence-wrap .audio-bar { background:rgba(255,255,255,.22); border-radius:2px; width:4px; flex-shrink:0; }
.confluence-wrap .audio-play-row { display:flex; align-items:flex-start; gap:10px; margin-bottom:12px; }
.confluence-wrap .audio-play-btn { width:36px; height:36px; background:var(--green); border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; }
.confluence-wrap .audio-title { font-size:13px; color:rgba(255,255,255,.9); line-height:1.55; font-style:italic; }
.confluence-wrap .audio-attr { font-size:12px; color:rgba(255,255,255,.45); margin-top:auto; padding-top:10px; }

/* Video card */
.confluence-wrap .voice-card-video { background:#1A1A18; display:flex; flex-direction:column; overflow:hidden; }
.confluence-wrap .video-thumb-area { flex:1; background:linear-gradient(160deg,#1e2d38 0%,#0d1a1f 100%); display:flex; align-items:center; justify-content:center; min-height:140px; position:relative; cursor:pointer; padding:20px; }
.confluence-wrap .video-type-tag { position:absolute; top:12px; left:14px; font-size:10px; font-weight:500; letter-spacing:1.2px; text-transform:uppercase; color:var(--green); display:flex; align-items:center; gap:5px; }
.confluence-wrap .video-type-tag::before { content:''; width:10px; height:2px; background:var(--green); }
.confluence-wrap .video-play-circle { width:48px; height:48px; background:rgba(255,255,255,.15); border:2px solid rgba(255,255,255,.3); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.confluence-wrap .video-meta { padding:16px 18px; }
.confluence-wrap .video-title { font-size:13px; color:#fff; line-height:1.45; margin-bottom:4px; }
.confluence-wrap .video-attr { font-size:12px; color:rgba(255,255,255,.45); }

/* Small voice cards */
.confluence-wrap .voices-grid-2 { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:16px; }
.confluence-wrap .voice-card-sm { background:var(--sand-bg); border:1px solid var(--sand); padding:22px; }
.confluence-wrap .voice-sm-quote { font-family:'Playfair Display',serif; font-size:14px; color:var(--text); line-height:1.6; font-style:italic; margin:10px 0; }
.confluence-wrap .voice-sm-attr { font-size:12px; color:var(--text-light); }
.confluence-wrap .voices-view-all { text-align:center; padding:24px 0 4px; }
.confluence-wrap .voices-view-all a { font-size:14px; font-weight:500; color:var(--navy); border-bottom:1px solid var(--navy); text-decoration:none; padding-bottom:2px; }

/* Bridge / Context band */
.confluence-wrap .context-band { background:var(--green); padding:28px 52px; display:flex; justify-content:space-between; align-items:center; gap:32px; }
.confluence-wrap .context-band-text { font-family:'Playfair Display',serif; font-size:18px; color:#fff; line-height:1.45; }
.confluence-wrap .context-band-text em { font-style:italic; }
.confluence-wrap .context-band-sub { font-size:13px; color:rgba(255,255,255,.8); font-family:'DM Sans',sans-serif; font-weight:300; margin-top:5px; }
.confluence-wrap .bridge-cta-btn { background:rgba(255,255,255,.15); color:#fff; font-size:13px; font-weight:500; padding:11px 22px; text-decoration:none; border:1px solid rgba(255,255,255,.3); white-space:nowrap; flex-shrink:0; }

/* Survey results layout */
.confluence-wrap .survey-results { display:grid; grid-template-columns:1fr 300px; gap:40px; padding:52px; background:var(--sand-bg); align-items:start; }
.confluence-wrap .results-main {}
.confluence-wrap .results-eyebrow { font-size:11px; font-weight:500; letter-spacing:2px; text-transform:uppercase; color:var(--green); margin-bottom:8px; }
.confluence-wrap .results-h2 { font-family:'Playfair Display',serif; font-size:26px; font-weight:700; color:var(--text); margin-bottom:10px; }
.confluence-wrap .results-lead { font-size:14px; font-weight:300; color:var(--text-mid); line-height:1.8; margin-bottom:28px; }
.confluence-wrap .results-sidebar {}

/* Facilitator box */
.confluence-wrap .facilitator-box { background:var(--navy); padding:20px; margin-top:16px; }
.confluence-wrap .facilitator-eyebrow { font-size:11px; font-weight:500; letter-spacing:1.2px; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:7px; }
.confluence-wrap .facilitator-name { font-family:'Playfair Display',serif; font-size:14px; font-weight:700; color:#fff; margin-bottom:6px; }
.confluence-wrap .facilitator-note { font-size:13px; font-weight:300; color:rgba(255,255,255,.7); line-height:1.6; margin-bottom:12px; }
.confluence-wrap .facilitator-link { font-size:12px; color:var(--green); text-decoration:none; border-bottom:1px solid var(--green); padding-bottom:1px; }

/* Reports tab */
.confluence-wrap .reports-tab-section { padding:52px; background:var(--sand-bg); }
.confluence-wrap .reports-list { display:flex; flex-direction:column; gap:12px; max-width:700px; }
.confluence-wrap .report-row { display:flex; align-items:center; gap:16px; background:var(--warm-white); border:1px solid var(--sand); padding:18px 22px; text-decoration:none; color:var(--text); }
.confluence-wrap .report-row:hover { border-color:var(--navy); }
.confluence-wrap .report-row svg { color:var(--navy); flex-shrink:0; }
.confluence-wrap .report-row-label { font-size:14px; font-weight:500; color:var(--navy); }
.confluence-wrap .report-row-meta { font-size:12px; color:var(--text-light); margin-top:2px; }

/* Responsive */
@media (max-width:900px) {
  .confluence-wrap .voices-band { padding:32px 24px; }
  .confluence-wrap .voices-band-header { flex-direction:column; align-items:flex-start; gap:16px; }
  .confluence-wrap .voices-count-group { gap:16px; }
  .confluence-wrap .voices-grid-2 { grid-template-columns:1fr; }
  .confluence-wrap .context-band { padding:24px; flex-direction:column; align-items:flex-start; }
  .confluence-wrap .survey-results { grid-template-columns:1fr; padding:32px 24px; }
  .confluence-wrap .reports-tab-section { padding:32px 24px; }
}

/* ============ DYNAMIC BAR CHARTS ============ */
.confluence-wrap .bar-charts-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.confluence-wrap .bar-chart-section { flex:1; }
.confluence-wrap .bar-section-title { font-size:11px; font-weight:500; color:var(--text-mid); letter-spacing:.5px; text-transform:uppercase; margin-bottom:12px; }
.confluence-wrap .bar-row { display:grid; grid-template-columns:160px 1fr 48px; gap:12px; align-items:center; margin-bottom:10px; }
.confluence-wrap .bar-label { font-size:13px; color:var(--text); line-height:1.35; }
.confluence-wrap .bar-track { background:#EEE8DF; height:24px; position:relative; overflow:hidden; }
.confluence-wrap .bar-fill { height:100%; display:flex; align-items:center; padding-left:8px; transition:width .4s ease; }
.confluence-wrap .bar-fill-navy { background:var(--navy); }
.confluence-wrap .bar-fill-green { background:var(--green); }
.confluence-wrap .bar-fill-sand { background:var(--sand-dark); }
.confluence-wrap .bar-inner-pct { font-size:11px; color:#fff; font-weight:500; white-space:nowrap; }
.confluence-wrap .bar-pct { font-size:13px; font-weight:500; color:var(--navy); text-align:right; }
.confluence-wrap .result-block-meta { font-size:12px; color:var(--text-light); margin-top:3px; }

/* ============ KEY THEMES ============ */
.confluence-wrap .themes-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:4px; }
.confluence-wrap .themes-col { background:var(--sand-bg); border:1px solid var(--sand); padding:16px; }
.confluence-wrap .themes-col-title { font-size:11px; font-weight:500; color:var(--navy); margin-bottom:10px; text-transform:uppercase; letter-spacing:.5px; }
.confluence-wrap .themes-list { list-style:none; padding:0; margin:0; }
.confluence-wrap .themes-list li { font-size:13px; font-weight:300; color:var(--text-mid); padding:6px 0; border-bottom:1px solid var(--sand); line-height:1.5; }
.confluence-wrap .themes-list li:last-child { border-bottom:none; }

@media (max-width:900px) {
  .confluence-wrap .bar-charts-grid { grid-template-columns:1fr; }
  .confluence-wrap .themes-grid { grid-template-columns:1fr; }
  .confluence-wrap .bar-row { grid-template-columns:1fr; }
}