/* DCCI-MCA-BUILD: v14 (narrower cards, wider gaps) */
/* ════════════════════════════════════════════════════════════
   PRACTICE SUPPORT — MCA / DoLS / Deprivation of Liberty   (dcci-phub-*)
   This file is now the SOLE stylesheet for page-practice-hub-mca.php.
   The template no longer carries an inline <style> block; all rules
   live here so filemtime cache-busting works and there is no
   duplication/divergence. Enqueued from includes/dcci-enqueue.php
   when is_page_template( page-practice-hub-mca.php ).
   Visual system: deep purple #2e1250 / #4e1f72 headings, pink #e91e63
   primary actions, soft lilac support, MCA accent #71b4cb used calmly.
   ════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════
   PRACTICE SUPPORT — MCA / DoLS / Deprivation of Liberty   (dcci-phub-*)
   Visual system: DCC-i deep purple #2e1250 / #4e1f72 for headings,
   pink #e91e63 for primary actions, soft lilac as support, and the
   MCA theme colour #71b4cb used calmly and selectively for accents:
   section highlights, badges, soft card accents and icon backgrounds.
   Calm, thoughtful, rights-based and human — never a heavy blue block.
   Montserrat, rounded cards, warm gradients.
   ════════════════════════════════════════════════════════════ */
.dcci-phub{
  --mca-teal:#71b4cb;          /* main MCA accent */
  --mca-teal-deep:#3f8aa6;     /* stronger teal for text/accents */
  --mca-tint:#e3f2f7;          /* pale blue/teal background (more present) */
  --mca-tint-2:#d3eaf1;        /* deeper tint for gradients */
  --mca-lilac:#ece4f5;         /* supporting soft lilac */
}
.dcci-phub *,.dcci-phub *::before,.dcci-phub *::after{box-sizing:border-box;}
.dcci-phub{font-family:var(--dcc-font,'Montserrat',sans-serif);color:#3a1560;flex:1 0 auto;}
/* Keep the portal footer flush to the bottom when hub content is short */
.dcci-portal-bg > .dcci-footer-new{flex-shrink:0;}
.dcci-phub-wrap{max-width:1280px;margin:0 auto;padding:0 24px;}

/* ── Hero ── */
.dcci-phub-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#5aa6c0 0%,#4f93b2 45%,#42809f 75%,#3b7290 100%);padding:56px 0 44px;}
.dcci-phub-hero::before{content:'';position:absolute;top:-120px;right:34%;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(233,30,99,0.20) 0%,transparent 70%);pointer-events:none;}
.dcci-phub-hero::after{content:'';position:absolute;bottom:-120px;left:-40px;width:560px;height:560px;border-radius:999px;background:radial-gradient(circle,rgba(113,180,203,0.55) 0%,transparent 68%);pointer-events:none;}
.dcci-phub-hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 24px;text-align:center;}

/* ── Split hero: text left, image + CTA right, strapline spanning below ── */
.dcci-phub-hero--split .dcci-phub-hero-inner{
  max-width:1160px;text-align:left;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,500px);
  grid-template-areas:"text media" "strap strap";
  column-gap:56px;row-gap:24px;align-items:stretch;
}
.dcci-phub-hero--split .dcci-phub-hero-text{grid-area:text;min-width:0;align-self:start;}
.dcci-phub-hero--split .dcci-phub-hero-media{grid-area:media;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;align-self:center;transform:translateY(48px);}
.dcci-phub-hero--split .dcci-phub-hero-strap{grid-area:strap;}
.dcci-phub-hero--split .dcci-phub-hero-lede{margin-left:0;margin-right:0;}
.dcci-phub-hero--split .dcci-phub-hero-title{max-width:none;}
.dcci-phub-hero--split .dcci-phub-hero-media img{display:block;width:100%;max-width:460px;height:auto;border-radius:20px;filter:drop-shadow(0 18px 40px rgba(20,40,60,0.35));}
.dcci-phub-hero--split .dcci-phub-hero-media .dcci-phub-hero-ctas{margin-top:0;width:100%;max-width:460px;justify-content:center;}
@media (max-width:860px){
  .dcci-phub-hero--split .dcci-phub-hero-inner{grid-template-columns:1fr;grid-template-areas:"text" "media" "strap";text-align:center;row-gap:26px;}
  .dcci-phub-hero--split .dcci-phub-hero-media{margin-top:0;padding-bottom:0;transform:none;}
  .dcci-phub-hero--split .dcci-phub-hero-media img{max-width:300px;}
  .dcci-phub-hero--split .dcci-phub-hero-lede{margin-left:auto;margin-right:auto;}
  .dcci-phub-hero--split .dcci-phub-hero-eyebrow{margin-left:auto;margin-right:auto;}
  .dcci-phub-hero--split .dcci-phub-hero-logo{margin-left:auto;margin-right:auto;}
}
@media (min-width:861px){
  .dcci-phub-hero--split .dcci-phub-hero-strap{white-space:nowrap;max-width:none;}
  .dcci-phub-toc-sub{white-space:nowrap;}
}
.dcci-phub-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;color:#d83a6f;margin:0 0 18px;}
.dcci-phub-hero-logo{display:block;width:148px;height:auto;margin:0 0 14px;}
.dcci-phub-hero-eyebrow::before,.dcci-phub-hero-eyebrow::after{content:none;}
.dcci-phub-hero-title{font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.16;letter-spacing:-0.02em;color:#fff;margin:0 0 22px;}
.dcci-phub-hero-lede{font-size:clamp(15px,1.5vw,17px);font-weight:500;line-height:1.66;color:rgba(255,255,255,0.86);margin:0 auto 14px;max-width:620px;}
.dcci-phub-hero-note{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;line-height:1.4;letter-spacing:0.01em;color:#e9def5;background:rgba(196,178,232,0.13);border:1px solid rgba(206,190,236,0.30);border-radius:999px;padding:7px 15px;margin:0 0 28px;text-align:left;}
.dcci-phub-hero-note-ico{flex:0 0 auto;color:#d7c4f0;opacity:0.95;}
.dcci-phub-hero-strap{font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.35;color:#cba1c1;text-shadow:0 1px 12px rgba(46,18,80,0.30);text-align:center;margin:24px auto 0;max-width:900px;text-wrap:balance;}
.dcci-phub-hero-strap b,.dcci-phub-hero-strap strong{color:#cba1c1;font-weight:700;}
.dcci-phub-hero-strap::after{content:none;}
.dcci-phub-hero-ctas{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:28px;}
.dcci-phub-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;border-radius:999px;padding:13px 30px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;cursor:pointer;border:none;}
.dcci-phub-btn--pink{background:linear-gradient(135deg,#d83a6f 0%,#bf2f5f 100%);color:#fff;box-shadow:0 8px 22px rgba(216,58,111,0.34);}
.dcci-phub-btn--pink:hover{transform:translateY(-2px);filter:brightness(1.05);color:#fff;box-shadow:0 12px 28px rgba(216,58,111,0.44);}
.dcci-phub-btn--ghost{background:rgba(255,255,255,0.10);color:#fff;border:1.5px solid rgba(255,255,255,0.45);}
.dcci-phub-btn--ghost:hover{background:rgba(255,255,255,0.18);color:#fff;border-color:#fff;transform:translateY(-2px);}

/* ── Section scaffolding ── */
/* Base sections sit on the same pale blue/teal as the rest of the page, so the
   portal's lilac background never shows through on the non-tinted bands. The
   --tint band keeps a slightly deeper pale-blue gradient for gentle rhythm. */
.dcci-phub-section{padding:46px 0;background:linear-gradient(180deg,#eef8fb 0%,#e6f4f8 100%);}
#start-here{background:linear-gradient(180deg,#eef8fb 0%,#e6f4f8 100%);border-bottom:1px solid #d7ecf2;}
.dcci-phub-section--tint{background:linear-gradient(180deg,var(--mca-tint) 0%,var(--mca-tint-2) 100%);}

/* ════════════════════════════════════════════════════════════
   DASHBOARD ZONES (.dcci-phub-zone)
   Group the inner content sections into four labelled workspace
   regions so the page reads as an MCA Practice Support dashboard,
   not a stack of full-width sections. Each zone announces itself
   with a compact header strip (accent rail + eyebrow + descriptor);
   the inner sections keep their own H2s, anchors and data logic.
   ════════════════════════════════════════════════════════════ */
.dcci-phub-zone{position:relative;}
/* A subtle teal seam between zones so each region reads as its own panel band. */
.dcci-phub-zone + .dcci-phub-zone{border-top:1px solid #d7ecf2;}
/* Zone header strip — a compact dashboard region label, not a hero. */
.dcci-phub-zone-rail{position:relative;background:linear-gradient(180deg,#e8f4f8 0%,#e1f0f5 100%);
  padding:26px 0 6px;}
.dcci-phub-zone-rail::before{content:none;}
.dcci-phub-zone-head{position:relative;padding-left:20px;max-width:780px;}
.dcci-phub-zone-head::before{content:'';position:absolute;left:0;top:4px;bottom:6px;width:4px;border-radius:3px;
  background:linear-gradient(180deg,var(--mca-teal) 0%,var(--mca-teal-deep) 100%);}
.dcci-phub-zone-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:11px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--mca-teal-deep);margin:0 0 7px;}
.dcci-phub-zone-eyebrow::before{content:'';width:18px;height:2px;border-radius:2px;background:var(--mca-teal);display:inline-block;}
.dcci-phub-zone-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:clamp(17px,1.9vw,21px);font-weight:800;
  letter-spacing:-0.02em;color:#2e1250;line-height:1.25;margin:0 0 7px;}
.dcci-phub-zone-intro{font-size:13.5px;font-weight:500;line-height:1.6;color:#4e1f72;margin:0;max-width:680px;}
/* Inside a zone, the inner sections sit closer together so they read as panels
   within one region rather than independent full-width bands. */
.dcci-phub-zone-body > .dcci-phub-section{padding:26px 0 34px;}
.dcci-phub-zone-rail + .dcci-phub-zone-body > .dcci-phub-section:first-child,
.dcci-phub-zone-body > .dcci-phub-section:first-child{padding-top:20px;}
/* The intro block (orientation) already carries its own padding — keep it, but
   drop its top border so the zone header rail flows straight into it. */
.dcci-phub-zone-body > .dcci-phub-intro-block{margin-top:0;border-top:0;}
@media (max-width:640px){
  .dcci-phub-zone-rail{padding:20px 0 4px;}
  .dcci-phub-zone-head{padding-left:16px;}
  .dcci-phub-zone-body > .dcci-phub-section{padding:20px 0 26px;}
}
/* Per-zone accents so the four regions read as distinct workspace areas.
   #zone-use-now is the practical console — give its header a touch more
   presence; #zone-live reads as the live board with a warmer pink seam. */
#zone-use-now .dcci-phub-zone-rail{background:linear-gradient(180deg,#e3f2f7 0%,#d8edf3 100%);}
#zone-use-now .dcci-phub-zone-title{font-size:clamp(18px,2vw,22px);}
#zone-live .dcci-phub-zone-rail::before{content:none;}

/* ════════════════════════════════════════════════════════════
   CONSOLE SHELL — two-pane layout: sticky dashboard rail + stage.
   This is the structural shift: the page reads as a workspace with a
   persistent left navigation, not a long single-column article.
   ════════════════════════════════════════════════════════════ */
.dcci-phub-console{position:relative;display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;
  --phub-rail-top:84px;   /* clears the portal's sticky site header */
  background:linear-gradient(180deg,#eef8fb 0%,#e6f4f8 100%);}
.dcci-phub-canvas{min-width:0;padding:0 0 20px;}
/* The stage's inner sections lose the side gutter the rail now provides, but
   keep their own .dcci-phub-wrap centring within the stage column. */

/* ── Dashboard rail (sticky, offset below the portal header) ── */
.dcci-phub-rail{position:sticky;top:var(--phub-rail-top);align-self:start;
  max-height:calc(100vh - var(--phub-rail-top) - 12px);
  background:linear-gradient(180deg,#f4fbfd 0%,#eaf5f9 100%);border-right:1px solid #d3eaf1;z-index:5;}
.dcci-phub-rail-inner{display:flex;flex-direction:column;max-height:calc(100vh - var(--phub-rail-top) - 12px);
  padding:22px 14px 18px;overflow-y:auto;}
.dcci-phub-rail-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:11px;font-weight:800;
  letter-spacing:0.16em;text-transform:uppercase;color:var(--mca-teal-deep);margin:4px 8px 16px;}
.dcci-phub-rail-nav{display:flex;flex-direction:column;gap:4px;}
.dcci-phub-rail-link{position:relative;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;
  font-size:13.5px;font-weight:700;line-height:1.2;color:#4e1f72;text-decoration:none;
  border:1px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease;}
.dcci-phub-rail-link:hover{background:#fff;border-color:#d7ecf2;color:#2e1250;}
.dcci-phub-rail-ico{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;
  justify-content:center;color:var(--mca-teal-deep);background:#eaf6fa;border:1px solid #cfe6ef;transition:background .15s ease,color .15s ease;}
.dcci-phub-rail-ico svg{width:17px;height:17px;}
.dcci-phub-rail-label{min-width:0;}
.dcci-phub-rail-link.is-active{background:#fff;border-color:var(--mca-teal);color:#2e1250;box-shadow:0 4px 12px rgba(46,18,80,0.07);}
.dcci-phub-rail-link.is-active::before{content:'';position:absolute;left:-16px;top:9px;bottom:9px;width:4px;
  border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--mca-teal) 0%,var(--mca-teal-deep) 100%);}
.dcci-phub-rail-link.is-active .dcci-phub-rail-ico{background:linear-gradient(135deg,var(--mca-teal) 0%,var(--mca-teal-deep) 100%);color:#fff;border-color:transparent;}
.dcci-phub-rail-note{display:flex;align-items:flex-start;gap:8px;margin:18px 8px 0;padding-top:16px;
  border-top:1px solid #d7ecf2;font-size:11px;font-weight:600;line-height:1.4;color:#7a6c90;}
.dcci-phub-rail-note svg{flex:0 0 auto;margin-top:1px;color:var(--mca-teal-deep);}

/* Tablet / mobile: the rail becomes a horizontal tab strip pinned under the
   sticky portal header area, and the console collapses to one column. */
@media (max-width:980px){
  .dcci-phub-console{display:block;}
  .dcci-phub-rail{position:sticky;top:var(--phub-rail-top);max-height:none;height:auto;border-right:0;border-bottom:1px solid #d3eaf1;
    background:linear-gradient(180deg,#f4fbfd 0%,#eef8fb 100%);}
  .dcci-phub-rail-inner{flex-direction:row;align-items:center;gap:8px;height:auto;padding:10px 14px;overflow-x:auto;
    -webkit-overflow-scrolling:touch;}
  .dcci-phub-rail-title{display:none;}
  .dcci-phub-rail-nav{flex-direction:row;gap:6px;flex:1 1 auto;}
  .dcci-phub-rail-link{flex:0 0 auto;padding:8px 12px;border:1px solid #d7ecf2;background:#fff;border-radius:999px;
    font-size:12.5px;white-space:nowrap;}
  .dcci-phub-rail-link.is-active::before{display:none;}
  .dcci-phub-rail-ico{width:22px;height:22px;border-radius:7px;}
  .dcci-phub-rail-ico svg{width:14px;height:14px;}
  .dcci-phub-rail-note{display:none;}
}

/* ════════════════════════════════════════════════════════════
   PRACTICE QUESTION WORKSPACE — split: themes (left) + pathway (right)
   ════════════════════════════════════════════════════════════ */
.dcci-phub-workspace{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:28px;margin-top:26px;align-items:start;}
.dcci-phub-workspace-themes,.dcci-phub-workspace-pathway{min-width:0;}
.dcci-phub-workspace-label{display:flex;align-items:center;gap:10px;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:13px;font-weight:800;letter-spacing:0.01em;color:#2e1250;margin:0 0 16px;}
.dcci-phub-workspace-step{flex:0 0 auto;width:24px;height:24px;border-radius:8px;display:flex;align-items:center;
  justify-content:center;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--mca-teal) 0%,var(--mca-teal-deep) 100%);}
/* ── Practice themes: "coming soon" preview (filters not live yet). ───────── */
.dcci-phub-themesoon-step{flex:0 0 auto;width:24px;height:24px;border-radius:8px;display:flex;align-items:center;
  justify-content:center;font-size:12px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--mca-teal) 0%,var(--mca-teal-deep) 100%);}
.dcci-phub-themesoon-badge{display:inline-flex;align-items:center;margin-left:auto;
  font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:9.5px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;
  color:#4e7a7d;background:rgba(97,143,146,0.12);border:1px solid rgba(97,143,146,0.28);border-radius:999px;padding:4px 11px;white-space:nowrap;}
.dcci-phub-themesoon{background:#fbfdfe;border:1px solid #d3eaf1;border-radius:16px;padding:20px 22px;
  box-shadow:0 6px 18px rgba(46,18,80,0.05);}
.dcci-phub-themesoon-copy{font-size:13px;font-weight:500;line-height:1.6;color:#514359;margin:0 0 11px;}
.dcci-phub-themesoon-copy:nth-of-type(2){margin-bottom:16px;}
.dcci-phub-themesoon-copy a{color:var(--mca-teal-deep);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.dcci-phub-themesoon-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px;}
.dcci-phub-themesoon-item{display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#fff;border:1px dashed #c8dfe8;border-radius:11px;padding:11px 14px;opacity:0.92;}
.dcci-phub-themesoon-name{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13px;font-weight:700;color:#4a4159;}
.dcci-phub-themesoon-tag{flex:0 0 auto;font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:9px;font-weight:800;
  letter-spacing:0.09em;text-transform:uppercase;color:#8a7e93;background:#f1eef6;border:1px solid #e2dcec;
  border-radius:999px;padding:3px 9px;white-space:nowrap;}
.dcci-phub-themesoon-note{font-size:11.5px;font-weight:500;font-style:italic;line-height:1.5;color:#7a7186;margin:0;}
/* In the split, theme cards become a single stacked column of compact routes. */
.dcci-phub-workspace-themes .dcci-phub-themes{grid-template-columns:1fr;gap:14px;margin-top:0;}
/* The pathway loses its big top margin inside the workspace (label provides it). */
.dcci-phub-workspace-pathway .dcci-phub-pathway{margin-top:0;}
@media (max-width:900px){
  .dcci-phub-workspace{grid-template-columns:1fr;gap:30px;}
}

/* ════════════════════════════════════════════════════════════
   ASYMMETRIC CANVAS — zones are full-width dashboard panels stacked
   down the canvas, but each keeps its OWN internal asymmetric layout
   (stations grid · themes+pathway split · live board split). Modules
   have different weight; nothing is crushed into equal narrow columns.
   ════════════════════════════════════════════════════════════ */
.dcci-phub-canvas{padding:24px clamp(24px,4.2vw,48px) 32px;display:flex;flex-direction:column;gap:24px;}

/* 'bare' zone (orientation) — no panel chrome; its intro-block styles itself. */
.dcci-phub-zone--bare{background:none;border:0;border-radius:0;box-shadow:none;}
.dcci-phub-zone--bare .dcci-phub-zone-rail{display:none;} /* orientation needs no kicker strip */
.dcci-phub-zone--bare .dcci-phub-intro-block{border:1px solid #d7ecf2;border-radius:22px;overflow:hidden;
  box-shadow:0 10px 28px rgba(46,18,80,0.07);}
/* Orientation intro-block: subtle top accent stripe matching panel zones */
.dcci-phub-zone--bare .dcci-phub-intro-block::before{content:none;}

/* 'panel' zone — a full-width rounded dashboard module on the canvas. */
.dcci-phub-zone--panel{position:relative;background:#fffcfa;border:1px solid #e6cfbd;border-radius:22px;
  overflow:hidden;box-shadow:0 10px 28px rgba(46,18,80,0.07);}
.dcci-phub-zone--panel + .dcci-phub-zone--panel{border-top:1px solid #d7ecf2;}

/* Compact panel header (kicker + heading), full panel width. */
.dcci-phub-zone--panel .dcci-phub-zone-rail{background:linear-gradient(180deg,#f3fafd 0%,#eaf5f9 100%);
  padding:0;border-bottom:0;}
/* Just the 3px accent stripe + a minimal eyebrow kicker — the section H2 carries the heading */
.dcci-phub-zone--panel .dcci-phub-zone-rail::before{content:none;}
/* Hide the zone-rail body (title + intro + head) inside panels — the section H2 is the real heading */
.dcci-phub-zone--panel .dcci-phub-zone-head{display:none;}
.dcci-phub-zone--panel .dcci-phub-wrap{max-width:none;padding:0 clamp(18px,2.4vw,30px);}
.dcci-phub-zone--panel .dcci-phub-zone-title{font-size:clamp(16px,1.8vw,20px);}

/* Inner sections lose their full-bleed band styling and sit inside the panel.
   They keep their own multi-column inner layouts at full panel width. */
.dcci-phub-zone--panel .dcci-phub-section{padding:26px 0 28px !important;background:none !important;}
.dcci-phub-zone--panel .dcci-phub-section .dcci-phub-wrap{max-width:none;padding:0 clamp(18px,2.4vw,30px);}
/* Zone-rail head is hidden — let the inner section eyebrow + H2 show fully */
.dcci-phub-zone--panel .dcci-phub-section > .dcci-phub-wrap > .dcci-phub-eyebrow{display:inline-flex;}
.dcci-phub-zone--panel .dcci-phub-zone-title,
.dcci-phub-zone--panel .dcci-phub-zone-intro{display:block;}

/* Tint never applies inside a panel (panels are white). */
.dcci-phub-zone--panel .dcci-phub-section--tint{background:none !important;}
/* The public briefing + live questions section is its own cream rounded panel
   (all four corners), separated from the Where next? panel by a margin. */
.dcci-phub-zone--panel #what-we-are-hearing-and-watching{position:relative;background:linear-gradient(180deg,#fff9f7 0%,#fdf1f0 55%,#fbf3ec 100%) !important;
  border:1px solid #f3dcd8;border-radius:20px;box-shadow:0 12px 34px rgba(180,90,110,0.10);}
.dcci-phub-zone--panel #what-we-are-hearing-and-watching .dcci-phub-wrap{padding:26px clamp(18px,2.4vw,30px) 32px !important;}
/* In the live zone, the outer container is pale blue (page background) rather
   than cream, so the cream public panel and the teal Where next? panel each read
   as distinct rounded boxes floating on the page, with a clean pale-blue gap
   between them and all four corners visible. */
#zone-live.dcci-phub-zone--panel,
#zone-live .dcci-phub-zone--panel{background:transparent !important;border-color:transparent !important;box-shadow:none !important;}
/* ...but the Where next? dock keeps its bold teal gradient (overrides the reset). */
.dcci-phub-zone--panel #next-steps{background:linear-gradient(135deg,#2e1250 0%,#3f7da0 68%,#71b4cb 130%) !important;
  border-radius:18px;margin-top:48px;}
.dcci-phub-zone--panel #next-steps .dcci-phub-wrap{padding:22px clamp(18px,2.4vw,28px) !important;}

@media (max-width:820px){
  .dcci-phub-canvas{padding:16px 12px 20px;gap:16px;}
  .dcci-phub-zone--panel{border-radius:16px;}
}

/* ════════════════════════════════════════════════════════════
   WHERE NEXT? DOCK — compact closing dock, not a sales block.
   ════════════════════════════════════════════════════════════ */
.dcci-phub-dock{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:28px;align-items:center;
  background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.22);border-radius:22px;padding:26px 28px;
  backdrop-filter:blur(2px);}
.dcci-phub-dock-eyebrow{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:11px;font-weight:800;
  letter-spacing:0.14em;text-transform:uppercase;color:#bfe6f0;margin:0 0 10px;}
.dcci-phub-dock-head .dcci-phub-close-title{color:#fff;margin:0 0 10px;font-size:clamp(19px,2.1vw,24px);}
.dcci-phub-dock-intro{font-size:13.5px;font-weight:500;line-height:1.6;color:rgba(255,255,255,0.9);margin:0;}
/* Two SEPARATE destination tiles — not a stacked list. Each carries its own
   full background, border, radius and resting shadow, with a clear gap between
   them, so they read as two independent choices. */
.dcci-phub-dock-routes{display:flex;flex-direction:column;gap:18px;}
.dcci-phub-dock-route{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e0ebf0;border-radius:18px;
  padding:20px 20px;text-decoration:none;box-shadow:0 8px 22px rgba(46,18,80,0.10);
  transition:transform .16s ease,box-shadow .16s ease;}
.dcci-phub-dock-route:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(46,18,80,0.20);}
.dcci-phub-dock-route--ghost{background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.32);}
.dcci-phub-dock-route-ico{flex:0 0 auto;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;
  justify-content:center;color:var(--mca-teal-deep);background:#eaf6fa;border:1px solid #cfe6ef;}
.dcci-phub-dock-route-ico svg{width:21px;height:21px;}
.dcci-phub-dock-route--ghost .dcci-phub-dock-route-ico{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.3);color:#fff;}
.dcci-phub-dock-route-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;}
.dcci-phub-dock-route-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:14px;font-weight:800;letter-spacing:-0.01em;color:#2e1250;}
.dcci-phub-dock-route-desc{font-size:12px;font-weight:500;line-height:1.45;color:#574a6e;}
.dcci-phub-dock-route--ghost .dcci-phub-dock-route-title{color:#fff;}
.dcci-phub-dock-route--ghost .dcci-phub-dock-route-desc{color:rgba(255,255,255,0.82);}
.dcci-phub-dock-route-go{flex:0 0 auto;color:var(--mca-teal-deep);transition:transform .15s ease;}
.dcci-phub-dock-route--ghost .dcci-phub-dock-route-go{color:#fff;}
.dcci-phub-dock-route:hover .dcci-phub-dock-route-go{transform:translateX(3px);}
@media (max-width:820px){
  .dcci-phub-dock{grid-template-columns:1fr;gap:20px;padding:22px 20px;}
}

.dcci-phub-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--mca-teal-deep);margin:0 0 12px;}
.dcci-phub-eyebrow::before{content:'';width:20px;height:2px;border-radius:2px;background:var(--mca-teal);display:inline-block;}
.dcci-phub-h2{font-size:clamp(21px,2.4vw,28px);font-weight:800;line-height:1.2;letter-spacing:-0.02em;color:#2e1250;margin:0 0 14px;}
.dcci-phub-intro{font-size:15.5px;font-weight:500;line-height:1.66;color:#4e1f72;margin:0 0 6px;max-width:680px;}
/* The "Ready to use now" gateway intro spans the full content width. */
#ready-to-use-now .dcci-phub-intro{max-width:none;}

/* ── Start here: two-column opening block (intro left, "Use this page for" card right) ── */
.dcci-phub-start-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:36px;align-items:start;margin-top:4px;}
.dcci-phub-start-main .dcci-phub-intro{max-width:none;margin:0 0 14px;}
.dcci-phub-start-main .dcci-phub-intro:last-child{margin-bottom:0;}
.dcci-phub-start-note{font-size:12.5px;line-height:1.55;color:#7a6e8a;border-left:3px solid #b9d9e4;background:#f2f9fb;border-radius:0 9px 9px 0;padding:10px 14px;margin-top:18px !important;max-width:640px;}
.dcci-phub-start-card{background:#fff;border:1px solid #d3eaf1;border-top:3px solid var(--mca-teal);border-radius:16px;padding:22px 24px;box-shadow:0 6px 18px rgba(46,18,80,0.06);}
.dcci-phub-start-card-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--mca-teal-deep);margin:0 0 14px;}
.dcci-phub-start-card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.dcci-phub-start-card-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;font-weight:600;line-height:1.4;color:#2e1250;}
.dcci-phub-start-tick{flex:0 0 auto;margin-top:1px;color:var(--mca-teal);}
@media (max-width:860px){
  .dcci-phub-start-grid{grid-template-columns:1fr;gap:24px;}
}
.dcci-phub-pull{font-size:clamp(16px,1.8vw,19px);font-weight:700;line-height:1.5;color:#2e1250;border-left:4px solid #e91e63;background:#fff;border-radius:0 14px 14px 0;padding:18px 22px;margin:22px 0 0;max-width:720px;box-shadow:0 6px 18px rgba(46,18,80,0.07);}

/* ── Card grids ── */
.dcci-phub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:18px;margin-top:26px;}
.dcci-phub-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #d3eaf1;border-top:3px solid var(--mca-teal);border-radius:18px;padding:21px 22px 20px;text-decoration:none;box-shadow:0 6px 18px rgba(46,18,80,0.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden;}
.dcci-phub-card::before{content:none;}
a.dcci-phub-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(46,18,80,0.14);border-color:var(--mca-teal);}
.dcci-phub-card-ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mca-teal) 0%,var(--mca-teal-deep) 100%);color:#fff;margin-bottom:14px;flex-shrink:0;}
.dcci-phub-card-ico svg{width:20px;height:20px;}
.dcci-phub-card-title{font-size:15.5px;font-weight:700;line-height:1.3;color:#2e1250;margin:0 0 6px;}
.dcci-phub-card-desc{font-size:13px;font-weight:500;line-height:1.55;color:#6a5a82;margin:0;flex-grow:1;}
.dcci-phub-card-soon{position:absolute;top:14px;right:14px;font-size:9.5px;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;color:#b78ad6;background:#f4edfb;border-radius:999px;padding:3px 9px;}

/* Coming-soon (not yet clickable) card state */
.dcci-phub-card.is-soon{cursor:default;background:#faf7fd;border-style:dashed;border-color:#e0d2ef;box-shadow:none;}
.dcci-phub-card.is-soon::before{opacity:0.45;}
.dcci-phub-card.is-soon .dcci-phub-card-ico{filter:grayscale(0.25);opacity:0.85;}
.dcci-phub-card.is-soon .dcci-phub-card-soon{color:#8a6aa8;background:#efe6f8;}
.dcci-phub-card.is-soon .dcci-phub-card-cta{color:#a98fc4;}
.dcci-phub-card-cta{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:#9a6abf;margin-top:14px;}

/* Variant accent strips */
.dcci-phub-card--green::before{background:linear-gradient(90deg,#27a35a 0%,#2ecc71 100%);}
.dcci-phub-card--green .dcci-phub-card-ico{background:linear-gradient(135deg,#1e8a4a 0%,#2ecc71 100%);}
.dcci-phub-card--pink::before{background:linear-gradient(90deg,#c2185b 0%,#e91e63 100%);}
.dcci-phub-card--pink .dcci-phub-card-ico{background:linear-gradient(135deg,#c2185b 0%,#ff5d9e 100%);}

/* ── Reflective question list ── */
.dcci-phub-qs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:26px;}
.dcci-phub-q{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #ece4f5;border-radius:14px;padding:18px 20px;box-shadow:0 4px 14px rgba(46,18,80,0.05);}
.dcci-phub-q-num{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:var(--mca-tint);color:var(--mca-teal-deep);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;}
.dcci-phub-q-text{font-size:14px;font-weight:600;line-height:1.5;color:#3a1560;margin:0;}

/* ════════════════════════════════════════════════════════════
   EXPLORE BY PRACTICE THEME — compact dashboard cards (.dcci-phub-themes)
   SEO-safe routes: visible H3 + keyword text, topic chips, station routes.
   ════════════════════════════════════════════════════════════ */
.dcci-phub-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;margin-top:26px;}
.dcci-phub-theme{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #d3eaf1;border-top:3px solid var(--mca-teal);border-radius:18px;padding:20px 21px 18px;box-shadow:0 6px 18px rgba(46,18,80,0.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.dcci-phub-theme:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(46,18,80,0.12);border-color:var(--mca-teal);}
.dcci-phub-theme-body{flex:1 1 auto;}
.dcci-phub-theme-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:16px;font-weight:800;line-height:1.3;letter-spacing:-0.01em;color:#2e1250;margin:0 0 9px;}
.dcci-phub-theme-desc{font-size:13px;font-weight:500;line-height:1.58;color:#574a6e;margin:0 0 13px;}
.dcci-phub-theme-chips{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:0 0 4px;padding:0;}
.dcci-phub-theme-chip{font-size:11px;font-weight:700;letter-spacing:0.01em;color:var(--mca-teal-deep);background:var(--mca-tint);border:1px solid #cfe7ef;border-radius:999px;padding:4px 11px;line-height:1.2;}
.dcci-phub-theme-soon{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:#8a7aa0;margin:12px 0 0;}
.dcci-phub-theme-soon svg{flex:0 0 auto;color:var(--mca-teal);}
.dcci-phub-theme-foot{margin-top:15px;padding-top:14px;border-top:1px solid #eef4f7;}
.dcci-phub-theme-routes{list-style:none;margin:0 0 13px;padding:0;display:flex;flex-direction:column;gap:8px;}
.dcci-phub-theme-routes a{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;line-height:1.35;color:#4e1f72;text-decoration:none;transition:color .15s ease;}
.dcci-phub-theme-routes a:hover{color:#e91e63;}
.dcci-phub-theme-routes a svg{flex:0 0 auto;color:var(--mca-teal-deep);transition:transform .15s ease;}
.dcci-phub-theme-routes a:hover svg{transform:translateX(2px);}
.dcci-phub-theme-cta{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;letter-spacing:0.01em;color:#fff;background:linear-gradient(135deg,#654c66 0%,#8a7089 100%);border-radius:999px;padding:8px 16px;text-decoration:none;box-shadow:0 5px 14px rgba(101,76,102,0.22);transition:transform .15s ease,box-shadow .15s ease;}
.dcci-phub-theme-cta:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(216,58,111,0.3);color:#fff;}
.dcci-phub-theme-cta svg{transition:transform .15s ease;}
.dcci-phub-theme-cta:hover svg{transform:translateX(2px);}

/* ════════════════════════════════════════════════════════════
   SUPERVISION & TEAM LEARNING PATHWAY (.dcci-phub-pathway)
   A reflective flowchart — numbered stages, icons, soft connectors.
   Distinct from the theme cards above (those are routes/filters);
   this reads as a usable supervision tool, not another content grid.
   ════════════════════════════════════════════════════════════ */
.dcci-phub-pathway{margin-top:34px;overflow:hidden !important;border:none !important;border-radius:28px !important;padding:30px 32px 28px;background:radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.10) 0%, transparent 55%),linear-gradient(165deg,#3a1a6b 0%,#331563 45%,#2a1052 100%) !important;box-shadow:0 18px 42px rgba(43,20,95,0.30) !important;}
.dcci-phub-pathway-head{margin:0 0 26px;max-width:760px;}
.dcci-phub-pathway-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:#9edbe6;margin:0 0 10px;}
.dcci-phub-pathway-eyebrow::before{content:'';width:20px;height:2px;border-radius:2px;background:var(--mca-teal);display:inline-block;}
.dcci-phub-pathway-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:clamp(19px,2vw,23px);font-weight:800;letter-spacing:-0.02em;color:#fff;margin:0 0 11px;}
.dcci-phub-pathway-intro{font-size:14px;font-weight:500;line-height:1.65;color:rgba(255,255,255,0.88);margin:0 0 14px;}
.dcci-phub-pathway-boundary{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;font-weight:600;line-height:1.5;color:rgba(255,255,255,0.92);background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.20);border-left:3px solid #bf2f5f;border-radius:0 12px 12px 0;padding:11px 15px;margin:0;}
.dcci-phub-pathway-boundary svg{flex:0 0 auto;margin-top:1px;color:#d83a6f;}

/* Visual overview poster (AGNI pathway) — soft parchment card above the stage
   cards. Caption + new-tab button below. Image is fully responsive (no h-scroll).*/
.dcci-phub-pathway-visual{margin:26px 0 30px;text-align:center;}
.dcci-phub-pathway-visual-card{position:relative;background:#f8f1e9;border:1px solid rgba(97,143,146,0.28);border-radius:24px;padding:16px;box-shadow:0 14px 38px rgba(81,60,83,0.10);}
.dcci-phub-pathway-visual-card img{display:block;width:100%;max-width:100%;height:auto;border-radius:16px;}
.dcci-phub-pathway-visual-caption{margin:14px auto 0;max-width:760px;text-align:center;color:#fff;font-size:13px;line-height:1.6;}
.dcci-phub-pathway-visual-btn{position:absolute;top:26px;right:26px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;
  border-radius:999px !important;background:#513c53 !important;color:#fff !important;border:1px solid rgba(255,255,255,0.35) !important;
  font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:11.5px;font-weight:700;text-decoration:none;text-shadow:none !important;
  box-shadow:0 4px 12px rgba(81,60,83,0.28) !important;cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;}
.dcci-phub-pathway-visual-btn svg{flex:0 0 auto;}
.dcci-phub-pathway-visual-btn:hover,.dcci-phub-pathway-visual-btn:focus{background:#654c66 !important;border-color:rgba(255,255,255,0.6) !important;color:#fff !important;transform:translateY(-1px);}
.dcci-phub-pathway-visual-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;}
@media (max-width:768px){
  .dcci-phub-pathway-visual-card{padding:10px;border-radius:18px;}
  .dcci-phub-pathway-visual-card img{border-radius:12px;}
  .dcci-phub-pathway-visual-btn{top:18px;right:18px;padding:6px 11px;font-size:10.5px;}
}
@media (max-width:480px){
  .dcci-phub-pathway-visual-btn{top:14px;right:14px;padding:5px 9px;gap:4px;}
}

/* Stages — a vertical pathway with a marker rail and connector line */
/* Stage navigation: jump buttons to each stage (wrap on desktop, scroll on mobile) */
.dcci-phub-pathway-nav{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 12px;}
.dcci-phub-pathway-nav-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:11.5px;font-weight:700;color:#513c53 !important;text-decoration:none;background:#fffcfa !important;
  border:1px solid rgba(97,143,146,0.22) !important;border-radius:999px !important;box-shadow:none !important;
  padding:4px 11px 4px 5px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;}
.dcci-phub-pathway-nav-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;
  background:#618f92;color:#fff;font-size:10.5px;font-weight:800;line-height:1;}
.dcci-phub-pathway-nav-btn:hover,.dcci-phub-pathway-nav-btn:focus{background:#618f92 !important;border-color:#618f92 !important;color:#fff !important;transform:translateY(-1px);}
.dcci-phub-pathway-nav-btn:hover .dcci-phub-pathway-nav-num,.dcci-phub-pathway-nav-btn:focus .dcci-phub-pathway-nav-num{background:#fff;color:#618f92;}
.dcci-phub-pathway-nav-btn:focus-visible{outline:2px solid #513c53;outline-offset:2px;}

/* Open all / close all controls — quiet helper links, not primary buttons */
.dcci-phub-pathway-controls{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 18px;}
.dcci-phub-pathway-ctrl{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12px;font-weight:700;
  color:#fff !important;background:transparent !important;border:none !important;
  border-radius:6px !important;box-shadow:none !important;padding:5px 9px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;
  transition:color .15s ease,background .15s ease;}
.dcci-phub-pathway-ctrl:hover,.dcci-phub-pathway-ctrl:focus{color:#fff !important;background:rgba(255,255,255,0.14) !important;}
.dcci-phub-pathway-ctrl:focus-visible{outline:2px solid #fff;outline-offset:2px;text-decoration:none;}

.dcci-phub-pathway-stages{list-style:none;counter-reset:pw;margin:0;padding:0;}
.dcci-phub-stage{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;}
.dcci-phub-stage-rail{position:relative;display:flex;flex-direction:column;align-items:center;}
.dcci-phub-stage-marker{position:relative;z-index:2;flex:0 0 auto;width:42px;height:42px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff;background:linear-gradient(135deg,#8aafb1 0%,#618f92 100%);box-shadow:0 5px 12px rgba(97,143,146,0.22);}
.dcci-phub-stage-num{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12px;font-weight:800;line-height:1;}
.dcci-phub-stage-ico{display:flex;align-items:center;justify-content:center;}
.dcci-phub-stage-ico svg{width:14px;height:14px;}
.dcci-phub-stage-connector{flex:1 1 auto;width:2px;min-height:20px;margin:4px 0;background:linear-gradient(180deg,#8aafb1 0%,#d4e4e5 100%);border-radius:2px;}
/* Collapsible card (details). Padding lives on summary + detail so the whole
   header is the click target. */
.dcci-phub-stage-body{background:#fffcfa;border:1px solid rgba(97,143,146,0.20);border-radius:14px;margin:0 0 14px;max-width:860px;box-shadow:0 8px 22px rgba(81,60,83,0.05);transition:border-color .15s ease,box-shadow .15s ease;}
.dcci-phub-stage-body[open]{border-color:rgba(97,143,146,0.50);box-shadow:0 12px 30px rgba(81,60,83,0.08);}
.dcci-phub-stage:last-child .dcci-phub-stage-body{margin-bottom:0;}
.dcci-phub-stage-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 22px;cursor:pointer;list-style:none;border-radius:14px;}
.dcci-phub-stage-summary::-webkit-details-marker{display:none;}
.dcci-phub-stage-summary:focus-visible{outline:2px solid #618f92;outline-offset:2px;}
.dcci-phub-stage-summary-text{min-width:0;display:flex;flex-direction:column;}
.dcci-phub-stage-step{display:block;font-size:10px;font-weight:800;letter-spacing:0.07em;text-transform:uppercase;color:#3f8aa6;margin:0 0 5px;}
.dcci-phub-stage-title{display:block;font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:16px;font-weight:800;letter-spacing:-0.01em;line-height:1.22;color:#2e1250;margin:0 0 4px;}
.dcci-phub-stage-prompt{display:block;font-size:13.5px;font-weight:700;line-height:1.4;color:#4e1f72;margin:0;}
.dcci-phub-stage-chevron{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin-top:2px;border-radius:50%;color:var(--mca-teal-deep);background:rgba(97,143,146,0.10);transition:transform .2s ease,background .15s ease;}
.dcci-phub-stage-body[open] .dcci-phub-stage-chevron{transform:rotate(180deg);}
.dcci-phub-stage-detail{padding:0 22px 18px;}
.dcci-phub-stage-lead{font-size:13px;font-weight:500;line-height:1.5;color:#5a4a72;margin:2px 0 9px;}
.dcci-phub-stage-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;}
.dcci-phub-stage-points li{display:flex;align-items:flex-start;gap:8px;font-size:12.75px;font-weight:500;line-height:1.45;color:#4a3a64;}
.dcci-phub-stage-points li svg{flex:0 0 auto;margin-top:2px;color:var(--mca-teal);}
.dcci-phub-stage-support{margin:13px 0 0;padding:10px 14px;max-width:720px;background:rgba(97,143,146,0.08);border-left:4px solid #618f92;border-radius:0 10px 10px 0;}
.dcci-phub-stage-support-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px;}
.dcci-phub-stage-support-label{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:9px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--mca-teal-deep);}
.dcci-phub-stage-support-q{font-size:12.75px;font-weight:600;font-style:italic;line-height:1.45;color:#3a1560;margin:0;}
/* Copy reflective question button */
.dcci-phub-stage-copy{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:10.5px;font-weight:700;color:#513c53 !important;background:#fff !important;border:1px solid rgba(97,143,146,0.30) !important;
  border-radius:999px !important;box-shadow:none !important;padding:4px 10px;cursor:pointer;line-height:1;
  transition:background .15s ease,border-color .15s ease,color .15s ease;}
.dcci-phub-stage-copy svg{flex:0 0 auto;}
.dcci-phub-stage-copy:hover,.dcci-phub-stage-copy:focus{background:#618f92 !important;border-color:#618f92 !important;color:#fff !important;}
.dcci-phub-stage-copy.is-copied{background:#618f92 !important;border-color:#618f92 !important;color:#fff !important;}
.dcci-phub-stage-copy:focus-visible{outline:2px solid #513c53;outline-offset:2px;}
/* Guided flow: next stage link */
.dcci-phub-stage-next{margin:14px 0 0;}
.dcci-phub-stage-next-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:12.5px;font-weight:700;color:#513c53;text-decoration:none;border-bottom:1px solid transparent;padding:2px 0;
  transition:color .15s ease,border-color .15s ease;}
.dcci-phub-stage-next-link svg{flex:0 0 auto;color:#618f92;}
.dcci-phub-stage-next-link:hover,.dcci-phub-stage-next-link:focus{color:#618f92;border-bottom-color:#618f92;}
.dcci-phub-stage-next-link:focus-visible{outline:2px solid #618f92;outline-offset:3px;border-radius:3px;}
@media (max-width:560px){
  .dcci-phub-pathway{padding:22px 16px 20px;border-radius:18px;}
  .dcci-phub-pathway-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px;margin-right:-16px;padding-right:16px;}
  .dcci-phub-pathway-nav-btn{flex:0 0 auto;}
  .dcci-phub-stage{grid-template-columns:38px minmax(0,1fr);gap:11px;}
  .dcci-phub-stage-marker{width:36px;height:36px;border-radius:11px;}
  .dcci-phub-stage-ico svg{width:12px;height:12px;}
  .dcci-phub-stage-summary{padding:14px 15px;}
  .dcci-phub-stage-detail{padding:0 15px 15px;}
}
@media (prefers-reduced-motion: reduce){
  .dcci-phub-stage-chevron{transition:none;}
  html{scroll-behavior:auto;}
}


/* Practice-use footer line */
.dcci-phub-pathway-foot{display:flex;align-items:flex-start;gap:11px;margin-top:22px;background:#fff;border:1px solid #d7ecf2;border-radius:14px;padding:15px 18px;}
.dcci-phub-pathway-foot-ico{flex:0 0 auto;margin-top:1px;color:#d83a6f;}
.dcci-phub-pathway-foot-text{font-size:13px;font-weight:600;line-height:1.55;color:#3a1560;margin:0;}

/* ── Practitioner question route — distinct from the warm public family/carer
   callout: a practice-focused panel in the deep-purple/teal practitioner
   palette, sitting after the supervision pathway. ── */
.dcci-phub-pracq{margin-top:30px;overflow:hidden;border:none;border-radius:28px;padding:26px 28px 28px;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.10) 0%, transparent 55%),
    linear-gradient(165deg,#3a1a6b 0%,#331563 45%,#2a1052 100%);
  box-shadow:0 18px 42px rgba(43,20,95,0.30);
  display:block;}
.dcci-phub-pracq-main{min-width:0;max-width:780px;margin:0 0 4px;}
/* the practitioner board sits full width between the copy and the caveats */
.dcci-phub-nb--practitioner{margin:18px 0 0;}
.dcci-phub-nb--practitioner .dcci-phub-nb-card{min-height:200px;margin-left:0 !important;margin-right:0 !important;max-width:none !important;width:100% !important;}
.dcci-phub-nb--practitioner .dcci-phub-nb-cards{display:flex !important;justify-content:center !important;gap:30px !important;padding:14px 0 8px !important;max-width:1000px;margin:0 auto;}
.dcci-phub-nb--practitioner .dcci-phub-nb-col{align-items:stretch !important;flex:1 1 0 !important;min-width:0;max-width:480px;margin-top:0 !important;}
/* Inside the purple practitioner panel, the board itself is transparent so the
   sticky notes sit directly on the purple (like the tools tile artwork), with
   no inner white box. Head text goes light to read on purple. */
.dcci-phub-nb--practitioner .dcci-phub-nb-board{background:transparent !important;border:none !important;box-shadow:none !important;padding:8px 0 0;}
.dcci-phub-nb--practitioner .dcci-phub-nb-board::after{display:none;}
.dcci-phub-nb--practitioner .dcci-phub-nb-board-head{border-bottom-color:rgba(255,255,255,0.22);}
.dcci-phub-nb--practitioner .dcci-phub-nb-board-title{color:#fff;}
.dcci-phub-nb--practitioner .dcci-phub-nb-board-sub{color:rgba(255,255,255,0.8);}
.dcci-phub-pracq-eyebrow{display:block;font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:10.5px;font-weight:800;
  letter-spacing:0.12em;text-transform:uppercase;color:#9edbe6;margin:0 0 7px;}
.dcci-phub-pracq-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:16px;font-weight:800;
  letter-spacing:-0.01em;color:#fff;margin:0 0 8px;line-height:1.25;}
.dcci-phub-pracq-copy{font-size:13px;font-weight:500;line-height:1.55;color:rgba(255,255,255,0.88);margin:0 0 14px;}
.dcci-phub-pracq-btn{display:inline-flex;align-items:center;gap:8px;}
.dcci-phub-pracq-note{display:flex;align-items:flex-start;gap:9px;font-size:11.5px;font-weight:600;line-height:1.5;
  color:#5a4a72;background:rgba(255,255,255,0.7);border:1px solid #e2d5f2;border-radius:11px;padding:12px 14px;margin:0;}
.dcci-phub-pracq-note svg{flex:0 0 auto;margin-top:1px;color:#7a4fa8;}

/* ── External links ── */
.dcci-phub-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:26px;}
.dcci-phub-linkgroup{background:#fff;border:1px solid #ece4f5;border-radius:18px;padding:22px 24px;box-shadow:0 6px 18px rgba(46,18,80,0.06);}
.dcci-phub-linkgroup h3{font-size:14px;font-weight:800;color:#2e1250;margin:0 0 14px;padding-bottom:12px;border-bottom:2px solid var(--mca-tint-2);letter-spacing:-0.01em;}
.dcci-phub-linkgroup ul{list-style:none;margin:0;padding:0;}
.dcci-phub-linkgroup li{margin:0 0 10px;}
.dcci-phub-linkgroup li:last-child{margin-bottom:0;}
.dcci-phub-linkgroup a{display:inline-flex;align-items:flex-start;gap:7px;font-size:13.5px;font-weight:600;line-height:1.45;color:#4e1f72;text-decoration:none;transition:color .15s ease;}
.dcci-phub-linkgroup a:hover{color:#e91e63;}
.dcci-phub-linkgroup a svg{flex-shrink:0;margin-top:3px;}
.dcci-phub-disclaimer{margin-top:26px;font-size:12.5px;font-weight:500;line-height:1.6;color:#6a5a82;background:#f7f3fc;border:1px dashed #d9c8ec;border-radius:14px;padding:16px 20px;}

/* ── Organisations CTA band ── */
.dcci-phub-orgband{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#2e1250 0%,#4e1f72 55%,#6a2596 100%);padding:42px 44px;box-shadow:0 16px 40px rgba(46,18,80,0.28);}
.dcci-phub-orgband::before{content:'';position:absolute;top:-80px;right:-60px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(46,204,113,0.18) 0%,transparent 70%);pointer-events:none;}
.dcci-phub-orgband-inner{position:relative;z-index:1;max-width:640px;}
.dcci-phub-orgband .dcci-phub-eyebrow{color:#d83a6f;}
.dcci-phub-orgband .dcci-phub-eyebrow::before{background:#e91e63;}
.dcci-phub-orgband h2{font-size:clamp(20px,2.3vw,26px);font-weight:800;color:#fff;line-height:1.22;margin:0 0 14px;letter-spacing:-0.02em;}
.dcci-phub-orgband p{font-size:15px;font-weight:500;line-height:1.62;color:rgba(255,255,255,0.86);margin:0 0 24px;}

/* ── Update tracker ── */
.dcci-phub-tracker{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:26px;}
.dcci-phub-trk{background:#fff;border:1px solid #ece4f5;border-radius:14px;padding:16px 18px;box-shadow:0 4px 14px rgba(46,18,80,0.05);}
.dcci-phub-trk-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;border-radius:999px;padding:4px 10px;margin-bottom:10px;}
.dcci-phub-trk-status.is-watching{color:#b06a16;background:#fdf3e3;}
.dcci-phub-trk-status.is-watching::before{content:'';width:7px;height:7px;border-radius:999px;background:#e8a33d;}
.dcci-phub-trk-status.is-added{color:#1e8a4a;background:#e6f7ee;}
.dcci-phub-trk-status.is-added::before{content:'';width:7px;height:7px;border-radius:999px;background:#2ecc71;}
.dcci-phub-trk h4{font-size:14px;font-weight:700;color:#2e1250;margin:0 0 5px;line-height:1.3;}
.dcci-phub-trk p{font-size:12.5px;font-weight:500;line-height:1.5;color:#6a5a82;margin:0;}

/* ── What has happened band ── */
.dcci-phub-happened{background:#fff;border:1px solid #ece4f5;border-radius:18px;padding:26px 28px;box-shadow:0 6px 18px rgba(46,18,80,0.06);margin-top:22px;max-width:760px;}
.dcci-phub-happened p{font-size:14.5px;font-weight:500;line-height:1.64;color:#4e1f72;margin:0 0 14px;}
.dcci-phub-happened p:last-child{margin-bottom:0;}

/* ── Calm closing CTA: two routes (individuals + organisations/teams) ── */
.dcci-phub-close{max-width:880px;margin:0 auto;text-align:center;}
.dcci-phub-close-head{margin:0 0 26px;}
.dcci-phub-close-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:clamp(20px,2.2vw,25px);
  font-weight:800;line-height:1.25;letter-spacing:-0.01em;color:#2e1250;margin:0 0 12px;}
.dcci-phub-close-intro{font-size:15px;font-weight:500;line-height:1.62;color:#4e1f72;margin:0 auto;max-width:620px;}
.dcci-phub-close-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;text-align:left;}
@media (max-width:680px){.dcci-phub-close-cards{grid-template-columns:1fr;}}
.dcci-phub-close-card{display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff 0%,#f3fafd 100%);
  border:1px solid #cfe6ef;border-radius:18px;padding:24px 24px 22px;box-shadow:0 6px 18px rgba(46,18,80,0.06);}
.dcci-phub-close-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  color:#fff;margin:0 0 14px;background:linear-gradient(135deg,var(--mca-teal),var(--mca-teal-deep));
  box-shadow:0 5px 12px rgba(46,18,80,0.18);}
.dcci-phub-close-ico svg{width:23px;height:23px;}
.dcci-phub-close-card-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:16.5px;font-weight:800;
  color:#2e1250;letter-spacing:-0.01em;margin:0 0 9px;}
.dcci-phub-close-card-desc{font-size:13.5px;font-weight:500;line-height:1.6;color:#4e1f72;margin:0 0 18px;}
.dcci-phub-close-btn{align-self:flex-start;margin-top:auto;display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:800;text-decoration:none;color:#fff;
  background:linear-gradient(135deg,#d83a6f 0%,#bf2f5f 100%);border-radius:999px;padding:10px 18px;
  box-shadow:0 6px 16px rgba(216,58,111,0.32);transition:transform .15s ease,filter .15s ease;}
.dcci-phub-close-btn:hover{transform:translateY(-2px);filter:brightness(1.05);color:#fff;}
@media (max-width:680px){.dcci-phub-close-btn{align-self:stretch;justify-content:center;}}

/* ── Closing CTA band: header-matching teal gradient ──────────────────
   Just this section (#next-steps) carries the bold hero gradient so it
   bookends the page with the header. Heading/intro flip to white for
   contrast; the two route cards keep their light backgrounds + dark text. */
#next-steps{position:relative;overflow:hidden;
  background:linear-gradient(118deg,#2e1250 0%,#3b3f7a 24%,#3f7da0 52%,#5aa6c0 76%,#71b4cb 100%);}
#next-steps::after{content:'';position:absolute;bottom:-140px;right:-40px;width:520px;height:520px;border-radius:999px;
  background:radial-gradient(circle,rgba(113,180,203,0.45) 0%,transparent 68%);pointer-events:none;z-index:0;}
#next-steps .dcci-phub-wrap{position:relative;z-index:1;}
#next-steps .dcci-phub-close-title{color:#fff;}
#next-steps .dcci-phub-close-intro{color:rgba(255,255,255,0.88);}

@media (max-width:640px){
  .dcci-phub-section{padding:38px 0;}
  .dcci-phub-orgband{padding:32px 26px;}
  .dcci-phub-hero{padding:44px 0 50px;}
  .dcci-phub-btn{width:100%;justify-content:center;}
  .dcci-phub-hero-ctas{gap:12px;}
}

/* ── Featured topic band (current CPD briefing / featured resource) ── */
.dcci-phub-featured{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#2e1250 0%,#3f6a90 50%,#4f93ab 100%);padding:38px 40px;box-shadow:0 16px 40px rgba(46,18,80,0.26);}
.dcci-phub-featured::before{content:'';position:absolute;top:-90px;right:-70px;width:300px;height:300px;border-radius:999px;background:radial-gradient(circle,rgba(233,30,99,0.30) 0%,transparent 70%);pointer-events:none;}
.dcci-phub-featured-inner{position:relative;z-index:1;max-width:680px;}
.dcci-phub-featured-flag{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:#3a1560;background:#ffd6e7;border-radius:999px;padding:5px 13px;margin:0 0 16px;}
.dcci-phub-featured h2{font-size:clamp(20px,2.4vw,27px);font-weight:800;color:#fff;line-height:1.2;letter-spacing:-0.02em;margin:0 0 14px;}
.dcci-phub-featured p{font-size:15px;font-weight:500;line-height:1.64;color:rgba(255,255,255,0.88);margin:0 0 22px;}
.dcci-phub-featured .dcci-phub-btn--pink{box-shadow:0 8px 22px rgba(216,58,111,0.42);}
.dcci-phub-featured-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px;}
.dcci-phub-featured-tag{font-size:10.5px;font-weight:700;letter-spacing:0.03em;color:#fff;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.22);border-radius:999px;padding:4px 11px;}
.dcci-phub-featured-btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.dcci-phub-btn--ghost-light{background:rgba(255,255,255,0.12);color:#fff;border:1.5px solid rgba(255,255,255,0.45);}
.dcci-phub-btn--ghost-light:hover{background:rgba(255,255,255,0.2);color:#fff;border-color:#fff;transform:translateY(-2px);}
.dcci-phub-btn.is-soon-btn{cursor:default;opacity:0.78;}
.dcci-phub-btn.is-soon-btn:hover{transform:none;filter:none;box-shadow:none;}

/* Anchored sections clear the sticky portal header when jumped to */
.dcci-phub-section{scroll-margin-top:90px;}

/* ── Practice experts (credibility cards, not a staff directory) ── */
.dcci-phub-experts{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:22px;margin-top:28px;}
.dcci-phub-expert{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #ece4f5;border-radius:20px;padding:26px 26px 22px;box-shadow:0 8px 24px rgba(46,18,80,0.07);overflow:hidden;}
.dcci-phub-expert::before{display:none;}
.dcci-phub-expert-head{display:flex;align-items:center;gap:16px;margin-bottom:18px;}
.dcci-phub-expert-portrait{width:64px;height:64px;border-radius:16px;flex-shrink:0;object-fit:cover;box-shadow:0 6px 16px rgba(46,18,80,0.16);}
.dcci-phub-expert-portrait--initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4e1f72 0%,#7a2da0 60%,#e91e63 130%);color:#fff;font-family:var(--dcc-font,'Montserrat',sans-serif);font-weight:800;font-size:21px;letter-spacing:0.02em;}
.dcci-phub-expert-id{min-width:0;}
.dcci-phub-expert-name{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:18px;font-weight:800;color:#2e1250;line-height:1.2;margin:0 0 7px;letter-spacing:-0.01em;}
.dcci-phub-expert-rolebadge{display:inline-block;font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:11px;font-weight:700;letter-spacing:0.02em;color:#fff;background:linear-gradient(135deg,#4e1f72 0%,#7a2da0 100%);border-radius:999px;padding:4px 12px;}
.dcci-phub-expert-profile{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13.5px;font-weight:500;line-height:1.6;color:#5a4a72;margin:0 0 12px;}
.dcci-phub-expert-focus{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13.5px;font-weight:600;line-height:1.55;color:#2e1250;background:var(--mca-tint);border-left:3px solid var(--mca-teal);border-radius:0 12px 12px 0;padding:12px 16px;margin:6px 0 18px;}
.dcci-phub-expert-focus-label{font-weight:800;color:#4e1f72;}
.dcci-phub-expert-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;}
.dcci-phub-expert-tag{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:10.5px;font-weight:600;letter-spacing:0.03em;color:#6a5a82;background:#f7f4fb;border:1px solid #ece6f3;border-radius:999px;padding:4px 11px;}
@media (max-width:480px){
  .dcci-phub-expert{padding:22px 20px 20px;}
  .dcci-phub-expert-head{gap:13px;}
  .dcci-phub-expert-portrait{width:54px;height:54px;border-radius:14px;}
}

/* ── On this page (contents guide, built from active sections) ── */
.dcci-phub-toc{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#eef8fb 0%,#e4f2f7 100%);border-bottom:1px solid #d3e9f0;}
.dcci-phub-toc .dcci-phub-wrap{max-width:1160px;padding-top:6px;padding-bottom:10px;}
.dcci-phub-toc-inner{background:#f6fcfd;border:1px solid #d7ecf2;border-top:3px solid var(--mca-teal);border-radius:16px;padding:16px 24px;box-shadow:0 3px 12px rgba(63,138,166,0.07);}
.dcci-phub-toc-head{margin:0 0 12px;}
.dcci-phub-toc-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:#4e1f72;margin:0 0 5px;display:flex;align-items:center;gap:8px;}
.dcci-phub-toc-title::before{content:'';width:18px;height:2px;border-radius:2px;background:var(--mca-teal);display:inline-block;}
.dcci-phub-toc-sub{font-size:13.5px;font-weight:500;line-height:1.5;color:#4a5560;margin:0;max-width:900px;}
.dcci-phub-toc-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;}
.dcci-phub-toc-list li{margin:0;padding:0;}
.dcci-phub-toc-link{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12.5px;font-weight:700;color:#3a6a7d;background:#eaf6fa;border:1px solid #cfe7ef;border-radius:999px;padding:7px 15px;text-decoration:none;display:inline-block;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;white-space:nowrap;}
.dcci-phub-toc-link:hover,.dcci-phub-toc-link:focus-visible{background:linear-gradient(135deg,var(--mca-teal) 0%,var(--mca-teal-deep) 100%);color:#fff;border-color:var(--mca-teal-deep);transform:translateY(-1px);box-shadow:0 5px 14px rgba(63,138,166,0.25);outline:none;}
.dcci-phub-toc-link.is-active{background:linear-gradient(135deg,#d83a6f 0%,#bf2f5f 100%);color:#fff;border-color:#d83a6f;box-shadow:0 5px 14px rgba(216,58,111,0.28);}
@media (max-width:640px){
  .dcci-phub-toc{position:static;}
  .dcci-phub-toc .dcci-phub-wrap{padding-top:8px;padding-bottom:8px;}
  .dcci-phub-toc-inner{padding:14px 15px;border-radius:14px;}
  .dcci-phub-toc-sub{font-size:13.5px;}
  .dcci-phub-toc-list{gap:6px;}
  .dcci-phub-toc-link{font-size:11.5px;padding:6px 11px;}
}

/* ── Published / credibility works (compact, not a CV) ── */
.dcci-phub-pubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:26px;}
.dcci-phub-pub{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #ece4f5;border-radius:16px;padding:20px 20px 18px;text-decoration:none;box-shadow:0 5px 16px rgba(46,18,80,0.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.dcci-phub-pub::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--mca-teal) 0%,#4e1f72 100%);border-radius:16px 0 0 16px;}
a.dcci-phub-pub:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,18,80,0.13);border-color:var(--mca-teal);}
.dcci-phub-pub-kind{font-size:9.5px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--mca-teal-deep);margin:0 0 8px;}
.dcci-phub-pub-title{font-size:14.5px;font-weight:700;line-height:1.32;color:#2e1250;margin:0 0 7px;}
.dcci-phub-pub-desc{font-size:12.5px;font-weight:500;line-height:1.55;color:#6a5a82;margin:0;flex-grow:1;}
.dcci-phub-pub-cta{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:#9a6abf;margin-top:13px;}
.dcci-phub-pub.is-tbc{cursor:default;background:#faf7fd;border-style:dashed;border-color:#e0d2ef;box-shadow:none;}
.dcci-phub-pub.is-tbc::before{opacity:0.45;}
.dcci-phub-pub.is-tbc .dcci-phub-pub-cta{color:#a98fc4;}

/* ── Share a practice question band ── */
.dcci-phub-ask{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#23304a 0%,#2e1250 60%,#4e1f72 100%);padding:40px 44px;box-shadow:0 16px 40px rgba(46,18,80,0.26);}
.dcci-phub-ask::before{content:'';position:absolute;bottom:-90px;right:-60px;width:300px;height:300px;border-radius:999px;background:radial-gradient(circle,rgba(46,204,113,0.16) 0%,transparent 70%);pointer-events:none;}
.dcci-phub-ask-inner{position:relative;z-index:1;max-width:680px;}
.dcci-phub-ask .dcci-phub-eyebrow{color:#d83a6f;}
.dcci-phub-ask .dcci-phub-eyebrow::before{background:#e91e63;}
.dcci-phub-ask h2{font-size:clamp(20px,2.3vw,26px);font-weight:800;color:#fff;line-height:1.22;margin:0 0 14px;letter-spacing:-0.02em;}
.dcci-phub-ask p{font-size:14.5px;font-weight:500;line-height:1.62;color:rgba(255,255,255,0.86);margin:0 0 14px;}
.dcci-phub-ask p:last-of-type{margin-bottom:24px;}
.dcci-phub-ask-note{font-size:12.5px;color:rgba(255,255,255,0.72);}
.dcci-phub-btn--ghost-light{background:rgba(255,255,255,0.12);color:#fff;border:1.5px solid rgba(255,255,255,0.45);}

/* ── Last reviewed stamp ── */
.dcci-phub-reviewed{font-size:12.5px;font-weight:600;color:#8a6aa8;margin:24px 0 0;}

/* ════════════════════════════════════════════════════════════
   COMBINED OPENING BLOCK  (.dcci-phub-intro-block)
   One cohesive pale teal/blue "Practice Support" introduction that
   joins the On this page guide, Start here row and Practice
   expertise row into a single section beneath the hero.
   #eef8fb soft tint · #71b4cb teal accents · #2e1250/#4e1f72 purple
   text · #e91e63 pink used sparingly. SEO H2 anchors retained inside.
   ════════════════════════════════════════════════════════════ */
.dcci-phub-intro-block{
  position:relative;
  background:#fff;
  border:1px solid #d7ecf2;border-radius:22px;
  padding:60px clamp(40px,4.8vw,68px) 80px;
  margin:0 0 26px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(46,18,80,0.08);
  scroll-margin-top:24px;
}
/* Teal top accent on the Start Here panel (matches the other dashboard panels) */
.dcci-phub-intro-block::before{content:none;}
/* Override-proof: force the Start Here + Expertise blocks to render as white
   panels regardless of any global/zone/stale rule still in the cascade. */
.dcci-phub-canvas .dcci-phub-intro-block,
.dcci-phub-zone-body .dcci-phub-intro-block,
.dcci-phub-intro-block{
  background:#fffcfa !important;border:1px solid #e6cfbd !important;border-radius:22px !important;
  box-shadow:0 10px 28px rgba(46,18,80,0.08) !important;}
.dcci-phub-intro-block--experts{background:#fffcfa !important;}
.dcci-phub-intro-block .dcci-phub-wrap{max-width:none;padding:0;}

/* Soft internal dividers that keep the three rows feeling joined, not stacked */
.dcci-phub-intro-rule{height:1px;border:0;margin:34px 0;
  background:linear-gradient(90deg,transparent 0%,rgba(113,180,203,0.45) 18%,rgba(113,180,203,0.45) 82%,transparent 100%);}
/* A touch more air before the Practice expertise row — still one connected block */
.dcci-phub-intro-rule--airy{margin:46px 0 42px;}
@media (max-width:640px){.dcci-phub-intro-rule--airy{margin:38px 0 34px;}}

/* 1 — On this page guide (now integrated at the top of the block) */
.dcci-phub-intro-toc{background:#f6fcfd;border:1px solid #d7ecf2;border-top:3px solid var(--mca-teal);
  border-radius:16px;padding:16px 24px;box-shadow:0 3px 12px rgba(63,138,166,0.07);}
.dcci-phub-intro-toc-head{margin:0 0 12px;}
.dcci-phub-intro-toc-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13px;font-weight:800;
  letter-spacing:0.12em;text-transform:uppercase;color:#4e1f72;margin:0 0 5px;display:flex;align-items:center;gap:8px;}
.dcci-phub-intro-toc-title::before{content:'';width:18px;height:2px;border-radius:2px;background:var(--mca-teal);display:inline-block;}
.dcci-phub-intro-toc-sub{font-size:13.5px;font-weight:500;line-height:1.5;color:#4a5560;margin:0;max-width:1000px;}
.dcci-phub-intro-toc-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;}
.dcci-phub-intro-toc-list li{margin:0;padding:0;}
@media (min-width:861px){.dcci-phub-intro-toc-sub{white-space:nowrap;}}
@media (max-width:640px){
  .dcci-phub-intro-toc{padding:14px 15px;border-radius:14px;}
  .dcci-phub-intro-toc-sub{white-space:normal;}
}

/* Shared eyebrow inside the block (matches section eyebrow language) */
.dcci-phub-intro-block .dcci-phub-eyebrow{margin-bottom:12px;}
.dcci-phub-intro-block .dcci-phub-h2{font-size:clamp(19px,2vw,24px);margin-bottom:14px;}
.dcci-phub-intro-start-lead .dcci-phub-h2{color:#654c66;font-size:clamp(28px,3.4vw,38px);line-height:1.12;}
/* Match these section headings to the Start Here heading size */
.dcci-phub-section .dcci-phub-h2,
.dcci-phub-intro-block--experts .dcci-phub-h2{font-size:clamp(28px,3.4vw,38px);line-height:1.12;color:#654c66;}
/* Named section headings recoloured to the warm mauve (654c66): "Practical MCA
   and DoLS resources", "Explore by practice theme" and "What we are hearing and
   watching". Scoped by section id so other section H2s keep the deep purple. */
#ready-to-use-now > .dcci-phub-wrap > .dcci-phub-h2,
#explore-by-practice-theme > .dcci-phub-wrap > .dcci-phub-h2,
#what-we-are-hearing-and-watching > .dcci-phub-wrap > .dcci-phub-h2{color:#654c66;}
/* Matching intro paragraphs under those four headings recoloured to 654c66.
   Scoped by section id / experts container so other intros keep #4e1f72. */
.dcci-phub-intro-block--experts .dcci-phub-intro--full,
#ready-to-use-now > .dcci-phub-wrap > .dcci-phub-intro,
#explore-by-practice-theme > .dcci-phub-wrap > .dcci-phub-intro,
#what-we-are-hearing-and-watching > .dcci-phub-wrap > .dcci-phub-intro{color:#654c66;max-width:none;}

/* 2 — Start here row: lead text (fills) + orientation art + support card */
.dcci-phub-intro-start{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,31fr) minmax(0,29fr);gap:26px;align-items:start;}
.dcci-phub-intro-start-lead{min-width:0;padding-top:4px;}
/* Centre image — the deliberate centrepiece. Slightly larger, nudged down to
   align with the heading/copy, held by a soft glow rather than floating. */
.dcci-phub-intro-start-art{display:flex;align-items:flex-start;justify-content:center;min-width:0;margin-top:23px;}
.dcci-phub-intro-start-art img{display:block;width:100%;max-width:400px;height:auto;border-radius:20px;
  filter:drop-shadow(0 18px 34px rgba(46,18,80,0.22)) drop-shadow(0 2px 10px rgba(158,219,230,0.28));}
@media (max-width:980px){
  .dcci-phub-intro-start{grid-template-columns:1fr;gap:22px;}
  .dcci-phub-intro-start-art{order:0;margin-top:0;}
  .dcci-phub-intro-start-art img{max-width:220px;}
  .dcci-phub-intro-aside{margin-top:0;}
}
.dcci-phub-intro-start-lead .dcci-phub-intro{max-width:none;margin:0 0 14px;color:#4e1f72;}
.dcci-phub-intro-start-lead .dcci-phub-intro:last-child{margin-bottom:0;}
/* "I need to..." quick-route pills under the Start Here intro */
.dcci-phub-intro-routes{margin-top:18px;padding-top:16px;border-top:1px solid #e0eff4;}
.dcci-phub-intro-routes-label{display:block;font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:11px;
  font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--mca-teal-deep);margin:0 0 11px;}
.dcci-phub-intro-routes-list{list-style:none;display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;}
.dcci-phub-intro-routes-list li{margin:0;}
.dcci-phub-intro-route{display:inline-flex;align-items:center;gap:7px;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:13px;font-weight:700;color:#654c66;text-decoration:none;background:#fff;border:1px solid #bcdde8;
  border-radius:999px;padding:8px 15px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;}
.dcci-phub-intro-route svg{flex:0 0 auto;color:#d83a6f;transition:transform .15s ease;}
.dcci-phub-intro-route:hover{background:#eaf6fa;border-color:var(--mca-teal);color:#654c66;transform:translateY(-1px);}
.dcci-phub-intro-route:hover svg{transform:translateX(2px);}
/* Right column wrapper: support card with the boundary note directly beneath it */
.dcci-phub-intro-aside{display:flex;flex-direction:column;gap:12px;margin-top:36px;}
/* Soft boundary note attached to the support card — a gentle reminder, not an alert */
.dcci-phub-intro-note{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.55;
  color:#4e1f72;background:#eef8fb;border:1px solid #d3eaf1;border-left:3px solid var(--mca-teal);
  border-radius:0 11px 11px 0;padding:11px 15px;margin:0;}
.dcci-phub-intro-note-ico{flex:0 0 auto;margin-top:1px;color:var(--mca-teal-deep);}
/* Practice boundary — soft inset note at the foot of the support card. */
.dcci-phub-intro-usecard-boundary{margin-top:16px;padding:12px 14px;
  background:#f3fafd;border:1px solid #e0eff4;border-left:3px solid var(--mca-teal);border-radius:0 10px 10px 0;}
.dcci-phub-intro-boundary-title{display:flex;align-items:center;gap:8px;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:11px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;color:#d83a6f;margin:0 0 6px;}
.dcci-phub-intro-boundary-title .dcci-phub-intro-note-ico{color:#d83a6f;}
.dcci-phub-intro-boundary-text{font-size:12px;font-weight:500;line-height:1.5;color:#5a4a72;margin:0;}
.dcci-phub-intro-usecard{background:#fff;border:1px solid #bcdde8;
  border-radius:16px;padding:20px 22px;box-shadow:0 8px 20px rgba(46,18,80,0.08);}
.dcci-phub-intro-usecard-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12px;font-weight:800;
  letter-spacing:0.12em;text-transform:uppercase;color:var(--mca-teal-deep);margin:0 0 14px;}
.dcci-phub-intro-usecard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.dcci-phub-intro-usecard-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;font-weight:600;line-height:1.4;color:#2e1250;}
.dcci-phub-intro-tick{flex:0 0 auto;width:20px;height:20px;border-radius:999px;padding:3px;box-sizing:border-box;
  background:var(--mca-teal);color:#fff;margin-top:1px;}
@media (max-width:860px){.dcci-phub-intro-start{grid-template-columns:1fr;gap:24px;}}

/* 3 — Practice expertise row (compact expert cards) */
/* Section-level intro that spans the full content width above the expert cards.
   Stretches close to the full expert-card area; capped so it stays readable on
   very large screens. */
.dcci-phub-intro--full{max-width:none;margin:0 0 22px;}
/* Expertise block as a contained white panel on the pale canvas (matches the
   other dashboard modules: white, rounded, soft shadow, teal top accent). */
.dcci-phub-xpanel{position:relative;background:linear-gradient(180deg,#f4fbfd 0%,#eef8fb 100%);border:1px solid #d7ecf2;border-radius:20px;
  padding:26px clamp(20px,2.4vw,30px) 28px;margin-top:8px;overflow:hidden;
  box-shadow:0 10px 28px rgba(46,18,80,0.08);}
.dcci-phub-xpanel::before{content:none;}
.dcci-phub-intro-experts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px 22px;margin-top:18px;}
/* Override-proof white credibility cards: each person is a contained white box,
   not free text on the pale section background. */
.dcci-phub-intro-block .dcci-phub-intro-experts .dcci-phub-xc{
  background:#ffffff !important;border:1px solid #bcdde8 !important;border-radius:16px !important;
  padding:22px 22px 20px !important;box-shadow:0 10px 26px rgba(46,18,80,0.12) !important;}
/* Match the right-column boxes to the expert cards, override-proof. */
.dcci-phub-intro-block .dcci-phub-intro-usecard,
.dcci-phub-intro-block .dcci-phub-intro-boundary{
  background:#fff !important;border:1px solid #bcdde8 !important;border-radius:16px !important;
  box-shadow:0 10px 26px rgba(46,18,80,0.12) !important;}
.dcci-phub-xc{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #bcdde8;
  border-radius:16px;padding:22px 22px 20px;box-shadow:0 10px 26px rgba(46,18,80,0.12);overflow:hidden;
  transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;}
.dcci-phub-xc:hover{box-shadow:0 12px 28px rgba(46,18,80,0.13);border-color:var(--mca-teal);transform:translateY(-2px);}
.dcci-phub-xc::before{display:none;}
.dcci-phub-xc-head{display:flex;align-items:center;gap:16px;margin-bottom:14px;padding-right:62px;}
/* CV button — top-right corner of each expert card */
.dcci-phub-xc-cv{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;gap:5px;
  font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:11px;font-weight:700;letter-spacing:0.04em;
  color:var(--mca-teal-deep) !important;background:#f3fafd !important;border:1px solid #bcdde8 !important;
  border-radius:999px !important;box-shadow:none !important;text-shadow:none !important;
  padding:5px 12px 5px 10px;cursor:pointer;line-height:1;text-transform:none;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease;}
.dcci-phub-xc-cv svg{flex:0 0 auto;}
.dcci-phub-xc-cv:hover,.dcci-phub-xc-cv:focus{background:var(--mca-teal-deep) !important;border-color:var(--mca-teal-deep) !important;color:#fff !important;
  transform:translateY(-1px);box-shadow:0 5px 14px rgba(46,18,80,0.18) !important;}
.dcci-phub-xc-cv:focus-visible{outline:2px solid var(--mca-teal-deep);outline-offset:2px;}
/* CV lightbox */
.dcci-cv-lightbox{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;
  padding:28px;background:rgba(30,12,52,0.72);backdrop-filter:blur(3px);opacity:0;visibility:hidden;
  transition:opacity .2s ease,visibility .2s ease;}
.dcci-cv-lightbox.is-open{opacity:1;visibility:visible;}
.dcci-cv-lightbox-figure{position:relative;max-width:min(880px,94vw);max-height:92vh;margin:0;display:flex;
  flex-direction:column;transform:scale(.97);transition:transform .2s ease;}
.dcci-cv-lightbox.is-open .dcci-cv-lightbox-figure{transform:scale(1);}
.dcci-cv-lightbox-img{display:block;max-width:100%;max-height:84vh;width:auto;height:auto;border-radius:12px;
  box-shadow:0 24px 60px rgba(0,0,0,0.45);background:#fff;}
.dcci-cv-lightbox-cap{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12.5px;font-weight:600;
  letter-spacing:0.02em;color:#fff;text-align:center;margin-top:12px;opacity:.92;}
.dcci-cv-lightbox-close{position:absolute;top:-14px;right:-14px;z-index:2;width:40px;height:40px;border-radius:50% !important;
  display:flex;align-items:center;justify-content:center;background:#fff !important;color:#2e1250 !important;border:none !important;cursor:pointer;text-shadow:none !important;
  box-shadow:0 6px 18px rgba(0,0,0,0.3) !important;transition:transform .15s ease,background .15s ease,color .15s ease;}
.dcci-cv-lightbox-close:hover,.dcci-cv-lightbox-close:focus{transform:scale(1.06);background:var(--mca-teal-deep) !important;color:#fff !important;}
.dcci-cv-lightbox-close:focus-visible{outline:2px solid #fff;outline-offset:2px;}
@media (max-width:600px){
  .dcci-cv-lightbox{padding:16px;}
  .dcci-cv-lightbox-close{top:-8px;right:-8px;width:36px;height:36px;}
}
.dcci-phub-xc-avatar{width:92px;height:92px;border-radius:50% !important;clip-path:circle(50% at 50% 50%);flex-shrink:0;object-fit:cover;object-position:center;
  box-shadow:0 6px 16px rgba(46,18,80,0.16);max-width:none;background:transparent;filter:saturate(1.12) contrast(1.08) brightness(1.04);}
.dcci-phub-xc-avatar--initials{display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--mca-teal-deep) 0%,#4e1f72 90%);color:#fff;
  font-family:var(--dcc-font,'Montserrat',sans-serif);font-weight:800;font-size:30px;letter-spacing:0.02em;}
.dcci-phub-xc-id{min-width:0;}
.dcci-phub-xc-name{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:17px;font-weight:800;
  color:#2e1250;line-height:1.2;margin:0 0 5px;letter-spacing:-0.01em;}
.dcci-phub-xc-role{display:inline-block;font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:9.5px;
  font-weight:600;letter-spacing:0.02em;text-transform:uppercase;color:#d83a6f;background:transparent;
  border:none;border-radius:0;padding:0;}
/* Compact strip: short focus line (no biography here — fuller bio lives in the slide-over).
   Subtle teal accent so it reads as "why they are here" at a glance, not a bio. */
.dcci-phub-xc-bio{display:none;}
.dcci-phub-xc-focus{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12.5px;font-weight:500;
  line-height:1.5;color:#4a5a6a;background:#f3fafd;border-left:3px solid var(--mca-teal);
  border-radius:0 9px 9px 0;padding:8px 12px;margin:0 0 13px;}
.dcci-phub-xc-focus-label{font-weight:800;color:var(--mca-teal-deep);}
.dcci-phub-xc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;}
.dcci-phub-xc-tag{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:9.5px;font-weight:600;
  letter-spacing:0.01em;color:#654c66;background:#fff;border:1px solid #bcdde8;border-radius:999px;padding:3px 9px;line-height:1.35;}

/* Strip header: headings on the left, "Meet the practice team" button on the right */
.dcci-phub-xstrip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;}
/* Row holding the "Meet the practice team" button below the intro, right-aligned. */
.dcci-phub-xstrip-more-row{display:flex;justify-content:flex-end;margin:0 0 8px;}
.dcci-phub-xstrip-headings{min-width:0;}
.dcci-phub-xstrip-more{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13px;font-weight:700;
  color:#654c66 !important;text-decoration:none;background:#fff !important;border:1px solid #bcdde8 !important;
  border-radius:999px !important;box-shadow:none !important;text-shadow:none !important;
  padding:8px 15px;white-space:nowrap;cursor:pointer;margin-top:4px;text-transform:none;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;}
.dcci-phub-xstrip-more svg{flex:0 0 auto;color:#d83a6f;transition:transform .15s ease;}
.dcci-phub-xstrip-more:hover,.dcci-phub-xstrip-more:focus{background:#eaf6fa !important;border-color:var(--mca-teal) !important;color:#654c66 !important;transform:translateY(-1px);}
.dcci-phub-xstrip-more:hover svg{transform:translateX(2px);}
.dcci-phub-xstrip-more:focus-visible{outline:2px solid var(--mca-teal-deep);outline-offset:2px;}

/* ── Meet the practice team: right-hand slide-over ── */
.dcci-team-overlay{position:fixed;inset:0;z-index:99998;background:rgba(28,12,52,0.42);
  opacity:0;transition:opacity .28s ease;}
.dcci-team-overlay.is-open{opacity:1;}
.dcci-team-panel{position:fixed;top:0;right:0;z-index:99999;height:100vh;height:100dvh;
  width:min(560px,92vw);background:var(--mca-tint,#eef8fb);box-shadow:-18px 0 48px rgba(28,12,52,0.22);
  border-radius:22px 0 0 22px;transform:translateX(100%);transition:transform .3s cubic-bezier(.22,.61,.36,1);
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.dcci-team-panel.is-open{transform:translateX(0);}
.dcci-team-panel:focus{outline:none;}
.dcci-team-panel-inner{padding:26px 26px 34px;}
.dcci-team-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;}
.dcci-team-panel-eyebrow{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:11px;font-weight:800;
  letter-spacing:0.14em;text-transform:uppercase;color:var(--mca-teal-deep);margin:0 0 8px;}
.dcci-team-panel-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:clamp(20px,2.4vw,25px);
  font-weight:800;line-height:1.22;letter-spacing:-0.01em;color:#2e1250;margin:0;}
.dcci-team-panel-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:11px !important;border:1px solid #c4e1ea !important;background:#fff !important;color:var(--mca-teal-deep) !important;
  box-shadow:none !important;text-shadow:none !important;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.dcci-team-panel-close:hover,.dcci-team-panel-close:focus{background:var(--mca-teal-deep) !important;border-color:var(--mca-teal-deep) !important;color:#fff !important;}
.dcci-team-panel-close:focus-visible{outline:2px solid var(--mca-teal-deep);outline-offset:2px;}
.dcci-team-panel-intro{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13.5px;font-weight:500;
  line-height:1.6;color:#5a4a72;margin:0 0 22px;}
.dcci-team-panel-cards{display:flex;flex-direction:column;gap:16px;}
.dcci-team-card{background:#fff;border:1px solid #c4e1ea;border-radius:16px;padding:20px 20px 18px;
  box-shadow:0 6px 16px rgba(46,18,80,0.06);}
.dcci-team-card-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.dcci-team-card-avatar{width:52px;height:52px;border-radius:50%;clip-path:circle(50% at 50% 50%);flex-shrink:0;object-fit:cover;object-position:center;
  box-shadow:0 4px 12px rgba(46,18,80,0.16);background:transparent;filter:saturate(1.12) contrast(1.08) brightness(1.04);}
.dcci-team-card-avatar--initials{display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--mca-teal-deep) 0%,#4e1f72 90%);color:#fff;
  font-family:var(--dcc-font,'Montserrat',sans-serif);font-weight:800;font-size:18px;letter-spacing:0.02em;}
.dcci-team-card-id{min-width:0;display:flex;flex-direction:column;gap:4px;}
.dcci-team-card-name{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:17px;font-weight:800;
  color:#2e1250;line-height:1.15;margin:0;letter-spacing:-0.01em;}
.dcci-team-card-role{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:9.5px;font-weight:600;
  letter-spacing:0.02em;text-transform:uppercase;color:#d83a6f;}
.dcci-team-card-bio{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13.5px;font-weight:500;
  line-height:1.6;color:#5a4a72;margin:0 0 14px;}
.dcci-team-card-focus{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13px;font-weight:600;
  line-height:1.55;color:#2e1250;background:var(--mca-tint,#eef8fb);border-left:3px solid var(--mca-teal);
  border-radius:0 12px 12px 0;padding:11px 15px;margin:0 0 14px;}
.dcci-team-card-focus-label{font-weight:800;color:#4e1f72;}
.dcci-team-card-tags{display:flex;flex-wrap:wrap;gap:6px;}
.dcci-team-card-tag{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:10px;font-weight:600;
  letter-spacing:0.01em;color:#3a6a7d;background:#f3fafd;border:1px solid #d8ecf2;border-radius:999px;padding:3px 10px;}
body.dcci-team-open{overflow:hidden;}
@media (max-width:480px){
  .dcci-team-panel{width:100vw;border-radius:0;}
  .dcci-team-panel-inner{padding:22px 18px 30px;}
}
@media (prefers-reduced-motion:reduce){
  .dcci-team-overlay,.dcci-team-panel{transition:none;}
}
@media (max-width:480px){
  .dcci-phub-intro-block{padding:26px 0 38px;}
  .dcci-phub-xc{padding:16px 16px 14px;}
}
/* ════════════════════════════════════════════════════════════
   READY TO USE NOW  (.dcci-phub-ready*)  — the main practical gateway.
   Grouped by what a practitioner wants to do (tools, briefings,
   infographics, links, prompts), not by admin content type. Empty
   groups show a calm "growing" line instead of coming-soon cards.
   ════════════════════════════════════════════════════════════ */
.dcci-phub-ready{display:flex;flex-direction:column;gap:30px;margin-top:28px;}
.dcci-phub-ready-group{position:relative;}
.dcci-phub-ready-grouphead{display:flex;align-items:flex-start;gap:14px;margin:0 0 16px;
  padding-bottom:14px;border-bottom:1px solid #d7ecf2;}
.dcci-phub-ready-groupico{flex:0 0 auto;width:40px;height:40px;border-radius:11px;display:flex;
  align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,var(--mca-teal) 0%,var(--mca-teal-deep) 100%);}
.dcci-phub-ready-groupico svg{width:21px;height:21px;}
.dcci-phub-ready-grouptitle{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:16.5px;
  font-weight:800;color:#2e1250;line-height:1.25;margin:2px 0 4px;letter-spacing:-0.01em;}
.dcci-phub-ready-groupdesc{font-size:13.5px;font-weight:500;line-height:1.55;color:#5a4a72;margin:0;max-width:760px;}

/* Calm "growing" line shown when a group/section has no ready items yet */
.dcci-phub-growing{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;
  line-height:1.5;color:#4e1f72;background:#eef8fb;border:1px dashed #b9d9e4;border-radius:14px;
  padding:14px 18px;margin:4px 0 0;}
.dcci-phub-growing svg{flex:0 0 auto;color:var(--mca-teal-deep);}

/* External links inside a Ready group */
.dcci-phub-ready-links{list-style:none;margin:4px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px 24px;}
.dcci-phub-ready-links li{margin:0;}
.dcci-phub-ready-links a{display:inline-flex;align-items:flex-start;gap:8px;font-size:13.5px;
  font-weight:600;line-height:1.45;color:#4e1f72;text-decoration:none;transition:color .15s ease;}
.dcci-phub-ready-links a:hover{color:#e91e63;}
.dcci-phub-ready-links a svg{flex-shrink:0;margin-top:3px;color:var(--mca-teal-deep);}

/* Compact reflective-prompt grid when used inside a Ready group */
.dcci-phub-qs--compact{margin-top:4px;}

/* ════════════════════════════════════════════════════════════
   READY-TO-USE DASHBOARD  (.dcci-phub-dashboard / -stations / -dash*)
   A Portal-style resource dashboard: a top row of two prominent feature
   stations (compact previews of the Briefing Bookshelf and Infographic
   Stand modules), then a second row of three smaller cards.
   ════════════════════════════════════════════════════════════ */
.dcci-phub-dashboard{display:flex;flex-direction:column;gap:22px;margin-top:28px;}

/* ── Station layout: deliberate hierarchy, not equal columns ──
   Feature row (shelf + stand): two equal majors — big visual presence.
   Secondary row (tools + utilities): tools wider (1.35fr) + utilities narrower (0.65fr).
   The two rows stack with a gap that signals a change in register. */
.dcci-phub-stations{display:flex;flex-direction:column;gap:0;}
/* Feature row — the two major stations */
.dcci-phub-stations-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px;}
/* Tools row — the Practice tools console, stretched full width on its own row */
.dcci-phub-stations-tools{display:block;margin-bottom:22px;}
.dcci-phub-stations-tools .dcci-phub-station--tools{width:100%;}
/* Prompts row — MCA flashcards + Games and puzzles, two equal columns */
.dcci-phub-stations-prompts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch;}
/* Legacy secondary row (kept for any older markup): tools (wider) + tile (narrower) */
.dcci-phub-stations-secondary{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,0.85fr);gap:22px;align-items:stretch;}
.dcci-phub-station--prompts{display:block !important;grid-template-columns:1fr !important;}
.dcci-phub-station--prompts .dcci-phub-util--prompts{flex:1 1 auto;width:100%;border:none;border-radius:20px;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.10) 0%, transparent 55%),
    linear-gradient(165deg,#3a1a6b 0%,#331563 45%,#2a1052 100%);
  box-shadow:0 18px 42px rgba(43,20,95,0.30);padding:22px 24px 24px;}
/* Prompts panel text on the purple: white title, teal icon, soft white copy. */
.dcci-phub-util--prompts .dcci-phub-util-ico{color:#9edbe6;background:rgba(255,255,255,0.10);border-color:rgba(255,255,255,0.20);}
.dcci-phub-util--prompts .dcci-phub-util-title{color:#fff;}
.dcci-phub-util--prompts .dcci-phub-util-desc{color:rgba(255,255,255,0.86);}
/* Coming-soon button: quiet, non-clickable, clearly a planned state not a live CTA. */
.dcci-phub-util-btn--soon{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:auto;
  font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12.5px;font-weight:800;letter-spacing:0.02em;
  color:#fff;background:#d83a6f;border:1px solid #d83a6f;
  border-radius:999px;padding:9px 17px;cursor:default;box-shadow:0 8px 18px rgba(216,58,111,0.24);}
.dcci-phub-util-btn--soon:hover{transform:none;box-shadow:0 8px 18px rgba(216,58,111,0.24);color:#fff;background:#d83a6f;}
/* Illustration in the Practice prompts card (top-image layout, text + button below) */
.dcci-phub-util-img{display:block;width:100%;height:auto;margin:0 0 18px;border-radius:14px;
  box-shadow:0 8px 20px rgba(0,0,0,0.22);}
/* Body block matching the MCA tools card: teal eyebrow, white title, soft copy, button at foot */
.dcci-phub-util-body{display:flex;flex-direction:column;flex:1 1 auto;}
.dcci-phub-util-eyebrow{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:10.5px;font-weight:800;
  letter-spacing:0.1em;text-transform:uppercase;color:#9edbe6;margin:0 0 6px;}
.dcci-phub-util-h3{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:20px;font-weight:800;
  letter-spacing:-0.01em;line-height:1.18;color:#fff;margin:0 0 8px;}
.dcci-phub-util--prompts .dcci-phub-util-body .dcci-phub-util-desc{color:rgba(255,255,255,0.88);margin:0 0 14px;}
.dcci-phub-util-btn--soon svg{color:#fff;}
@media (max-width:1024px){
  .dcci-phub-stations-secondary{grid-template-columns:1fr;gap:16px;}
  .dcci-phub-stations-secondary > *{min-width:0;width:100%;}
  .dcci-phub-stations-prompts{grid-template-columns:1fr;gap:16px;}
  .dcci-phub-stations-prompts > *{min-width:0;width:100%;}
}
@media (max-width:900px){
  .dcci-phub-stations-feature{grid-template-columns:1fr;gap:16px;}
  .dcci-phub-stations-secondary{margin-top:0;}
}

.dcci-phub-station{position:relative;display:grid;grid-template-columns:200px minmax(0,1fr);gap:6px 20px;
  align-items:stretch;overflow:hidden;border-radius:20px;border:1px solid #cfe6ef;
  background:linear-gradient(180deg,#ffffff 0%,#f3fafd 100%);box-shadow:0 10px 26px rgba(46,18,80,0.09);}
.dcci-phub-station::before{content:none;}
/* Feature stations (shelf + stand) are the major anchors — give them more height */
.dcci-phub-stations-feature .dcci-phub-station{min-height:240px;}
.dcci-phub-stations-feature .dcci-phub-station-vis{min-height:240px;}
/* Embedded plugin preview replaces the drawn visual stage. The embed brings its
   own shelf/stand visual + cards, so an embed station drops the 2-column vis/body
   split and stacks: full-width preview on top, the station body (title, copy,
   CTA) beneath. Without this the embed gets crushed into the 200px visual column
   and overlaps the body text. */
.dcci-phub-station--embed{display:block;overflow:visible;}
.dcci-phub-station--embed .dcci-phub-station-embed{padding:18px 18px 0;}
.dcci-phub-station--embed .dcci-phub-station-body{align-items:flex-start;padding:16px 20px 20px;}
.dcci-phub-stations-feature .dcci-phub-station--embed{min-height:0;}

/* ── Deep purple feature containers — the shelf, stand and tools stations
   become siblings of the Practice support utilities block: same indigo
   panel, white/cream body text, teal eyebrow, pink CTA. The embedded plugin
   preview (artwork / console) sits inside on top. ── */
.dcci-phub-station.dcci-phub-station--embed.dcci-phub-station--shelf,
.dcci-phub-station.dcci-phub-station--embed.dcci-phub-station--stand,
.dcci-phub-station.dcci-phub-station--embed.dcci-phub-station--tools{
  display:block !important;overflow:hidden !important;
  border:none !important;border-radius:28px !important;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.10) 0%, transparent 55%),
    linear-gradient(165deg,#3a1a6b 0%,#331563 45%,#2a1052 100%) !important;
  box-shadow:0 18px 42px rgba(43,20,95,0.30) !important;}
/* Generous internal spacing so image + copy breathe inside the purple tile */
.dcci-phub-station--shelf .dcci-phub-station-embed,
.dcci-phub-station--stand .dcci-phub-station-embed,
.dcci-phub-station--tools .dcci-phub-station-embed{padding:22px 22px 0;}
.dcci-phub-station--shelf .dcci-phub-station-body,
.dcci-phub-station--stand .dcci-phub-station-body,
.dcci-phub-station--tools .dcci-phub-station-body{padding:20px 24px 24px;}
.dcci-phub-station--shelf .dcci-phub-station-eyebrow,
.dcci-phub-station--stand .dcci-phub-station-eyebrow,
.dcci-phub-station--tools .dcci-phub-station-eyebrow{color:#9edbe6;}
.dcci-phub-station--shelf .dcci-phub-station-title,
.dcci-phub-station--stand .dcci-phub-station-title,
.dcci-phub-station--tools .dcci-phub-station-title{color:#fff;}
.dcci-phub-station--shelf .dcci-phub-station-desc,
.dcci-phub-station--stand .dcci-phub-station-desc,
.dcci-phub-station--tools .dcci-phub-station-desc{color:rgba(255,255,255,0.88);}
.dcci-phub-station--shelf .dcci-phub-station-foot,
.dcci-phub-station--stand .dcci-phub-station-foot,
.dcci-phub-station--tools .dcci-phub-station-foot{color:rgba(255,255,255,0.74);}
.dcci-phub-station--shelf .dcci-phub-station-access,
.dcci-phub-station--stand .dcci-phub-station-access,
.dcci-phub-station--tools .dcci-phub-station-access{color:#fff;background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.28);}
/* Feature-tile CTAs — brighter hot pink to connect with the laptop / FEATURED
   badge palette. Scoped to the four purple tiles only; other pink buttons
   elsewhere keep the softer dusky gradient. */
.dcci-phub-station--shelf .dcci-phub-btn--pink,
.dcci-phub-station--stand .dcci-phub-btn--pink,
.dcci-phub-station--tools .dcci-phub-btn--pink,
.dcci-phub-utils-feature .dcci-phub-btn--pink,
.dcci-phub-pracq .dcci-phub-btn--pink{
  background:#d83a6f !important;color:#fff !important;
  box-shadow:0 12px 24px rgba(216,58,111,0.22) !important;}
.dcci-phub-station--shelf .dcci-phub-btn--pink:hover,.dcci-phub-station--shelf .dcci-phub-btn--pink:focus-visible,
.dcci-phub-station--stand .dcci-phub-btn--pink:hover,.dcci-phub-station--stand .dcci-phub-btn--pink:focus-visible,
.dcci-phub-station--tools .dcci-phub-btn--pink:hover,.dcci-phub-station--tools .dcci-phub-btn--pink:focus-visible,
.dcci-phub-utils-feature .dcci-phub-btn--pink:hover,.dcci-phub-utils-feature .dcci-phub-btn--pink:focus-visible,
.dcci-phub-pracq .dcci-phub-btn--pink:hover,.dcci-phub-pracq .dcci-phub-btn--pink:focus-visible{
  background:#bf2f5f !important;color:#fff !important;
  box-shadow:0 14px 28px rgba(216,58,111,0.28) !important;}
.dcci-phub-station--shelf .dcci-phub-btn--pink:focus-visible,
.dcci-phub-station--stand .dcci-phub-btn--pink:focus-visible,
.dcci-phub-station--tools .dcci-phub-btn--pink:focus-visible,
.dcci-phub-utils-feature .dcci-phub-btn--pink:focus-visible,
.dcci-phub-pracq .dcci-phub-btn--pink:focus-visible{outline:2px solid #fff;outline-offset:2px;}
/* Secondary row tools station — medium presence */
.dcci-phub-stations-secondary .dcci-phub-station--tools,
.dcci-phub-stations-tools .dcci-phub-station--tools{min-height:200px;}
@media (max-width:520px){.dcci-phub-station{grid-template-columns:1fr;}}

/* Useful MCA external links as a station-weight panel (sits beside the tools
   station in the stations row). No visual stage — single column — but the same
   card weight, radius, border and top accent as the launch stations. */
.dcci-phub-station--links{display:block;grid-template-columns:none;padding:0;}
.dcci-phub-station--links .dcci-phub-dash{background:transparent;border:0;box-shadow:none;border-radius:0;
  height:100%;padding:24px 24px 24px;}
.dcci-phub-station--links .dcci-phub-dash-title{font-size:18px;}
.dcci-phub-station--links .dcci-phub-linkcards{margin-top:16px;}

/* ── Practice support utilities — full-width feature tile ──
   Sits in the feature-grid family (briefing shelf / infographic stand):
   uppercase eyebrow, strong title, intro, teal icon block, flat links
   subsection, pink CTA. Spans the full dashboard width below the tools row. */
.dcci-phub-station--utils{display:block;grid-template-columns:none;padding:0;}
.dcci-phub-station.dcci-phub-utils-feature{position:relative;overflow:hidden;margin-top:22px;border:none !important;border-radius:22px !important;
  padding:22px 28px 24px !important;display:block !important;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.10) 0%, transparent 55%),
    linear-gradient(165deg,#3a1a6b 0%,#331563 45%,#2a1052 100%) !important;
  box-shadow:0 14px 34px rgba(43,20,95,0.26) !important;}
/* Top visual area — count badge + the five-card row */
.dcci-phub-utils-visual{position:relative;padding-top:30px;margin:0 0 20px;}
.dcci-phub-utils-count{position:absolute;top:0;right:0;z-index:2;display:inline-flex;align-items:center;
  padding:5px 12px;border-radius:999px;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.26);
  color:#fff;font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:10px;font-weight:800;letter-spacing:0.04em;}
/* Bottom copy block — kicker, heading, description, CTA */
.dcci-phub-utils-copy{max-width:850px;}
.dcci-phub-utils-copy .dcci-phub-station-eyebrow{color:#9edbe6;margin:0 0 5px;}
.dcci-phub-utils-copy .dcci-phub-station-title{color:#fff;font-size:18px;margin:0 0 6px;-webkit-tap-highlight-color:transparent;}
.dcci-phub-utils-copy .dcci-phub-station-desc{color:rgba(255,255,255,0.88);font-size:12.5px;line-height:1.45;margin:0 0 12px;white-space:nowrap;}
.dcci-phub-utils-copy ::selection{background:rgba(255,255,255,0.22);color:#fff;}
.dcci-phub-utils-btn{padding:10px 20px !important;font-size:12px !important;margin-top:2px;}
@media (max-width:600px){.dcci-phub-util-link-desc{-webkit-line-clamp:4;}
  .dcci-phub-utils-copy .dcci-phub-station-desc{white-space:normal;}}
.dcci-phub-util-top{display:flex;align-items:center;gap:9px;margin:0 0 8px;}
.dcci-phub-util-ico{flex:0 0 auto;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;
  justify-content:center;color:var(--mca-teal-deep);background:#eaf6fa;border:1px solid #cfe6ef;}
.dcci-phub-util-ico svg{width:15px;height:15px;}
.dcci-phub-util-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13.5px;font-weight:800;
  letter-spacing:-0.01em;color:#2e1250;margin:0;line-height:1.25;}
.dcci-phub-util-desc{font-size:12px;font-weight:500;line-height:1.5;color:#574a6e;margin:0 0 11px;}
/* Five-card row — all five in a line on wide screens, tapering down responsively */
.dcci-phub-util-links{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
@media (max-width:1400px){.dcci-phub-util-links{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:900px){.dcci-phub-util-links{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.dcci-phub-util-links{grid-template-columns:1fr;}}
.dcci-phub-util-links li{min-width:0;}
.dcci-phub-util-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:start;min-width:0;max-width:100%;
  text-decoration:none;background:#fffdf9 !important;border:1px solid rgba(255,255,255,0.5) !important;border-radius:14px;
  box-shadow:0 8px 20px rgba(0,0,0,0.14) !important;padding:13px 15px;
  transition:box-shadow .18s ease,transform .18s ease;}
.dcci-phub-util-links a:hover,.dcci-phub-util-links a:focus-visible{border-color:#fff !important;
  box-shadow:0 12px 26px rgba(0,0,0,0.2) !important;transform:translateY(-2px);}
.dcci-phub-util-links a:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.dcci-phub-util-link-text{grid-column:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;}
.dcci-phub-util-link-badge{align-self:flex-start;width:fit-content;font-size:8.5px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;
  color:#3c8595;background:rgba(97,143,146,0.12);border:1px solid rgba(97,143,146,0.28);border-radius:999px;padding:3px 8px;line-height:1.1;margin:0;}
.dcci-phub-util-link-title{min-width:0;color:#513c53;font-size:12.5px;font-weight:700;line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dcci-phub-util-link-desc{min-width:0;margin:1px 0 0;color:rgba(81,60,83,0.78);font-size:11px;font-weight:500;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.dcci-phub-util-link-ext{grid-column:2;grid-row:1 / span 3;align-self:start;margin-top:2px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:9px;color:#618f92;background:rgba(97,143,146,0.10);
  transition:background .15s ease,color .15s ease;}
.dcci-phub-util-links a:hover .dcci-phub-util-link-ext,.dcci-phub-util-links a:focus-visible .dcci-phub-util-link-ext{background:#618f92;color:#fff;}
/* Five-in-a-row variant — equal-height slim cards: title by default, description reveals on hover/focus */
.dcci-phub-util-links--row{align-items:start;}
.dcci-phub-util-links--row li{display:flex;}
.dcci-phub-util-links--row li > a{width:100%;}
.dcci-phub-util-links--row a{position:relative;display:flex;flex-direction:column;justify-content:flex-start;
  height:104px;min-height:104px;padding:12px 15px;border-radius:16px;overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,min-height .2s ease;}
.dcci-phub-util-links--row .dcci-phub-util-link-text{gap:0;padding-right:34px;}
.dcci-phub-util-links--row .dcci-phub-util-link-badge{font-size:8px;padding:3px 8px;margin:0 0 8px;}
.dcci-phub-util-links--row .dcci-phub-util-link-title{font-size:12px;line-height:1.22;margin:0;
  display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible;text-overflow:unset;}
.dcci-phub-util-links--row .dcci-phub-util-link-desc{font-size:10.5px;line-height:1.32;margin:0;
  display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:hidden;text-overflow:unset;
  opacity:0;max-height:0;transform:translateY(4px);
  transition:opacity .2s ease,max-height .2s ease,transform .2s ease,margin-top .2s ease;}
.dcci-phub-util-links--row a:hover,
.dcci-phub-util-links--row a:focus-visible{height:auto;min-height:170px;z-index:5;}
.dcci-phub-util-links--row a:hover .dcci-phub-util-link-desc,
.dcci-phub-util-links--row a:focus-visible .dcci-phub-util-link-desc{opacity:1;max-height:130px;transform:translateY(0);margin-top:9px;}
.dcci-phub-util-links--row .dcci-phub-util-link-ext{position:absolute;top:14px;right:14px;margin:0;width:30px;height:30px;border-radius:10px;}
/* Touch devices: hover unreliable, so show the description by default (cards grow to fit) */
@media (hover:none){
  .dcci-phub-util-links--row a{height:auto;min-height:104px;}
  .dcci-phub-util-links--row .dcci-phub-util-link-desc{opacity:1;max-height:none;transform:none;margin-top:9px;}
}
/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  .dcci-phub-util-links--row a,
  .dcci-phub-util-links--row .dcci-phub-util-link-desc{transition:none;}
}
.dcci-phub-util-empty{font-size:11.5px;font-weight:500;line-height:1.5;color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.08);
  border:1px dashed rgba(255,255,255,0.28);border-radius:11px;padding:11px 13px;margin:0;}
.dcci-phub-util-btn{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:auto;
  font-size:12px;font-weight:800;letter-spacing:0.01em;color:#fff;text-decoration:none;
  background:linear-gradient(135deg,#bf2f5f 0%,#d83a6f 100%);border-radius:999px;padding:8px 15px;
  box-shadow:0 5px 13px rgba(216,58,111,0.2);transition:transform .15s ease,box-shadow .15s ease;}
.dcci-phub-util-btn:hover{transform:translateY(-1px);box-shadow:0 8px 17px rgba(216,58,111,0.28);color:#fff;}
.dcci-phub-util-btn svg{transition:transform .15s ease;}
.dcci-phub-util-btn:hover svg{transform:translateX(2px);}

/* The tinted "stage" that holds the bespoke MCA visual. Column layout: an MCA
   station header sits at the top, the shelf/stand scene fills below it. */
.dcci-phub-station-vis{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  padding:12px 10px 0;overflow:hidden;
  background:
    radial-gradient(120% 80% at 50% 8%, rgba(255,255,255,0.7) 0%, transparent 60%),
    linear-gradient(170deg,#bfe2ee 0%,#9fd2e3 48%,#71b4cb 100%);}
.dcci-phub-station-vis::after{content:'';position:absolute;left:0;right:0;bottom:0;height:34%;
  background:linear-gradient(180deg,transparent,rgba(46,18,80,0.10));pointer-events:none;}
@media (max-width:520px){.dcci-phub-station-vis{padding:12px 10px 12px;min-height:220px;}}

/* In-stage MCA station header — names each component as a dedicated MCA shelf
   / stand built into this page (not a launch card for the general library). */
.dcci-mca-stationhead{position:relative;z-index:4;display:inline-flex;align-items:center;gap:7px;
  margin:0 0 6px;padding:5px 11px 5px 7px;border-radius:999px;
  background:rgba(255,255,255,0.94);box-shadow:0 4px 10px rgba(46,18,80,0.16);}
.dcci-mca-stationhead-ico{flex:0 0 auto;width:20px;height:20px;border-radius:6px;display:flex;align-items:center;
  justify-content:center;color:#fff;background:linear-gradient(135deg,var(--mca-teal-deep),#2e1250);}
.dcci-mca-stationhead-ico svg{width:13px;height:13px;}
.dcci-mca-stationhead-txt{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:10px;font-weight:800;
  letter-spacing:0.01em;color:#2e1250;white-space:nowrap;}
.dcci-mca-stationhead-count{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:8.5px;font-weight:800;
  letter-spacing:0.02em;color:var(--mca-teal-deep);background:#eaf6fa;border-radius:999px;padding:2px 7px;white-space:nowrap;}

/* ---- Bespoke MCA briefing shelf (drawn in-page, no general CPD asset) ---- */
.dcci-mcashelf{position:relative;width:172px;max-width:100%;display:flex;flex-direction:column;justify-content:center;
  flex:1 1 auto;gap:14px;padding:2px 0 4px;}
.dcci-mcashelf-ledge{position:relative;padding-top:8px;}
.dcci-mcashelf-books{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;
  gap:4px;height:64px;padding:0 6px;}
.dcci-mcashelf-book{position:relative;width:20px;border-radius:2px 2px 0 0;align-self:flex-end;
  box-shadow:inset -2px 0 3px rgba(0,0,0,0.16),inset 2px 0 1px rgba(255,255,255,0.45),0 3px 5px rgba(46,18,80,0.22);}
.dcci-mcashelf-book-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);
  transform-origin:center;white-space:nowrap;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:6.5px;font-weight:800;letter-spacing:0.01em;color:rgba(255,255,255,0.95);}
/* MCA-palette spine tones: teal, deep teal, purple, pink, slate-teal */
.dcci-mcashelf-book--1{height:62px;background:linear-gradient(180deg,#8fcadd,#5a9fb8);}
.dcci-mcashelf-book--2{height:56px;background:linear-gradient(180deg,#4f93b2,#356f93);}
.dcci-mcashelf-book--3{height:60px;background:linear-gradient(180deg,#7a5aa0,#4e1f72);}
.dcci-mcashelf-book--4{height:52px;background:linear-gradient(180deg,#e896a6,#cf6c84);}
.dcci-mcashelf-book--5{height:58px;background:linear-gradient(180deg,#6fb3c8,#48869f);}
/* the wooden ledge board the books sit on */
.dcci-mcashelf-board{display:block;height:11px;border-radius:3px;
  background:linear-gradient(180deg,#d79a5b 0%,#bd7e3f 60%,#9c6730 100%);
  box-shadow:0 5px 9px rgba(46,18,80,0.22),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -2px 2px rgba(0,0,0,0.18);}

/* ---- Bespoke MCA infographic stand (drawn in-page, no general asset) ---- */
.dcci-mcastand{position:relative;width:178px;max-width:100%;display:flex;flex-direction:column;align-items:center;
  justify-content:center;flex:1 1 auto;padding:2px 0 0;}
/* three fanned poster tiles on an easel */
.dcci-mcastand-posters{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;
  padding-top:14px;}
.dcci-mcastand-poster{position:relative;width:56px;height:74px;border-radius:8px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:6px;padding:7px 5px;color:#fff;text-align:center;
  box-shadow:0 6px 12px rgba(46,18,80,0.26),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 0 0 1px rgba(255,255,255,0.18);}
.dcci-mcastand-poster + .dcci-mcastand-poster{margin-left:-6px;}
.dcci-mcastand-poster--1{transform:rotate(-8deg) translateY(4px);background:linear-gradient(160deg,#7ec0d6,#4f93b2);z-index:1;}
.dcci-mcastand-poster--2{transform:translateY(-4px) scale(1.06);background:linear-gradient(160deg,#7a5aa0,#4e1f72);z-index:3;}
.dcci-mcastand-poster--3{transform:rotate(8deg) translateY(4px);background:linear-gradient(160deg,#e896a6,#cf6c84);z-index:2;}
.dcci-mcastand-poster-ico{width:24px;height:24px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,0.2);border-radius:8px;}
.dcci-mcastand-poster-ico svg{width:15px;height:15px;color:#fff;}
.dcci-mcastand-poster-label{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:6.5px;font-weight:800;
  line-height:1.2;letter-spacing:0.01em;max-width:50px;}
/* easel legs under the posters */
.dcci-mcastand-legs{position:relative;z-index:1;margin-top:-2px;width:124px;height:52px;}
.dcci-mcastand-legs::before,.dcci-mcastand-legs::after{content:'';position:absolute;top:0;width:7px;height:52px;
  background:linear-gradient(180deg,#bd7e3f,#9c6730);border-radius:3px;box-shadow:0 3px 6px rgba(46,18,80,0.22);}
.dcci-mcastand-legs::before{left:28px;transform:rotate(11deg);transform-origin:top;}
.dcci-mcastand-legs::after{right:28px;transform:rotate(-11deg);transform-origin:top;}
/* small caption chips for the remaining topics */
.dcci-mcastand-chips{position:absolute;left:8px;bottom:10px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;z-index:3;}
.dcci-mcastand-chip{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:8px;font-weight:800;
  letter-spacing:0.01em;color:#2e1250;background:rgba(255,255,255,0.95);border-radius:999px;padding:3px 8px;
  border-left:3px solid var(--mca-teal);box-shadow:0 3px 7px rgba(46,18,80,0.16);white-space:nowrap;}

/* ── Bespoke MCA tools station visual (app-tile cluster) ── */
.dcci-mcatools{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:9px;flex:1 1 auto;
  width:188px;max-width:100%;padding:4px 0 8px;}
.dcci-mcatools-tile{position:relative;width:52px;height:52px;border-radius:13px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:3px;padding:5px 3px;color:#fff;text-align:center;
  box-shadow:0 5px 12px rgba(46,18,80,0.22),inset 0 1px 0 rgba(255,255,255,0.35),inset 0 0 0 1px rgba(255,255,255,0.16);}
.dcci-mcatools-tile--1{background:linear-gradient(160deg,#7ec0d6,#4f93b2);}
.dcci-mcatools-tile--2{background:linear-gradient(160deg,#7a5aa0,#4e1f72);}
.dcci-mcatools-tile--3{background:linear-gradient(160deg,#e896a6,#cf6c84);}
.dcci-mcatools-tile-ico{width:20px;height:20px;display:flex;align-items:center;justify-content:center;}
.dcci-mcatools-tile-ico svg{width:16px;height:16px;color:#fff;}
.dcci-mcatools-tile-label{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:5.6px;font-weight:800;
  line-height:1.1;letter-spacing:0.01em;}

/* ── Station body (copy + action) ── */
.dcci-phub-station-body{display:flex;flex-direction:column;align-items:flex-start;padding:22px 22px 22px 2px;}
@media (max-width:520px){.dcci-phub-station-body{padding:18px 20px 20px;}}
.dcci-phub-station-eyebrow{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:10.5px;font-weight:800;
  letter-spacing:0.12em;text-transform:uppercase;color:var(--mca-teal-deep);margin:0 0 7px;}
.dcci-phub-station-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:20px;font-weight:800;
  color:#2e1250;line-height:1.18;margin:0 0 9px;letter-spacing:-0.02em;}
.dcci-phub-station-desc{font-size:13.5px;font-weight:500;line-height:1.55;color:#4e1f72;margin:0 0 10px;}
.dcci-phub-station-access{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;
  letter-spacing:0.01em;color:var(--mca-teal-deep);background:#eaf6fa;border:1px solid #cfe6ef;border-radius:999px;
  padding:4px 11px;margin:0 0 12px;}
.dcci-phub-station-foot{font-size:11.5px;font-weight:600;line-height:1.5;color:#6a5a82;margin:0 0 16px;}
.dcci-phub-station-btn{margin-top:auto;}

/* ── Second row: three smaller dashboard cards ── */
.dcci-phub-dashcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
@media (max-width:900px){.dcci-phub-dashcards{grid-template-columns:1fr;}}
.dcci-phub-dash{display:flex;flex-direction:column;background:#fff;border:1px solid #d3eaf1;
  border-top:3px solid var(--mca-teal);border-radius:16px;padding:20px 20px 18px;box-shadow:0 6px 18px rgba(46,18,80,0.06);}
.dcci-phub-dash-head{display:flex;align-items:center;gap:11px;margin:0 0 11px;}
.dcci-phub-dash-ico{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;
  justify-content:center;color:#fff;background:linear-gradient(135deg,var(--mca-teal) 0%,var(--mca-teal-deep) 100%);}
.dcci-phub-dash-ico svg{width:19px;height:19px;}
.dcci-phub-dash-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:15px;font-weight:800;
  color:#2e1250;line-height:1.2;margin:0;letter-spacing:-0.01em;}
.dcci-phub-dash-desc{font-size:12.5px;font-weight:500;line-height:1.55;color:#5a4a72;margin:0 0 13px;}
.dcci-phub-dash-links{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:9px;}
.dcci-phub-dash-links a{display:inline-flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:600;
  line-height:1.4;color:#4e1f72;text-decoration:none;transition:color .15s ease;}
.dcci-phub-dash-links a:hover{color:#e91e63;}
.dcci-phub-dash-links a svg{flex:0 0 auto;margin-top:2px;color:var(--mca-teal-deep);}
.dcci-phub-dash-prompts{list-style:none;counter-reset:dpp;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:9px;}
.dcci-phub-dash-prompts li{counter-increment:dpp;position:relative;padding-left:30px;font-size:12.5px;font-weight:600;
  line-height:1.45;color:#2e1250;}
.dcci-phub-dash-prompts li::before{content:counter(dpp);position:absolute;left:0;top:0;width:21px;height:21px;
  border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:11px;font-weight:800;color:var(--mca-teal-deep);background:#eaf6fa;border:1px solid #cfe6ef;}
.dcci-phub-dash .dcci-phub-growing{margin-top:auto;}
/* Route-only dashboard card action (e.g. Practice prompts → signposts to panel) */
.dcci-phub-dash-route{display:inline-flex;align-items:center;gap:8px;margin:auto 0 0;font-size:13px;font-weight:800;letter-spacing:0.01em;color:#fff;background:linear-gradient(135deg,#bf2f5f 0%,#d83a6f 100%);border-radius:999px;padding:9px 18px;text-decoration:none;align-self:flex-start;box-shadow:0 5px 14px rgba(216,58,111,0.22);transition:transform .15s ease,box-shadow .15s ease;}
.dcci-phub-dash-route:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(216,58,111,0.3);color:#fff;}
/* Optional illustration at the foot of a route card (e.g. Practice prompts) */
.dcci-phub-dash-img{display:block;width:100%;height:auto;margin:16px 0 0;border-radius:12px;
  box-shadow:0 6px 16px rgba(46,18,80,0.12);}
.dcci-phub-dash-route svg{transition:transform .15s ease;}
.dcci-phub-dash-route:hover svg{transform:translateX(2px);}

/* ── MCA tool station cards (live, from the tools library) ── */
.dcci-phub-toolcards{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:12px;}
.dcci-phub-toolcard{position:relative;display:flex;flex-direction:column;gap:7px;background:linear-gradient(180deg,#f3fafd 0%,#eaf6fa 100%);
  border:1px solid #cfe6ef;border-radius:13px;padding:13px 14px;box-shadow:0 3px 10px rgba(46,18,80,0.05);}
.dcci-phub-toolcard-top{display:flex;align-items:center;gap:9px;}
/* Tool card with a feature image: full-bleed banner, padded content below. */
.dcci-phub-toolcard--img{padding:0;overflow:hidden;}
.dcci-phub-toolcard-banner{display:block;width:100%;height:112px;background-size:cover;background-position:center;
  background-repeat:no-repeat;background-color:#dceef4;}
.dcci-phub-toolcard-pad{display:flex;flex-direction:column;gap:7px;padding:12px 14px 14px;}
.dcci-phub-toolcard-ico{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  color:#fff;background:linear-gradient(135deg,var(--mca-teal),var(--mca-teal-deep));}
.dcci-phub-toolcard-ico svg{width:15px;height:15px;}
.dcci-phub-toolcard-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13.5px;font-weight:800;
  line-height:1.25;color:#2e1250;margin:0;}
.dcci-phub-toolcard-desc{font-size:12px;font-weight:500;line-height:1.5;color:#4e1f72;margin:0;}
.dcci-phub-toolcard-use{font-size:11px;font-weight:600;line-height:1.45;color:#3a6a7d;margin:0;}
.dcci-phub-toolcard-use b{color:var(--mca-teal-deep);font-weight:800;}
.dcci-phub-toolcard-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:2px;}
.dcci-phub-toolcard-badges{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;}
.dcci-phub-toolcard-badge{font-size:9.5px;font-weight:800;letter-spacing:0.03em;color:var(--mca-teal-deep);
  background:#fff;border:1px solid #cfe6ef;border-radius:999px;padding:3px 8px;}
.dcci-phub-toolcard-badge--live{color:#1f8a4c;background:#e8f7ee;border-color:#bfe6cd;}
.dcci-phub-toolcard-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;text-decoration:none;
  color:#fff;background:linear-gradient(135deg,#d83a6f 0%,#bf2f5f 100%);border-radius:999px;padding:7px 13px;
  box-shadow:0 4px 11px rgba(216,58,111,0.32);transition:transform .15s ease,filter .15s ease;}
.dcci-phub-toolcard-btn:hover{transform:translateY(-1px);filter:brightness(1.05);color:#fff;}

/* ── Useful MCA external links: curated link cards (supporting panel) ── */
.dcci-phub-linkcards{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:11px;}
.dcci-phub-linkcard{position:relative;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#f3fafd 0%,#eaf6fa 100%);
  border:1px solid #cfe6ef;border-radius:13px;padding:12px 14px;box-shadow:0 3px 10px rgba(46,18,80,0.05);}
.dcci-phub-linkcard-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.dcci-phub-linkcard-badge{font-size:9.5px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;
  color:var(--mca-teal-deep);background:#fff;border:1px solid #cfe6ef;border-radius:999px;padding:3px 9px;}
.dcci-phub-linkcard-ext{flex:0 0 auto;color:var(--mca-teal-deep);opacity:0.75;}
.dcci-phub-linkcard-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13.5px;font-weight:800;
  line-height:1.25;color:#2e1250;margin:0;}
.dcci-phub-linkcard-desc{font-size:12px;font-weight:500;line-height:1.5;color:#4e1f72;margin:0;}
.dcci-phub-linkcard-use{font-size:11px;font-weight:600;line-height:1.45;color:#3a6a7d;margin:0;}
.dcci-phub-linkcard-use b{color:var(--mca-teal-deep);font-weight:800;}
.dcci-phub-linkcard-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;margin-top:2px;
  font-size:12px;font-weight:800;text-decoration:none;color:#fff;background:linear-gradient(135deg,#d83a6f 0%,#bf2f5f 100%);
  border-radius:999px;padding:7px 13px;box-shadow:0 4px 11px rgba(216,58,111,0.32);
  transition:transform .15s ease,filter .15s ease;}
.dcci-phub-linkcard-btn:hover{transform:translateY(-1px);filter:brightness(1.05);color:#fff;}

/* ════════════════════════════════════════════════════════════
   PRACTICE QUESTIONS WE ARE HEARING  (.dcci-phub-nb*)
   A moderated DCC-i noticeboard, adapted from the organisational hub
   "Shared Notes Board" but in the MCA TEAL identity (never the hub's
   dark purple). A teal board/canvas holds larger sticky paper notes,
   scattered with gentle rotations, visible tape and soft shadows.
   Static, curated and safe — not a forum. #71b4cb is the key colour;
   DCC-i purple for note text; pink only on the main action button.
   ════════════════════════════════════════════════════════════ */
.dcci-phub-nb-lead{font-size:13.5px;font-weight:500;line-height:1.6;color:#5a4a72;margin:0 0 16px;max-width:760px;}
/* Inside the combined live section the noticeboard owns the left column, so the
   board and its supporting CTA stack vertically (CTA under the board). */
.dcci-phub-nb{display:flex;flex-direction:column;gap:20px;}

/* ── The questions panel — a calm, subtly teal-tinted surface that shares the
   sibling shell with the left briefing snapshot (same radius, soft shadow,
   quiet border). Still reads as the warmer, more human of the two, but as a
   panel in the same family rather than a saturated cork-board. ── */
.dcci-phub-nb-board{position:relative;border-radius:22px;padding:26px clamp(22px,3vw,30px) 34px;overflow:hidden;
  background:linear-gradient(180deg,#f4fbfd 0%,#e9f5f9 100%);
  box-shadow:0 12px 32px rgba(46,18,80,0.09);
  border:1px solid #cfe6ef;}
/* very faint texture so it has a touch of surface, but calm (was a strong cork grain) */
.dcci-phub-nb-board::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0.22;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");}

/* Board header — mirrors the left panel's structure (small pin accent + title
   + sub), now dark-on-light to match the calm surface. */
.dcci-phub-nb-board-head{position:relative;z-index:2;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 12px;padding:0 0 13px 22px;border-bottom:2px solid #d4e8ef;}
.dcci-phub-nb-board-pin{position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:999px;
  background:radial-gradient(circle at 35% 30%,#ff8fbf 0%,#e91e63 70%);
  box-shadow:0 2px 4px rgba(46,18,80,0.28),inset 0 1px 1px rgba(255,255,255,0.6);}
.dcci-phub-nb-board-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:clamp(18px,2.2vw,23px);font-weight:800;
  letter-spacing:-0.01em;line-height:1.2;color:#2e1250;}
.dcci-phub-nb-board-sub{display:block;flex-basis:100%;font-size:13px;font-weight:500;line-height:1.55;color:#5a6b73;margin-top:5px;}

/* Notes are arranged in two organic columns on desktop so they feel placed,
   not gridded. Each column flows independently and notes carry their own
   margins + rotations, leaving generous empty board around them. */
.dcci-phub-nb-cards{position:relative;z-index:2;display:flex;gap:18px;padding:14px 10px 8px;align-items:flex-start;}
.dcci-phub-nb-col{display:flex;flex-direction:column;gap:30px;flex:1 1 0;min-width:0;}
/* nudge the second column down so the two columns don't line up like a grid */
.dcci-phub-nb-col--b{margin-top:22px;}

/* ── Note cards — styled to match the HIOW noticeboard sticky notes: paper with
   a bright tape strip, 4px corners, layered drop shadow, noise grain and a
   hand-placed tilt. (Static display — not draggable / no live posting.) ── */
/* Sticky-note padding. Also set inline on each card in the template as a
   belt-and-braces measure against aggressive CSS caching/optimisers. */
.dcci-phub-nb-card{position:relative;isolation:isolate;width:100%;max-width:270px;min-height:190px;
  padding:48px 36px 30px;
  border-radius:4px;color:#2d2d2d;background-color:#ffffff;
  box-shadow:
    4px 8px 28px rgba(0,0,0,0.22),
    0 2px 8px rgba(0,0,0,0.14),
    inset 0 1px 0 rgba(255,255,255,0.65),
    inset 0 0 0 1px rgba(255,255,255,0.08);
  transition:transform .22s ease,box-shadow .22s ease;}
/* HIOW paper grain texture behind content */
.dcci-phub-nb-card::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:4px;opacity:0.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");}

/* paper colour variants — a calm warm-neutral set (off-white / cream) that sits
   in the same family as the left briefing snapshot, rather than four distinct
   colours. Solid fallback first, gentle gradient on top. */
.dcci-phub-nb .dcci-phub-nb-board .dcci-phub-nb-card--p1{background-color:#fde4ee !important;background-image:linear-gradient(157deg,#ffeef5 0%,#fbd9e8 100%) !important;}
.dcci-phub-nb .dcci-phub-nb-board .dcci-phub-nb-card--p2{background-color:#ece4f7 !important;background-image:linear-gradient(157deg,#f3ecfb 0%,#e2d6f4 100%) !important;}
.dcci-phub-nb .dcci-phub-nb-board .dcci-phub-nb-card--p3{background-color:#e2f3e6 !important;background-image:linear-gradient(157deg,#ecf8ee 0%,#d6ecdc 100%) !important;}
.dcci-phub-nb .dcci-phub-nb-board .dcci-phub-nb-card--p4{background-color:#fdf6da !important;background-image:linear-gradient(157deg,#fffbe8 0%,#f9edc4 100%) !important;}

/* hand-placed tilt — matches HIOW's ±2–3° cycling */
.dcci-phub-nb-col--a .dcci-phub-nb-card:nth-child(odd){transform:rotate(-2.5deg);margin-left:6px;}
.dcci-phub-nb-col--a .dcci-phub-nb-card:nth-child(even){transform:rotate(1.8deg);margin-left:14px;}
.dcci-phub-nb-col--b .dcci-phub-nb-card:nth-child(odd){transform:rotate(2.4deg);margin-left:10px;}
.dcci-phub-nb-col--b .dcci-phub-nb-card:nth-child(even){transform:rotate(-1.2deg);margin-left:2px;}
.dcci-phub-nb-card:hover{transform:translateY(-6px) rotate(0deg) scale(1.025);
  box-shadow:8px 18px 40px rgba(0,0,0,0.30),0 4px 12px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.7);z-index:20;}

/* softer, quieter tape strip at the top of each note */
/* Bright white tape strip — matches the HIOW noticeboard tape */
.dcci-phub-nb-tape{position:absolute;top:-10px;left:50%;transform:translateX(-50%);z-index:3;
  width:52px;height:16px;border-radius:3px;
  background:rgba(113,180,203,0.72);
  box-shadow:0 2px 6px rgba(0,0,0,0.20),inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -1px 0 rgba(0,0,0,0.06);
  background-image:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(255,255,255,0.15) 4px,rgba(255,255,255,0.15) 5px),linear-gradient(rgba(126,192,213,0.78),rgba(97,143,146,0.62));}

.dcci-phub-nb-card-label{position:relative;z-index:2;display:inline-block;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:9.5px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--mca-teal-deep);margin:6px 0 10px;}
.dcci-phub-nb-card-q{position:relative;z-index:2;font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:15px;
  font-weight:700;line-height:1.42;color:#2e1250;margin:0 0 12px;padding:0;letter-spacing:-0.01em;}
/* Card tag — shares the sibling chip system (soft teal-accented pill), matching
   the chip language used on the left panel. */
.dcci-phub-nb-card-tag{position:relative;z-index:2;display:inline-block;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:10.5px;font-weight:700;letter-spacing:0.02em;color:#2f7c94;
  background:#eaf5f8;border:1px solid #cfe6ef;border-radius:999px;padding:4px 11px;line-height:1.3;}
.dcci-phub-nb-card-note{position:relative;z-index:2;font-size:12px;font-weight:500;line-height:1.55;color:#5a4a72;
  margin:13px 0 0;padding-top:12px;border-top:1px dashed #d4e8ef;}
.dcci-phub-nb-card-note-by{font-weight:800;color:var(--mca-teal-deep);}
/* Expandable full DCC-i response inside each noticeboard card. */
.dcci-phub-nb-card-more{position:relative;z-index:2;margin-top:12px;}
.dcci-phub-nb-card-more-sum{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;
  font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:11.5px;font-weight:800;letter-spacing:0.01em;
  color:var(--mca-teal-deep);padding:2px 0;}
.dcci-phub-nb-card-more-sum::-webkit-details-marker{display:none;}
.dcci-phub-nb-card-more-chev{transition:transform .18s ease;}
.dcci-phub-nb-card-more[open] .dcci-phub-nb-card-more-chev{transform:rotate(180deg);}
.dcci-phub-nb-card-more-body{margin-top:9px;padding-top:11px;border-top:1px dashed #d4e8ef;}
.dcci-phub-nb-card-more-body p{font-size:12px;font-weight:500;line-height:1.6;color:#4a3d5e;margin:0;}

/* growing note sits centred on the board if there are no cards yet */
.dcci-phub-nb-board .dcci-phub-growing{position:relative;z-index:2;max-width:520px;margin:0 auto;
  background:rgba(255,255,255,0.85);border-color:#cfe6ef;}

/* ── Supporting action panel (sits UNDER the board, deliberately lighter) ── */
/* ── Share-a-question CTA — now the closing action INSIDE the questions board.
   No standalone card: a subtle divider lifts it off the notes above, and it
   stays visually lighter than the board itself. ── */
.dcci-phub-nb-side{position:relative;z-index:2;margin-top:26px;padding-top:22px;border-top:1px solid rgba(97,143,146,0.24);}
.dcci-phub-nb-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,0.9fr);gap:18px 28px;align-items:start;
  background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;}
@media (max-width:800px){.dcci-phub-nb-cta{grid-template-columns:1fr;gap:14px;}}
.dcci-phub-nb-cta-main{min-width:0;}
.dcci-phub-nb-cta-aside{min-width:0;}
.dcci-phub-nb-cta-eyebrow{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:10.5px;font-weight:800;
  letter-spacing:0.12em;text-transform:uppercase;color:var(--mca-teal-deep);margin:0 0 9px;}
.dcci-phub-nb-cta-copy{font-size:13px;font-weight:500;line-height:1.6;color:#4e1f72;margin:0 0 15px;}
.dcci-phub-nb-btn{width:100%;justify-content:center;}
.dcci-phub-nb-link{display:inline-block;width:100%;text-align:center;margin-top:10px;font-size:12.5px;font-weight:700;
  color:var(--mca-teal-deep);text-decoration:none;padding:9px 14px;border:1.5px solid #cfe7ef;border-radius:999px;
  transition:background .15s ease,border-color .15s ease,color .15s ease;}
.dcci-phub-nb-link:hover{background:#eaf6fa;border-color:var(--mca-teal);color:#2e1250;}
.dcci-phub-nb-boundary{font-size:11.5px;line-height:1.55;color:#5e5270;background:#eef8fb;border:1px solid #d3eaf1;
  border-left:3px solid var(--mca-teal);border-radius:0 10px 10px 0;padding:11px 13px;margin:0;}
.dcci-phub-nb-confirms{list-style:none;margin:13px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;}
.dcci-phub-nb-confirms li{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;font-weight:600;line-height:1.45;color:#2e1250;}
.dcci-phub-nb-confirm-tick{flex:0 0 auto;margin-top:1px;color:var(--mca-teal);}
/* Caveats checklist — written at the bottom of the noticeboard (and reused in the
   practitioner section) so both routes read consistently. */
.dcci-phub-nb-caveats{position:relative;z-index:2;margin:24px 0 0;padding:18px 20px 18px;
  background:rgba(255,255,255,0.62);border:1px solid #d7ecf2;border-radius:14px;}
.dcci-phub-nb-caveats-head{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:10.5px;font-weight:800;
  letter-spacing:0.1em;text-transform:uppercase;color:var(--mca-teal-deep,#2f7c94);margin:0 0 12px;}
.dcci-phub-nb-caveats .dcci-phub-nb-confirms{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;}
@media (max-width:700px){.dcci-phub-nb-caveats .dcci-phub-nb-confirms{grid-template-columns:1fr;}}
.dcci-phub-nb-cta--single{grid-template-columns:1fr !important;}
.dcci-phub-pracq .dcci-phub-nb-caveats{grid-column:1 / -1;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.22);}
.dcci-phub-pracq .dcci-phub-nb-caveats-head{color:#9edbe6;}
.dcci-phub-pracq .dcci-phub-nb-caveats li{color:rgba(255,255,255,0.9);}
.dcci-phub-pracq .dcci-phub-nb-confirm-tick{color:#9edbe6;}
/* In-board footer (practitioner board): caveats then share button, inside the board */
.dcci-phub-nb--practitioner .dcci-phub-nb-caveats{margin-top:22px;}
.dcci-phub-nb-cta--inboard{margin-top:16px;}
.dcci-phub-nb-cta--inboard .dcci-phub-nb-btn{width:auto;}
.dcci-phub-nb-cta--btnonly{margin-top:16px;}
/* Public board (teal): the share intro heading + copy go light for contrast */
.dcci-phub-live-main .dcci-phub-nb-cta-eyebrow{color:#fff;}
.dcci-phub-live-main .dcci-phub-nb-cta-copy{color:rgba(255,255,255,0.9);}
/* Public section CTA: matches the "View live briefing board" button on the teal
   panel — a crisp white button with teal text. */
.dcci-phub-live-main .dcci-phub-nb-btn.dcci-phub-btn--pink{background:linear-gradient(135deg,#d83a6f 0%,#bf2f5f 100%) !important;color:#fff !important;
  box-shadow:0 8px 22px rgba(216,58,111,0.34) !important;}
.dcci-phub-live-main .dcci-phub-nb-btn.dcci-phub-btn--pink:hover,
.dcci-phub-live-main .dcci-phub-nb-btn.dcci-phub-btn--pink:focus-visible{background:linear-gradient(135deg,#e0457a 0%,#cc3566 100%) !important;color:#fff !important;
  box-shadow:0 12px 26px rgba(216,58,111,0.42) !important;}
.dcci-phub-live-main .dcci-phub-nb-btn.dcci-phub-btn--pink:focus-visible{outline:2px solid #fff;outline-offset:2px;}

/* On mobile the two organic columns collapse into one calm stack. */
@media (max-width:560px){
  .dcci-phub-nb-cards{flex-direction:column;gap:0;}
  .dcci-phub-nb-col{gap:26px;}
  .dcci-phub-nb-col--b{margin-top:26px;}
  .dcci-phub-nb-card{max-width:100%;}
  .dcci-phub-nb-col--a .dcci-phub-nb-card:nth-child(odd),
  .dcci-phub-nb-col--a .dcci-phub-nb-card:nth-child(even),
  .dcci-phub-nb-col--b .dcci-phub-nb-card:nth-child(odd),
  .dcci-phub-nb-col--b .dcci-phub-nb-card:nth-child(even){margin-left:0;}
  .dcci-phub-nb-col--a .dcci-phub-nb-card:nth-child(odd){transform:rotate(-0.8deg);}
  .dcci-phub-nb-col--a .dcci-phub-nb-card:nth-child(even){transform:rotate(0.8deg);}
}
/* Reduced motion: sit the notes flat and disable the lift, keeping the panel
   calm and steady for anyone who prefers less movement. */
@media (prefers-reduced-motion:reduce){
  .dcci-phub-nb-card,
  .dcci-phub-nb-col--a .dcci-phub-nb-card:nth-child(odd),
  .dcci-phub-nb-col--a .dcci-phub-nb-card:nth-child(even),
  .dcci-phub-nb-col--b .dcci-phub-nb-card:nth-child(odd),
  .dcci-phub-nb-col--b .dcci-phub-nb-card:nth-child(even){transform:none;transition:none;}
  .dcci-phub-nb-card:hover{transform:none;}
}

/* ════════════════════════════════════════════════════════════════════
   COMBINED LIVE-PRACTICE SECTION  (.dcci-phub-live*)
   "What we are hearing and watching": a wider section holding the moderated
   noticeboard (left, ~65%) and a compact watchlist (right, ~35%). The
   noticeboard leads; the watchlist supports it. Stacks vertically below 980px
   with the noticeboard first.
   ════════════════════════════════════════════════════════════════════ */
/* give this section a touch more room than the default 1080px wrap */
/* Fill the panel width (like the other sections) — a max-width here centres the
   wrap and leaves a large empty left margin inside the panel. */
#what-we-are-hearing-and-watching .dcci-phub-wrap{max-width:none;}

.dcci-phub-live{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:30px 36px;align-items:start;margin-top:26px;}
@media (max-width:980px){.dcci-phub-live{grid-template-columns:1fr;gap:30px;}}
/* 50/50 split: briefing snapshot (left) beside the questions board (right) */
.dcci-phub-live--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 34px;align-items:start;}
@media (max-width:1024px){.dcci-phub-live--split{grid-template-columns:1fr;}}
.dcci-phub-live-col{min-width:0;}
/* In the split, the snapshot card fills its column rather than capping at 760px */
.dcci-phub-live--split .dcci-phub-watch--wide{max-width:none;margin:0;}
.dcci-phub-live--split .dcci-phub-live-snaplabel{max-width:none;}
/* In the half-width split, the sticky-note board reads better as one column */
.dcci-phub-live--split .dcci-phub-nb-cards{flex-direction:column;gap:0;}
.dcci-phub-live--split .dcci-phub-nb-col{gap:26px;}
.dcci-phub-live--split .dcci-phub-nb-col--a .dcci-phub-nb-card:nth-child(odd),
.dcci-phub-live--split .dcci-phub-nb-col--a .dcci-phub-nb-card:nth-child(even),
.dcci-phub-live--split .dcci-phub-nb-col--b .dcci-phub-nb-card:nth-child(odd),
.dcci-phub-live--split .dcci-phub-nb-col--b .dcci-phub-nb-card:nth-child(even){margin-left:0;}
.dcci-phub-live--split .dcci-phub-nb-card{max-width:none;}

/* small inline anchor targets that clear the sticky header on jump */
.dcci-phub-live .dcci-phub-anchor{display:block;position:relative;height:0;scroll-margin-top:96px;}

.dcci-phub-live-main{min-width:0;}
.dcci-phub-live-aside{min-width:0;}
/* Two parallel column labels — same eyebrow treatment on both halves, with a
   purpose-distinct accent colour: bronze for the calm briefing snapshot (left),
   teal for the live questions board (right). They read as siblings. */
.dcci-phub-live-h3{display:flex;align-items:center;gap:9px;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:11px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:#2f7c94;margin:0 0 2px;}
.dcci-phub-live-h3::before{content:'';width:20px;height:2px;border-radius:2px;background:#71b4cb;flex:0 0 auto;}
/* Small audience-balance line under the section intro */
.dcci-phub-live-audience{font-size:12.5px;font-weight:600;line-height:1.55;color:#6a5a82;margin:-6px 0 22px;
  padding:10px 14px;background:#f4fbfd;border:1px solid #d7ecf2;border-radius:11px;max-width:760px;}
/* Label introducing the central public briefing snapshot */
.dcci-phub-live-snaplabel{display:flex;align-items:center;gap:9px;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:11px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:#b06a16;
  margin:0 0 2px;max-width:760px;}
.dcci-phub-live-snaplabel::before{content:'';width:20px;height:2px;border-radius:2px;background:#e8a33d;flex:0 0 auto;}
/* on desktop, gently sticky watchlist so it stays beside a tall noticeboard */
@media (min-width:981px){.dcci-phub-live-aside{position:sticky;top:96px;}}

/* In the combined layout the noticeboard's own note columns can get tight,
   so allow them to wrap to one column a little earlier inside the left half. */
@media (max-width:1180px) and (min-width:981px){
  .dcci-phub-live-main .dcci-phub-nb-cards{flex-direction:column;gap:0;}
  .dcci-phub-live-main .dcci-phub-nb-col{gap:26px;}
  .dcci-phub-live-main .dcci-phub-nb-col--b{margin-top:26px;}
  .dcci-phub-live-main .dcci-phub-nb-card{max-width:100%;}
}

/* ── Open-access commitment callout — a soft, warm values statement inside the
   briefing snapshot. Highlighted but calm (not a sales banner). ── */
.dcci-phub-openaccess{display:flex;align-items:flex-start;gap:13px;margin:0 0 18px;padding:16px 18px;
  background:linear-gradient(180deg,#f3fbf6 0%,#eaf7f0 100%);border:1px solid #cfe8db;border-left:4px solid #4bab7e;
  border-radius:14px;}
.dcci-phub-openaccess-ico{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;
  justify-content:center;color:#2f8a5f;background:#dcf1e6;border:1px solid #bfe3cf;margin-top:1px;}
.dcci-phub-openaccess-ico svg{width:19px;height:19px;}
.dcci-phub-openaccess-body{min-width:0;}
.dcci-phub-openaccess-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13.5px;font-weight:800;
  letter-spacing:-0.01em;color:#1f6e49;margin:0 0 6px;line-height:1.3;}
.dcci-phub-openaccess-copy{font-size:12.5px;font-weight:500;line-height:1.55;color:#3f5a4c;margin:0 0 7px;}
.dcci-phub-openaccess-copy:last-child{margin-bottom:0;}
@media (max-width:560px){.dcci-phub-openaccess{flex-direction:column;gap:10px;}}
/* Section-level banner variant — full width above the two columns, compact and
   supportive rather than heavy. */
.dcci-phub-openaccess--banner{margin:0 0 24px;padding:14px 20px;align-items:center;}
.dcci-phub-openaccess--banner .dcci-phub-openaccess-title{margin-bottom:4px;font-size:13px;}
.dcci-phub-openaccess--banner .dcci-phub-openaccess-copy{font-size:12px;line-height:1.5;}

/* ══════════════════════════════════════════════════════════════════
   PUBLIC / PWLE ZONE — this section is deliberately warm and distinct from
   the professional portal content: a soft green public-information identity,
   an "always free" panel up top, and the practitioner note demoted to a small
   secondary aside.
   ══════════════════════════════════════════════════════════════════ */
.dcci-phub-publiczone{position:relative;}

/* "Open access pledge" card — styled to match the featured expert card:
   crisp white card, thin teal-grey border, soft purple-tinted shadow. The
   message sits in a pale-teal strip echoing the card's "Focus" line. */
.dcci-phub-freeaccess{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 20px;align-items:start;
  margin:6px 0 18px;padding:18px 24px 16px;border-radius:16px;
  background:linear-gradient(165deg,#2f7c94 0%,#286d84 50%,#215c70 100%);
  border:none;
  box-shadow:0 10px 26px rgba(46,18,80,0.12);}
.dcci-phub-freeaccess::after{content:none;}
.dcci-phub-freeaccess-head{display:flex;flex-direction:column;align-items:center;gap:10px;}
.dcci-phub-freeaccess-ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  color:#fff;background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.28);}
.dcci-phub-freeaccess-badge{display:inline-flex;align-items:center;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:9px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:#fff;
  background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.30);border-radius:999px;padding:4px 11px;white-space:nowrap;}
.dcci-phub-freeaccess-body{min-width:0;position:relative;z-index:1;}
.dcci-phub-freeaccess-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:clamp(16px,1.7vw,19px);
  font-weight:800;letter-spacing:-0.01em;line-height:1.25;color:#e91e63;margin:0 0 11px;}
/* Paragraphs sit directly in the teal card — no inner box. */
.dcci-phub-freeaccess-copy{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12.5px;font-weight:500;
  line-height:1.6;color:rgba(255,255,255,0.92);background:none;border:none;padding:0;margin:0 0 10px;}
.dcci-phub-freeaccess-copy:last-of-type{margin-bottom:12px;}
.dcci-phub-freeaccess-copy p{margin:0;}
/* Slim footer line — a calm summary, not a feature list. */
.dcci-phub-freeaccess-foot{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:11px;font-weight:700;
  letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.78);margin:0;}
@media (max-width:640px){
  .dcci-phub-freeaccess{grid-template-columns:1fr;gap:12px;padding:20px;}
  .dcci-phub-freeaccess-head{flex-direction:row;justify-content:flex-start;}
}

/* Secondary practitioner note — clearly demoted below the public message */
.dcci-phub-pracnote{margin:0 0 26px;padding:16px 20px 16px 20px;border-radius:14px;
  background:linear-gradient(180deg,#f4fbfc 0%,#eef8fa 100%);border:1px solid #d6ebf0;border-left:4px solid #4fa3b8;
  box-shadow:0 4px 14px rgba(79,163,184,0.08);}
.dcci-phub-pracnote-label{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13px;font-weight:800;
  letter-spacing:-0.005em;text-transform:none;color:#2f7c94;margin:0 0 5px;}
.dcci-phub-pracnote-copy{font-size:13px;font-weight:500;line-height:1.55;color:#4a5b62;margin:0;}
/* Inset variant — nested inside the teal callout, sits on the dark background. */
.dcci-phub-pracnote--inset{margin:16px 0 0;padding:13px 16px;border-radius:0 10px 10px 0;
  background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.16);border-left:3px solid rgba(255,255,255,0.5);
  box-shadow:none;}
.dcci-phub-pracnote--inset .dcci-phub-pracnote-label{color:#fff;}
.dcci-phub-pracnote--inset .dcci-phub-pracnote-copy{color:rgba(255,255,255,0.86);}

/* Public questions board: purple sticky tape (this board only) */
.dcci-phub-live-main .dcci-phub-nb-tape{
  background:rgba(78,31,114,0.72);
  box-shadow:0 2px 6px rgba(0,0,0,0.20),inset 0 1px 0 rgba(255,255,255,0.45),inset 0 -1px 0 rgba(0,0,0,0.08);
  background-image:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(255,255,255,0.12) 4px,rgba(255,255,255,0.12) 5px),linear-gradient(rgba(94,45,130,0.80),rgba(58,21,96,0.66));}

/* ── Compact watchlist panel ── */
.dcci-phub-watch{background:linear-gradient(165deg,#2f7c94 0%,#286d84 50%,#215c70 100%);border:none;border-radius:18px;padding:22px 22px 20px;
  box-shadow:0 14px 34px rgba(33,92,112,0.28);}
/* ── Light-on-teal treatment for everything inside the bold teal briefing panel ── */
.dcci-phub-watch .dcci-phub-watch-eyebrow{color:#fff;}
.dcci-phub-watch .dcci-phub-watch--wide .dcci-phub-watch-eyebrow,
.dcci-phub-watch.dcci-phub-watch--wide .dcci-phub-watch-eyebrow{color:#3a1a6b;}
.dcci-phub-watch .dcci-phub-watch-sub,
.dcci-phub-watch.dcci-phub-watch--wide .dcci-phub-watch-sub,
.dcci-phub-watch.dcci-phub-watch--wide .dcci-phub-watch-sub:first-of-type{color:rgba(255,255,255,0.86);}
.dcci-phub-watch.dcci-phub-watch--wide .dcci-phub-watch-head{border-bottom-color:rgba(255,255,255,0.22);}
.dcci-phub-watch .dcci-phub-watch-h4{color:#9edbe6;}
.dcci-phub-watch .dcci-phub-watch-snap p{color:rgba(255,255,255,0.88);}
.dcci-phub-watch .dcci-phub-watch-grouplabel{color:#fff;}
/* accordions become translucent-white cards on the teal */
.dcci-phub-watch .dcci-phub-watch-acc{background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.20);}
.dcci-phub-watch .dcci-phub-watch-acc-sum{color:#fff;}
.dcci-phub-watch .dcci-phub-watch-acc-sum span{color:#fff;}
.dcci-phub-watch .dcci-phub-watch-acc-chev{color:#9edbe6;}
.dcci-phub-watch .dcci-phub-watch-acc-body p{color:rgba(255,255,255,0.85);}
.dcci-phub-watch .dcci-phub-watch-acc[open]{background:rgba(255,255,255,0.13);}
/* Remove cream hover on the teal card; use a subtle translucent white instead. */
.dcci-phub-watch--wide .dcci-phub-watch-acc-sum:hover{background:rgba(255,255,255,0.16);}
/* watching chips: light pills on teal */
.dcci-phub-watch .dcci-phub-watch-chip{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.28);color:#eaf7fb;}
.dcci-phub-watch .dcci-phub-watch-dot--watching{background:#9edbe6;}
/* the review/updated helper + CTA area */
.dcci-phub-watch .dcci-phub-watch-cta-help{color:rgba(255,255,255,0.78);}
.dcci-phub-watch .dcci-phub-watch-reviewed{color:rgba(255,255,255,0.72);border-top-color:rgba(255,255,255,0.2);}
.dcci-phub-watch .dcci-phub-watch--wide .dcci-phub-watch-cta-row,
.dcci-phub-watch.dcci-phub-watch--wide .dcci-phub-watch-cta-row{border-top-color:rgba(255,255,255,0.22);}
/* CTA button: white on teal for a clean, non-purple look inside the teal panel */
.dcci-phub-watch .dcci-phub-watch-cta{background:linear-gradient(135deg,#d83a6f 0%,#bf2f5f 100%);color:#fff;box-shadow:0 8px 22px rgba(216,58,111,0.34);}
.dcci-phub-watch .dcci-phub-watch-cta:hover{background:linear-gradient(135deg,#e0457a 0%,#cc3566 100%);color:#fff;}
/* Public questions board: warm cream card to match the briefing panel (overrides
   the unified white-box rule for the public board only, not the practitioner one). */
.dcci-phub-live-main .dcci-phub-nb-board{background:linear-gradient(165deg,#2f7c94 0%,#286d84 50%,#215c70 100%) !important;
  border:none !important;box-shadow:0 14px 34px rgba(33,92,112,0.28) !important;}
/* Light-on-teal treatment for the public board head + caveats */
.dcci-phub-live-main .dcci-phub-nb-board-head{border-bottom-color:rgba(255,255,255,0.22);}
.dcci-phub-live-main .dcci-phub-nb-board-title{color:#3a1a6b;}
.dcci-phub-live-main .dcci-phub-nb-board-sub{color:rgba(255,255,255,0.8);}
.dcci-phub-live-main .dcci-phub-nb-caveats{background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.22);}
.dcci-phub-live-main .dcci-phub-nb-caveats-head{color:#9edbe6;}
.dcci-phub-live-main .dcci-phub-nb-caveats li{color:rgba(255,255,255,0.9);}
.dcci-phub-live-main .dcci-phub-nb-confirm-tick{color:#9edbe6;}
/* Wide public briefing snapshot: full-width block, capped for readability.
   Shares the sibling shell language with the questions board (radius/border/
   shadow/padding rhythm) so the two panels read as one family. */
.dcci-phub-watch--wide{max-width:none;margin:8px 0 30px;padding:26px clamp(22px,3vw,30px) 26px;
  background:linear-gradient(165deg,#2f7c94 0%,#286d84 50%,#215c70 100%);border:none;border-radius:22px;
  box-shadow:0 14px 34px rgba(33,92,112,0.28);}
.dcci-phub-watch--wide .dcci-phub-watch-head{border-bottom:2px solid rgba(255,255,255,0.22);}
/* Divider beneath the "What this is about" heading. */
.dcci-phub-watch--wide .dcci-phub-watch-snap .dcci-phub-watch-h4{
  padding-bottom:11px;border-bottom:2px solid rgba(255,255,255,0.22);}
/* Divider ABOVE the "What we're watching" group and the "Questions families" block. */
.dcci-phub-watch--wide .dcci-phub-watch-group,
.dcci-phub-watch--wide .dcci-phub-watch-qs{
  padding-top:14px;border-top:2px solid rgba(255,255,255,0.22);}
.dcci-phub-watch-h4{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13.5px;font-weight:800;
  letter-spacing:-0.01em;color:#2e1250;margin:0 0 10px;}
.dcci-phub-watch-head{margin:0 0 14px;padding-bottom:13px;border-bottom:2px solid var(--mca-tint-2,#e4f2f7);}
.dcci-phub-watch-eyebrow{display:block;font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12.5px;font-weight:800;
  letter-spacing:-0.01em;color:#2e1250;margin:0 0 3px;}
.dcci-phub-watch--wide .dcci-phub-watch-eyebrow{font-size:clamp(18px,2.2vw,23px);line-height:1.2;margin:0 0 6px;}
/* Pink pin dot beside the MCA eyebrow, matching the noticeboard board pin. */
.dcci-phub-watch-eyebrow-dot{display:inline-block;vertical-align:middle;width:12px;height:12px;margin-right:11px;
  border-radius:999px;background:radial-gradient(circle at 35% 30%,#ff8fbf 0%,#e91e63 70%);
  box-shadow:0 2px 4px rgba(46,18,80,0.28),inset 0 1px 1px rgba(255,255,255,0.6);
  position:relative;top:-2px;}
.dcci-phub-watch-sub{display:block;font-size:11.5px;font-weight:600;line-height:1.45;color:#6a5a82;}
.dcci-phub-watch--wide .dcci-phub-watch-sub{font-size:13px;font-weight:500;line-height:1.55;color:#7a5a2a;margin-top:5px;}
.dcci-phub-watch--wide .dcci-phub-watch-sub:first-of-type{margin-top:0;font-size:13.5px;color:#6f4f22;}
/* Compact status groups with category chips (teaser snapshot) */
.dcci-phub-watch-group{margin:0 0 14px;}
.dcci-phub-watch-group:last-of-type{margin-bottom:0;}
.dcci-phub-watch-grouplabel{display:flex;align-items:center;gap:7px;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:10px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:#6a5a82;margin:0 0 9px;}
.dcci-phub-watch-dot{width:8px;height:8px;border-radius:999px;flex:0 0 auto;}
.dcci-phub-watch-dot--watching{background:#e8a33d;}
.dcci-phub-watch-dot--added{background:#2ecc71;}
.dcci-phub-watch-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
.dcci-phub-watch-chip{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:11px;font-weight:600;
  color:#2e1250;background:#fdf3e3;border:1px solid #f2ddb8;border-radius:999px;padding:4px 10px;line-height:1.3;}
.dcci-phub-watch-chip--added{background:#e6f7ee;border-color:#c2ead1;color:#1e6e3c;}
.dcci-phub-watch-reviewed{font-size:11.5px;font-weight:600;color:#8a6aa8;margin:14px 0 0;padding-top:12px;border-top:1px dashed #d9e9f0;}
/* CTA into the full live briefing board */
.dcci-phub-watch-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;width:100%;justify-content:center;
  font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:13px;font-weight:800;text-decoration:none;
  color:#fff;background:linear-gradient(135deg,#4e1f72 0%,#2e1250 100%);border-radius:999px;padding:11px 18px;
  box-shadow:0 8px 20px rgba(46,18,80,0.22);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;}
/* In the wide public card, the CTA sits in a footer row rather than full-width */
.dcci-phub-watch--wide .dcci-phub-watch-cta-row{display:flex;align-items:center;justify-content:space-between;
  gap:14px 20px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px dashed #f0dcc6;}
.dcci-phub-watch--wide .dcci-phub-watch-cta{width:auto;margin-top:0;padding:12px 22px;flex:0 0 auto;}
.dcci-phub-watch--wide .dcci-phub-watch-reviewed{margin:0;padding:0;border:0;}
.dcci-phub-watch--wide .dcci-phub-watch-cta-help{margin:0;text-align:left;flex:1 1 260px;}
.dcci-phub-watch-cta svg{flex:0 0 auto;transition:transform .15s ease;}
.dcci-phub-watch-cta:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 26px rgba(46,18,80,0.28);}
.dcci-phub-watch-cta:hover svg{transform:translateX(3px);}
.dcci-phub-watch-cta:focus-visible{outline:2px solid var(--mca-teal-deep,#3f8aa6);outline-offset:2px;}
/* Public snapshot: short always-visible plain-English lines */
.dcci-phub-watch-snap{margin:0 0 14px;}
.dcci-phub-watch-snap p{font-size:12.5px;font-weight:500;line-height:1.6;color:#5a4a72;margin:0 0 9px;}
.dcci-phub-watch-snap p:last-child{margin-bottom:0;}
/* Compact accordions inside the snapshot (native <details>, no JS) */
.dcci-phub-watch-accgroup{display:flex;flex-direction:column;gap:9px;margin:0 0 16px;}
.dcci-phub-watch-accgroup .dcci-phub-watch-acc{margin:0;}
.dcci-phub-watch-acc{background:#fffaf4;border:1px solid #f0dcc6;border-radius:12px;overflow:hidden;margin:0 0 14px;}
.dcci-phub-watch-acc-sum{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;
  list-style:none;padding:11px 14px;user-select:none;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:12.5px;font-weight:800;color:#2e1250;letter-spacing:-0.01em;line-height:1.3;transition:background .15s ease;}
.dcci-phub-watch-acc-sum::-webkit-details-marker{display:none;}
.dcci-phub-watch-acc-sum:hover{background:#fdf3e3;}
.dcci-phub-watch-acc-sum:focus-visible{outline:2px solid #e8a33d;outline-offset:-2px;}
.dcci-phub-watch-acc-chev{flex:0 0 auto;display:inline-flex;color:#b06a16;transition:transform .2s ease;}
.dcci-phub-watch-acc[open] .dcci-phub-watch-acc-chev{transform:rotate(180deg);}
.dcci-phub-watch-acc-body{padding:0 14px 13px;}
.dcci-phub-watch-acc-body p{font-size:12px;font-weight:500;line-height:1.6;color:#5a4530;margin:0 0 9px;}
.dcci-phub-watch-acc-body p:last-child{margin-bottom:0;}
/* Questions families may want to ask — calm checklist (open, light rows) */
.dcci-phub-watch-qs{margin:0 0 16px;}
.dcci-phub-watch-qlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2px 20px;}
.dcci-phub-watch-qlist li{position:relative;display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:600;
  line-height:1.45;color:#2e1250;background:transparent;border:0;border-radius:8px;padding:8px 6px;}
.dcci-phub-watch-qlist li:hover{background:transparent;}
.dcci-phub-watch-qlist li::before{content:'';flex:0 0 auto;width:16px;height:16px;margin-top:1px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-5' stroke='%23b06a16' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;}
/* White question text, blush pink ticks, in the wide public teal card. */
.dcci-phub-watch--wide .dcci-phub-watch-qlist li{color:#fff;}
.dcci-phub-watch--wide .dcci-phub-watch-qlist li::before{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-5' stroke='%23d83a6f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;}
/* CTA helper text under the button */
.dcci-phub-watch-cta-help{font-size:11px;font-weight:500;line-height:1.5;color:#8a6aa8;margin:9px 0 0;text-align:center;}


/* ════════════════════════════════════════════════════════════
   UNIFIED BOX STYLE — match every dashboard box to the expert cards:
   white background, soft #bcdde8 border, 16px radius, soft shadow,
   and NO gradient / teal top accent stripe. Buttons, icons, chips and
   the focus-line accents are intentionally left untouched.
   ════════════════════════════════════════════════════════════ */
.dcci-phub-station,
.dcci-phub-card,
.dcci-phub-dash,
.dcci-phub-nb-board{
  background:#fff !important;
  border:1px solid #bcdde8 !important;
  border-top:1px solid #bcdde8 !important;
  border-radius:16px !important;
  box-shadow:0 10px 26px rgba(46,18,80,0.12) !important;
}
/* Remove the gradient / accent top stripes on those boxes */
.dcci-phub-station::before,
.dcci-phub-card::before{content:none;}
/* Keep the link-tile dash transparent inside the utilities station */
.dcci-phub-station--links .dcci-phub-dash{
  background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;
}
/* Coming-soon cards keep their muted dashed look but on the unified base */
.dcci-phub-card.is-soon{
  background:#faf7fd !important;border-style:dashed !important;border-color:#e0d2ef !important;box-shadow:none !important;
}


/* ── Jump nav (section chips) — retained from prior build; not currently
   emitted by the template (the console rail replaced it) but kept so no
   styling is silently dropped during consolidation. ── */
.dcci-phub-jump{background:#fff;border-bottom:1px solid #efe6f8;position:sticky;top:0;z-index:20;}
.dcci-phub-jump .dcci-phub-wrap{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;padding-bottom:14px;}
.dcci-phub-jump-chip{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12px;font-weight:700;color:#4e1f72;background:#f5eefb;border:1px solid #ece4f5;border-radius:999px;padding:6px 14px;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap;}
.dcci-phub-jump-chip:hover{background:var(--mca-teal-deep);color:#fff;border-color:var(--mca-teal-deep);}
@media (max-width:640px){
  .dcci-phub-jump{position:static;}
  .dcci-phub-jump .dcci-phub-wrap{gap:6px;}
  .dcci-phub-jump-chip{font-size:11px;padding:5px 11px;}
}

/* ════════════════════════════════════════════════════════════════════
   MCA EXTERNAL LINKS INDEX PAGE  (page-mca-links-index.php)
   Curated, grouped index of external MCA / DoLS / deprivation of liberty
   resources. Reuses the clay palette and card language of the hub page.
   ════════════════════════════════════════════════════════════════════ */
.dcci-mca-index{padding:44px 0 60px;}
.dcci-mca-index-hero{max-width:820px;margin:0 0 34px;}
.dcci-mca-index-eyebrow{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:11px;font-weight:800;
  letter-spacing:0.14em;text-transform:uppercase;color:var(--mca-teal-deep);margin:0 0 12px;}
.dcci-mca-index-h1{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:clamp(26px,3.4vw,38px);font-weight:800;
  letter-spacing:-0.02em;line-height:1.15;color:#2e1250;margin:0 0 16px;}
.dcci-mca-index-lede{font-size:15px;font-weight:500;line-height:1.62;color:#4e1f72;margin:0 0 22px;}
.dcci-mca-index-jump{display:flex;flex-wrap:wrap;gap:8px;}
.dcci-mca-index-jump-chip{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12px;font-weight:700;
  color:#513c53 !important;background:#f8f1e9 !important;border:1px solid rgba(97,143,146,0.24) !important;
  border-radius:999px !important;box-shadow:none !important;padding:6px 13px;text-decoration:none;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;}
.dcci-mca-index-jump-chip:hover,.dcci-mca-index-jump-chip:focus{background:#618f92 !important;border-color:#618f92 !important;color:#fff !important;transform:translateY(-1px);}
.dcci-mca-index-jump-chip:focus-visible{outline:2px solid #513c53;outline-offset:2px;}

.dcci-mca-index-section{margin:0 0 40px;scroll-margin-top:90px;}
.dcci-mca-index-section-h{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:clamp(20px,2.4vw,26px);font-weight:800;
  letter-spacing:-0.01em;line-height:1.2;color:#2e1250;margin:0 0 8px;padding-bottom:10px;border-bottom:2px solid rgba(97,143,146,0.22);}
.dcci-mca-index-section-intro{font-size:13.5px;font-weight:500;line-height:1.55;color:#4e1f72;margin:0 0 18px;max-width:820px;}

.dcci-mca-index-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;}
.dcci-mca-index-card{display:flex;flex-direction:column;min-width:0;background:#fffdfb;border:1px solid rgba(97,143,146,0.20);
  border-radius:18px;box-shadow:0 8px 22px rgba(81,60,83,0.05);padding:20px 22px 18px;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.dcci-mca-index-card:hover,.dcci-mca-index-card:focus-within{border-color:rgba(97,143,146,0.45);box-shadow:0 12px 28px rgba(81,60,83,0.09);transform:translateY(-2px);}
.dcci-mca-index-card-body{flex:1 1 auto;min-width:0;}
.dcci-mca-index-tag{display:inline-flex;width:fit-content;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:9.5px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;color:#3c8595;
  background:rgba(97,143,146,0.12);border:1px solid rgba(97,143,146,0.28);border-radius:999px;padding:3px 10px;margin:0 0 10px;line-height:1.1;}
.dcci-mca-index-card-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:16px;font-weight:800;
  letter-spacing:-0.01em;line-height:1.28;color:#2e1250;margin:0 0 8px;}
.dcci-mca-index-card-desc{font-size:13px;font-weight:500;line-height:1.55;color:rgba(81,60,83,0.82);margin:0 0 10px;}
.dcci-mca-index-card-use{font-size:12.5px;font-weight:500;line-height:1.5;color:#5a4a72;margin:0 0 14px;
  background:rgba(97,143,146,0.07);border-left:3px solid var(--mca-teal);border-radius:0 8px 8px 0;padding:8px 12px;}
.dcci-mca-index-card-use-label{display:inline;font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:10px;font-weight:800;
  letter-spacing:0.05em;text-transform:uppercase;color:var(--mca-teal-deep);margin-right:4px;}
.dcci-mca-index-card-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin-top:auto;
  font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:12.5px;font-weight:700;
  color:#fff !important;background:linear-gradient(135deg,#d83a6f 0%,#bf2f5f 100%) !important;border:1px solid #bf2f5f !important;
  border-radius:999px !important;box-shadow:0 5px 14px rgba(216,58,111,0.28) !important;text-shadow:none !important;
  padding:8px 16px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;}
.dcci-mca-index-card-btn:hover,.dcci-mca-index-card-btn:focus{transform:translateY(-1px);box-shadow:0 8px 20px rgba(216,58,111,0.36) !important;color:#fff !important;}
.dcci-mca-index-card-btn:focus-visible{outline:2px solid #513c53;outline-offset:2px;}
.dcci-mca-index-ext{display:inline-flex;align-items:center;}
.dcci-mca-index-ext-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.dcci-mca-index-related{margin:44px 0 0;background:#f8f1e9;border:1px solid rgba(97,143,146,0.22);border-radius:20px;padding:26px 28px;}
.dcci-mca-index-related-list{margin:8px 0 0;padding:0 0 0 20px;}
.dcci-mca-index-related-list li{font-size:13.5px;font-weight:500;line-height:1.6;color:#4e1f72;margin:0 0 8px;}
.dcci-mca-index-related-list a{color:#513c53;font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.dcci-mca-index-related-list a:hover,.dcci-mca-index-related-list a:focus{color:#618f92;}

.dcci-mca-index-empty{font-size:14px;font-weight:500;line-height:1.6;color:#7a6c90;background:#fffdfb;
  border:1px dashed rgba(97,143,146,0.3);border-radius:14px;padding:20px 22px;margin:0 0 30px;}

@media (max-width:600px){
  .dcci-mca-index{padding:32px 0 44px;}
  .dcci-mca-index-cards{grid-template-columns:1fr;}
  .dcci-mca-index-related{padding:20px 18px;}
}

/* MCA hero eyebrow peach override */
.dcci-phub-hero-eyebrow{color:#d83a6f !important;}
.dcci-phub-hero-eyebrow::before,.dcci-phub-hero-eyebrow::after{content:none !important;}

/* Make the three MCA tools console tiles square, and shrink tiles + gaps ~30%.
   Scoped with :not(.dcci-gamerack-tiles) so these !important overrides do not
   leak onto the MCA games rack, which is a horizontal scroller with its own
   sizing (three tiles across, fixed px gaps) defined in the App Manager CSS. */
.dcci-tools-console-tiles:not(.dcci-gamerack-tiles){gap:6.3% 5.6% !important;padding-left:11% !important;padding-right:11% !important;transform:translateY(15px) !important;}
.dcci-tools-console-tiles:not(.dcci-gamerack-tiles) .dcci-tools-tile{aspect-ratio:1/1 !important;width:100% !important;height:auto !important;overflow:hidden;}
.dcci-tools-console-tiles:not(.dcci-gamerack-tiles) .dcci-tools-tile img{width:100% !important;height:100% !important;object-fit:cover !important;display:block;}
/* Games rack tiles: keep images filling each square tile, but let the App
   Manager CSS own the tile width/height so three sit across the screen.
   Position tuned by eye against the Games.webp artwork so the row of three
   sits on the cream screen: inset 28% each side, 10% from the top, 42% up
   from the bottom. Padding/transform from the tools-console rules above are
   explicitly cleared so they cannot widen or shift the scroll track. */
.dcci-gamerack-tiles{
  left:28% !important;right:28% !important;top:10% !important;bottom:42% !important;
  padding:0 !important;transform:none !important;gap:8px !important;
  /* The rack is a horizontal scroller, not a grid. These must be restated here
     (and !important) because the .dcci-tools-console-tiles rules above set grid
     behaviour on the shared class, and this file loads after the App Manager's
     tools-console-v2.css. Without overflow-x:auto the track never overflows, so
     scrollWidth === clientWidth, the JS decides there is nothing to scroll and
     leaves both arrows hidden. */
  display:flex !important;
  grid-template-columns:none !important;grid-template-rows:none !important;
  flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;
  overflow-x:auto !important;overflow-y:hidden !important;
  scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;-ms-overflow-style:none;}
.dcci-gamerack-tiles::-webkit-scrollbar{display:none;}
/* Exactly three across: track width minus the two 8px gaps, divided by three.
   Without a fixed basis the seven tiles simply shrink to fit and no arrows appear. */
.dcci-gamerack-tiles .dcci-tools-tile{
  flex:0 0 calc((100% - 16px) / 3) !important;
  width:calc((100% - 16px) / 3) !important;
  min-width:calc((100% - 16px) / 3) !important;
  max-width:calc((100% - 16px) / 3) !important;
  scroll-snap-align:start;
  aspect-ratio:1/1 !important;height:auto !important;overflow:hidden;}
.dcci-gamerack-tiles .dcci-tools-tile img{width:100% !important;height:100% !important;object-fit:cover !important;display:block;}

/* Align the briefing shelf items up onto the shelf. */
.dcci-shelf-topshelf-item{transform:translateY(-40px) !important;}

/* Align the infographic stand slots onto the stand. */
.dcci-stand-slot{transform:translateY(-35px) !important;}

/* Tighten the infographic stand rows (fixed height, packed top, smaller gap). */
.dcci-stand-slots{align-content:start !important;grid-template-rows:70px 70px 70px !important;row-gap:5px !important;column-gap:16% !important;}

/* AGNI tools livepreview: set card width and show the full short description. */
.dcci-tools-livepreview{width:200px !important;max-width:200px !important;}
.dcci-tools-livepreview-desc{-webkit-line-clamp:unset !important;max-height:none !important;overflow:visible !important;}

/* (Console preview shift removed — positioning is JS-controlled in the shortcode.) */

/* Public-facing MCA headings: cleaner teal-card treatment.
   Keep the headings white for readability and use raspberry only as the accent. */
.dcci-phub-watch.dcci-phub-watch--wide .dcci-phub-watch-eyebrow,
.dcci-phub-live-main .dcci-phub-nb-board-title,
.dcci-phub-freeaccess-title{
  color:#ffffff !important;
  text-shadow:none !important;
}
.dcci-phub-freeaccess-ico{
  border-color:rgba(232,79,127,0.75) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,0.16), 0 0 0 4px rgba(232,79,127,0.12) !important;
}
.dcci-phub-pracnote--inset{
  border-left-color:#e84f7f !important;
}
.dcci-phub-watch-eyebrow-dot,
.dcci-phub-nb-board-pin{
  background:radial-gradient(circle at 35% 30%,#ff8fbf 0%,#e84f7f 68%,#c93467 100%) !important;
}

/* ==========================================================================
   MCA FAQ BANK PAGE  (page-mca-faq.php)
   Full public FAQ. Reuses the .dcci-phub-nb* sticky-note board + collapsible
   answers above; adds only the page frame, jump-links and section blocks.
   ========================================================================== */

/* ── FULL-WIDTH CONTENT AREA, NO RESERVED SIDEBAR (this template only) ──
   Astra was still reserving a right-hand sidebar column on this page, so the
   content column sat left of centre (roughly 169px gap left, 350px right). This
   removes the reserved column and makes the primary content area genuinely
   full-width, so the centred FAQ container below sits in the true viewport
   centre. Scoped to body.page-template-page-mca-faq so no other page changes. */
body.page-template-page-mca-faq #primary,
body.page-template-page-mca-faq .content-area,
body.page-template-page-mca-faq .site-main,
body.page-template-page-mca-faq .ast-container,
body.page-template-page-mca-faq .entry-content{
  width:100% !important;
  max-width:none !important;
  flex:0 0 100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  float:none !important;
  justify-content:center !important;}
body.page-template-page-mca-faq #secondary,
body.page-template-page-mca-faq .widget-area,
body.page-template-page-mca-faq .ast-separate-container #secondary{
  display:none !important;
  width:0 !important;}
/* Astra applies a two-column grid on the article wrapper when a sidebar is set;
   collapse it to a single full-width column for this template. */
body.page-template-page-mca-faq .ast-grid-common-col,
body.page-template-page-mca-faq .ast-article-single{
  width:100% !important;
  max-width:none !important;
  grid-template-columns:1fr !important;}

.dcci-mca-faq-page{position:relative;z-index:1;width:100%;}
.dcci-phub-zone--faq{background:linear-gradient(180deg,#f3eefb 0%,#ece3f8 100%);padding:30px 0 60px;width:100%;}
/* Centred container inside the now full-width area. */
body.page-template-page-mca-faq .dcci-phub-zone--faq .dcci-phub-zone-inner,
.dcci-phub-zone--faq .dcci-phub-zone-inner{
  width:min(920px,calc(100% - 40px));
  margin-inline:auto;
  padding-inline:0;
  box-sizing:border-box;}

/* ── Top bar: back link, then eyebrow on its own row below ── */
.dcci-mca-faq-topbar{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0 0 20px;}
.dcci-mca-faq-topbar .dcci-phub-zone-eyebrow{margin:0;}
.dcci-mca-faq-back{display:inline-flex;align-items:center;gap:7px;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:12.5px;font-weight:700;color:var(--mca-teal-deep);text-decoration:none;
  padding:7px 14px 7px 10px;border-radius:999px;background:#fff;border:1px solid #d8e9ef;
  box-shadow:0 3px 10px rgba(46,18,80,0.05);transition:transform .15s ease,box-shadow .15s ease;}
.dcci-mca-faq-back:hover{transform:translateX(-2px);box-shadow:0 5px 14px rgba(46,18,80,0.09);color:#2e1250;}

/* ── Heading + intro: capped width, more breathing room before the nav ── */
.dcci-mca-faq-title{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:clamp(24px,3.4vw,34px);
  font-weight:800;letter-spacing:-0.02em;color:#2e1250;line-height:1.18;margin:0 0 14px;max-width:700px;text-wrap:balance;}
.dcci-mca-faq-intro{font-size:14.5px;font-weight:500;line-height:1.62;color:#4e1f72;margin:0 0 44px;max-width:640px;}

/* ── Topic navigation: contained panel with a label + three-column tile grid ── */
.dcci-mca-faq-topicnav{margin:0 0 34px;padding:22px 22px 18px;border-radius:22px;
  background:rgba(255,255,255,0.55);border:1px solid rgba(88,40,120,0.12);
  box-shadow:0 4px 16px rgba(46,18,80,0.04);}
.dcci-mca-faq-topicnav-label{font-family:var(--dcc-font,'Montserrat',sans-serif);font-size:11px;font-weight:800;
  letter-spacing:0.14em;text-transform:uppercase;color:var(--mca-teal-deep);margin:0 0 15px;padding-left:2px;}
.dcci-mca-faq-topicgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;}

/* Navigation tiles: left-aligned, consistent width, dot + label + count + arrow. */
.dcci-mca-faq-topic{display:flex;align-items:center;gap:10px;min-height:50px;padding:12px 14px;
  border-radius:14px;background:#fff;border:1px solid #e3d7f0;text-decoration:none;
  box-shadow:0 2px 8px rgba(46,18,80,0.05);
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;box-sizing:border-box;}
.dcci-mca-faq-topic:hover{transform:translateY(-2px);border-color:var(--mca-teal);
  box-shadow:0 8px 18px rgba(46,18,80,0.11);}
.dcci-mca-faq-topic-dot{flex:none;width:9px;height:9px;border-radius:999px;
  background:radial-gradient(circle at 35% 30%,#ff8fbf 0%,#e84f7f 68%,#c93467 100%);
  box-shadow:0 1px 3px rgba(201,52,103,0.4);}
/* Label wraps cleanly to a second line rather than shrinking or overflowing when
   the topic name is long (e.g. "Restrictions and Deprivation of Liberty"). */
.dcci-mca-faq-topic-label{flex:1 1 auto;min-width:0;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:13px;font-weight:700;line-height:1.25;color:#2e1250;letter-spacing:-0.01em;
  overflow-wrap:break-word;word-break:normal;hyphens:none;}
.dcci-mca-faq-topic-count{flex:none;display:inline-flex;align-items:center;justify-content:center;
  min-width:22px;height:20px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--mca-teal) 0%,var(--mca-teal-deep) 100%);}
.dcci-mca-faq-topic-arrow{flex:none;color:#b49ccf;transition:transform .14s ease,color .14s ease;}
.dcci-mca-faq-topic:hover .dcci-mca-faq-topic-arrow{transform:translateX(3px);color:var(--mca-teal-deep);}

@media (max-width:820px){
  .dcci-mca-faq-topicgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:520px){
  .dcci-mca-faq-topicgrid{grid-template-columns:1fr;}
}

/* ── Collapsible section block ── */
.dcci-mca-faq-section{margin:0 0 16px;border-radius:20px;overflow:hidden;
  background:#fff;border:1px solid #e0d3f2;box-shadow:0 6px 20px rgba(46,18,80,0.06);scroll-margin-top:90px;}
.dcci-mca-faq-section-sum{display:flex;align-items:center;gap:13px;cursor:pointer;list-style:none;
  padding:19px clamp(18px,3vw,26px);font-family:var(--dcc-font,'Montserrat',sans-serif);
  background:linear-gradient(180deg,#fbf8ff 0%,#f4ecfc 100%);transition:background .15s ease;}
.dcci-mca-faq-section-sum::-webkit-details-marker{display:none;}
.dcci-mca-faq-section-sum:hover{background:linear-gradient(180deg,#f6efff 0%,#ede1fa 100%);}
.dcci-mca-faq-section-pin{flex:none;width:13px;height:13px;border-radius:999px;
  background:radial-gradient(circle at 35% 30%,#ff8fbf 0%,#e84f7f 68%,#c93467 100%);
  box-shadow:0 2px 5px rgba(201,52,103,0.4);}
.dcci-mca-faq-section-title{flex:1 1 auto;min-width:0;margin:0;padding:0;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:clamp(15.5px,1.8vw,18px);font-weight:800;
  letter-spacing:-0.01em;color:#2e1250;line-height:1.3;}
.dcci-mca-faq-section-count{flex:none;font-size:11.5px;font-weight:700;color:var(--mca-teal-deep);
  padding:5px 11px;border-radius:999px;background:#eaf6fa;border:1px solid #cfe6ef;white-space:nowrap;}
.dcci-mca-faq-section-chev{flex:none;color:#7a5fa8;transition:transform .2s ease;}
.dcci-mca-faq-section[open] .dcci-mca-faq-section-chev{transform:rotate(180deg);}
.dcci-mca-faq-section-body{padding:6px clamp(12px,2vw,20px) 20px;background:#fff;}

/* ── Teal noticeboard canvas inside each open section — matches the hub's
   family/carer board (.dcci-phub-live-main .dcci-phub-nb-board). ── */
.dcci-phub-nb-board--faq{
  background:linear-gradient(165deg,#2f7c94 0%,#286d84 50%,#215c70 100%) !important;
  border:none !important;
  box-shadow:0 14px 34px rgba(33,92,112,0.28) !important;
  /* Single source of gutter: equal on all four sides. Overrides the base
     board's asymmetric shorthand so left and right teal margins match exactly. */
  width:100% !important;
  padding:30px !important;
  box-sizing:border-box !important;
  overflow:hidden;
  margin-top:6px;}
/* Purple tape on the teal, as on the hub board. */
.dcci-phub-nb-board--faq .dcci-phub-nb-tape{
  background:rgba(78,31,114,0.72);
  box-shadow:0 2px 6px rgba(0,0,0,0.20),inset 0 1px 0 rgba(255,255,255,0.45),inset 0 -1px 0 rgba(0,0,0,0.08);
  background-image:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(255,255,255,0.12) 4px,rgba(255,255,255,0.12) 5px),linear-gradient(rgba(94,45,130,0.80),rgba(58,21,96,0.66));}

/* Symmetric two-column grid. NO horizontal padding here — the board's own
   30px padding is the only gutter, so left and right teal margins are identical.
   Wider cards: smaller gap, cards fill each 1fr track fully.
   box-sizing:border-box + min-width:0 stop the padded cards overflowing the
   track (the global border-box reset is scoped to .dcci-phub, which does not
   wrap this board — so cards would otherwise be content-box and overflow right). */
.dcci-phub-nb-board--faq .dcci-phub-nb-cards{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
  align-items:start !important;}
.dcci-phub-nb-board--faq .dcci-phub-nb-card{
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:44px 34px 30px !important;
  box-sizing:border-box !important;
  transform:none !important;}
/* Gentle placed tilt kept very small so card edges do not swing past the gutter. */
.dcci-phub-nb-board--faq .dcci-phub-nb-card:nth-child(odd){transform:rotate(-0.8deg) !important;}
.dcci-phub-nb-board--faq .dcci-phub-nb-card:nth-child(even){transform:rotate(0.7deg) !important;}
.dcci-phub-nb-board--faq .dcci-phub-nb-card:hover{transform:translateY(-5px) rotate(0deg) scale(1.02) !important;}

.dcci-mca-faq-empty{font-size:14px;font-weight:500;color:#4e1f72;background:#fff;border:1px dashed #d8c8ef;
  border-radius:16px;padding:22px 24px;margin:6px 0 0;}
.dcci-mca-faq-note{font-size:12.5px;font-weight:500;line-height:1.6;color:#5a4a72;margin:26px 0 0;
  padding:16px 20px;border-radius:14px;background:#fff;border:1px solid #e6dbf5;max-width:820px;}

.dcci-mca-faq-section-note{font-size:12.5px;font-weight:500;line-height:1.6;color:#5a4a72;margin:0 0 14px;
  padding:14px 18px;border-radius:12px;background:#fdf4e6;border:1px solid #f0c987;}

@media (max-width:640px){
  .dcci-phub-nb-board--faq .dcci-phub-nb-cards{grid-template-columns:1fr !important;}
  .dcci-phub-nb-board--faq .dcci-phub-nb-card{transform:none !important;}
}

/* ── "View all questions and answers" link under the curated hub notes ── */
.dcci-phub-nb-viewall{position:relative;z-index:2;display:flex;justify-content:center;margin:6px 0 4px;padding:8px 15px 2px;}
.dcci-phub-nb-viewall-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--dcc-font,'Montserrat',sans-serif);
  font-size:13.5px;font-weight:800;letter-spacing:-0.01em;color:#fff;text-decoration:none;line-height:1.2;
  padding:12px 22px;border-radius:999px;background:linear-gradient(135deg,var(--mca-teal) 0%,var(--mca-teal-deep) 100%);
  box-shadow:0 6px 16px rgba(63,138,166,0.32);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;}
.dcci-phub-nb-viewall-btn:hover{transform:translateY(-2px);filter:brightness(1.04);
  box-shadow:0 9px 22px rgba(63,138,166,0.4);color:#fff;}
.dcci-phub-nb-viewall-btn svg{transition:transform .15s ease;}
.dcci-phub-nb-viewall-btn:hover svg{transform:translateX(3px);}