/* D4C Learning Centre v0.2.4 — Ownership / Parent Aperture Repair */
body.d4c-learning-centre-immersive #secondary,body.d4c-learning-centre-immersive .widget-area,body.d4c-learning-centre-immersive .site-sidebar,body.d4c-learning-centre-immersive .right-sidebar,body.d4c-learning-centre-immersive .bp-better-messages-mini,body.d4c-learning-centre-immersive .bm-mini-widgets-button,body.d4c-learning-centre-immersive .bpbm-browser-push-proposal,body.d4c-learning-centre-immersive .entry-header,body.d4c-learning-centre-immersive .page-header,body.d4c-learning-centre-immersive .breadcrumb,body.d4c-learning-centre-immersive .breadcrumbs{display:none!important}
body.d4c-learning-centre-immersive,body.d4c-learning-centre-immersive #page,body.d4c-learning-centre-immersive .site,body.d4c-learning-centre-immersive .site-content,body.d4c-learning-centre-immersive .content-area,body.d4c-learning-centre-immersive #primary,body.d4c-learning-centre-immersive .site-main,body.d4c-learning-centre-immersive article,body.d4c-learning-centre-immersive .entry-content{background:#07111a!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
body.d4c-learning-centre-immersive .entry-content>.d4c-lc{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
.d4c-lc{color:#fff;font-family:Arial,sans-serif;background:#07111a;position:relative;overflow:hidden}.d4c-lc-scene{position:relative;width:100vw;left:50%;transform:translateX(-50%);aspect-ratio:16/8.8;min-height:680px;max-height:calc(100vh - 72px);overflow:hidden;background:#07111a}.d4c-lc-scene-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.02) contrast(1.01) brightness(1.16)}
.d4c-lc-calm{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 0 68%,rgba(2,10,17,.03) 78%,rgba(2,10,17,.14) 100%);transition:.35s}
.d4c-lc-brand{position:absolute;left:2.2%;top:2.2%;z-index:8;display:flex;align-items:center;gap:12px;padding:8px 13px;background:rgba(4,17,28,.82);border:1px solid rgba(150,220,255,.55);backdrop-filter:blur(7px);box-shadow:0 10px 30px #0007}.d4c-lc-brand img{width:72px;height:48px;object-fit:contain}.d4c-lc-brand strong{display:block;font-size:16px;letter-spacing:.11em}.d4c-lc-brand span{font-size:10px;letter-spacing:.22em;color:#a7dcf4}
.d4c-focus{position:absolute;z-index:4;border:2px solid transparent;border-radius:18px;opacity:0;pointer-events:none;transition:.35s ease;box-shadow:0 0 0 9999px rgba(2,10,17,.22)}.d4c-focus span{position:absolute;left:50%;bottom:-38px;transform:translateX(-50%);white-space:nowrap;padding:7px 11px;background:rgba(3,18,29,.9);border:1px solid #8bdcff;color:#fff;font-size:11px;font-weight:900;letter-spacing:.1em}.f-network{left:1.5%;top:14%;width:31%;height:57%}.f-founder{left:27%;top:27%;width:18%;height:30%}.f-globe{left:38%;top:15%;width:25%;height:56%}.f-guide{left:43%;top:43%;width:16%;height:30%}.f-prison{right:1.5%;top:14%;width:31%;height:57%}.f-library{right:9%;top:31%;width:19%;height:32%}
.d4c-lc-scene[data-focus="network"] .f-network,.d4c-lc-scene[data-focus="founder"] .f-founder,.d4c-lc-scene[data-focus="globe"] .f-globe,.d4c-lc-scene[data-focus="guide"] .f-guide,.d4c-lc-scene[data-focus="prison"] .f-prison,.d4c-lc-scene[data-focus="library"] .f-library,.d4c-lc-scene[data-focus="learning"] .f-founder{opacity:1;border-color:#8bdcff;box-shadow:0 0 30px #62cfff88,0 0 0 9999px rgba(2,10,17,.26)}.d4c-lc-scene[data-focus="prison"] .f-prison{border-color:#e8a56d;box-shadow:0 0 30px #e89b5c88,0 0 0 9999px rgba(2,10,17,.26)}
.d4c-lc-progress{position:absolute;z-index:8;right:2.2%;top:3%;width:210px;padding:8px 10px;background:rgba(3,16,27,.78);border:1px solid #5fa7c8;font-size:10px;letter-spacing:.1em}.d4c-lc-progress i{display:block;height:4px;margin-top:6px;background:#193748}.d4c-lc-progress b{display:block;height:100%;width:8%;background:#8bdcff;transition:.3s}
.d4c-lc-guidebar{position:absolute;z-index:10;left:12%;right:12%;bottom:5.5%;display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 15px;background:rgba(3,16,27,.94);border:1px solid #77d8ff;box-shadow:0 14px 45px #000c;backdrop-filter:blur(10px)}.guide-avatar img{width:70px;height:70px;object-fit:cover;object-position:50% 18%;border-radius:50%;border:2px solid #dff6ff}.guide-copy b{display:block;color:#80d8ff;letter-spacing:.08em;font-size:17px;margin-bottom:5px}.guide-copy span{display:block;font-size:14px;line-height:1.45;max-height:64px;overflow:auto}.guide-controls{display:flex;gap:8px;flex-direction:row;align-items:stretch}.guide-controls button{border:1px solid #80d8ff;background:#0b5278;color:#fff;font-weight:900;padding:10px 13px;cursor:pointer;white-space:nowrap}.guide-controls button:hover{background:#087bb1}.guide-controls .d4c-tour-back{position:static;inset:auto;z-index:auto;background:rgba(3,19,31,.9)}.d4c-lc-hint{position:absolute;z-index:7;left:50%;transform:translateX(-50%);bottom:1.3%;font-size:10px;letter-spacing:.12em;color:#b9d9e7;background:rgba(3,16,27,.72);padding:5px 9px}
.d4c-lc-footer{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 3%;background:#06121c;border-top:1px solid #2d637f;color:#8fb6c9;font-size:10px;letter-spacing:.1em}
@media(max-width:900px){body.d4c-learning-centre-immersive .entry-content>.d4c-lc{margin-left:calc(50% - 50vw)!important}.d4c-lc-scene{aspect-ratio:auto;min-height:900px;max-height:none}.d4c-lc-scene-img{height:55%;object-position:center top}.d4c-lc-calm{background:linear-gradient(180deg,transparent 0 43%,rgba(7,17,26,.12) 52%,#07111a 64%)}.d4c-lc-brand{left:3%;right:3%;top:2%}.d4c-lc-brand img{width:52px}.d4c-lc-brand strong{font-size:12px}.d4c-lc-progress{top:58%;left:12px;right:12px;width:auto}.d4c-focus{top:7%!important;height:38%!important}.f-network{left:1%;width:34%}.f-founder{left:23%;width:23%}.f-globe{left:35%;width:30%}.f-guide{left:43%;width:18%}.f-prison{right:1%;width:34%}.f-library{right:7%;width:24%}.d4c-focus span{display:none}.d4c-lc-guidebar{left:12px;right:12px;bottom:70px;grid-template-columns:54px 1fr;padding:12px}.guide-avatar img{width:50px;height:50px}.guide-copy b{font-size:15px}.guide-copy span{font-size:13px;max-height:150px}.guide-controls{grid-column:1/3;flex-direction:row;justify-content:center}.d4c-tour-back{left:12px;bottom:20px}.d4c-lc-hint{right:12px;left:auto;transform:none;bottom:23px}.d4c-lc-footer{padding:10px 12px;display:block;text-align:center;line-height:1.5}}


/* v0.2.3 — route-only viewport repair. The Learning Centre owns its canvas on this route;
   Network World stone gutters remain untouched everywhere else. */
@media (min-width:901px){
 body.d4c-network-world.d4c-learning-centre-immersive,
 body.d4c-hq-enabled.d4c-learning-centre-immersive,
 body.d4c-learning-centre-immersive{
   background:#07111a!important;
   background-image:none!important;
 }
 body.d4c-learning-centre-immersive #page,
 body.d4c-learning-centre-immersive .site,
 body.d4c-learning-centre-immersive #content,
 body.d4c-learning-centre-immersive .site-content,
 body.d4c-learning-centre-immersive .content-area,
 body.d4c-learning-centre-immersive #primary,
 body.d4c-learning-centre-immersive .site-main,
 body.d4c-learning-centre-immersive article,
 body.d4c-learning-centre-immersive .entry-content{
   width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
   padding-left:0!important;padding-right:0!important;overflow:visible!important;background:#07111a!important;
 }
 body.d4c-learning-centre-immersive .entry-content>.d4c-lc{
   position:relative!important;left:50%!important;width:100vw!important;max-width:100vw!important;
   margin-left:-50vw!important;margin-right:-50vw!important;overflow:visible!important;
 }
 body.d4c-learning-centre-immersive .d4c-lc-scene{
   left:0!important;transform:none!important;width:100vw!important;height:auto!important;
   min-height:0!important;max-height:none!important;aspect-ratio:3/2!important;overflow:hidden!important;
 }
 body.d4c-learning-centre-immersive .d4c-lc-scene-img{
   width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;
 }
}


/* v0.2.4 — ownership-correct parent aperture release.
   BuddyX Pro creates .container > .site-wrapper around normal pages; the BuddyX child
   applies Network World stone only through body.d4c-network-world. PHP removes that
   Network World classification on this route. These selectors release only the parent
   wrappers that otherwise cap the Learning Centre at 1170px. */
body.d4c-learning-centre-immersive #page > .container,
body.d4c-learning-centre-immersive #page .container:has(> .site-wrapper),
body.d4c-learning-centre-immersive .site-content > .container,
body.d4c-learning-centre-immersive #content > .container {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.d4c-learning-centre-immersive .site-wrapper {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}
body.d4c-learning-centre-immersive #primary.site-main {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* v0.2.7 — first real guided experiences. The scene remains the environment;
   the Guide gives short directions while one contextual presentation surface opens. */
.d4c-lc-experience{position:absolute;z-index:9;width:min(430px,31vw);padding:18px 20px 17px;background:rgba(4,18,29,.94);border:1px solid rgba(139,220,255,.85);box-shadow:0 18px 55px rgba(0,0,0,.58),0 0 28px rgba(98,207,255,.2);backdrop-filter:blur(10px);animation:d4cExperienceIn .42s ease both}
.d4c-lc-experience[hidden]{display:none!important}.d4c-lc-experience-kicker{font-size:10px;font-weight:900;letter-spacing:.2em;color:#91dcff;margin-bottom:7px}.d4c-lc-experience h2{margin:0 0 9px!important;color:#fff!important;font-size:24px!important;line-height:1.08!important}.d4c-lc-experience p{margin:0 0 13px!important;color:#e7f5fb!important;font-size:14px!important;line-height:1.5!important}.d4c-experience-listen{border:1px solid #8bdcff;background:rgba(8,82,120,.92);color:#fff;font-size:11px;font-weight:900;letter-spacing:.06em;padding:8px 11px;cursor:pointer}.d4c-experience-listen:hover{background:#087bb1}
.d4c-lc-scene[data-experience="founder"] .d4c-lc-experience{left:25.5%;top:20%}.d4c-lc-scene[data-experience="findom"] .d4c-lc-experience{left:5.5%;top:24%}.d4c-lc-scene[data-experience="d4c"] .d4c-lc-experience{left:50%;top:17%;transform:translateX(-50%);text-align:center;width:min(470px,32vw)}
.d4c-lc-scene[data-experience="founder"] .f-founder,.d4c-lc-scene[data-experience="findom"] .f-founder,.d4c-lc-scene[data-experience="d4c"] .f-globe{animation:d4cFocusPulse 2.2s ease-in-out infinite}
@keyframes d4cExperienceIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes d4cFocusPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.28)}}
.d4c-lc-scene[data-experience="d4c"] .d4c-lc-experience{animation:d4cExperienceInCentered .42s ease both}@keyframes d4cExperienceInCentered{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:900px){.d4c-lc-experience{left:12px!important;right:12px!important;top:59%!important;transform:none!important;width:auto!important;text-align:left!important;max-height:210px;overflow:auto}.d4c-lc-experience h2{font-size:19px!important}.d4c-lc-experience p{font-size:13px!important}.d4c-lc-scene[data-experience="d4c"] .d4c-lc-experience{animation:d4cExperienceIn .42s ease both}.d4c-lc-guidebar{bottom:42px}.d4c-lc-scene:has(.d4c-lc-experience:not([hidden])) .d4c-lc-guidebar{bottom:42px;transform:translateY(0)}}

/* v0.2.8 — Stage 1 presentation-position repair only.
   Keep the Founder presentation inside the visible scene and anchored to the
   Founder display rather than allowing it to rise behind the BuddyX header. */
@media(min-width:901px){
 .d4c-lc-scene[data-experience="founder"] .d4c-lc-experience{
   left:27%;top:34%;width:min(390px,29vw);transform:none;
   max-height:250px;overflow:auto;
 }
}


/* v0.2.9 — Stage 1 presentation cleanup + Learning Centre notification isolation. */
body.d4c-learning-centre-immersive .bpbm-browser-push-proposal,
body.d4c-learning-centre-immersive .bp-better-messages-push-proposal,
body.d4c-learning-centre-immersive .better-messages-push-proposal,
body.d4c-learning-centre-immersive [class*="push-proposal"],
body.d4c-learning-centre-immersive [class*="push-notification"]{display:none!important}
@media(min-width:901px){
 .d4c-lc-scene[data-experience="founder"] .d4c-lc-experience{
   left:18.5%;top:35%;width:min(335px,24vw);max-height:225px;
   padding:14px 16px 13px;background:rgba(4,18,29,.82);
   backdrop-filter:blur(6px);box-shadow:0 14px 42px rgba(0,0,0,.46),0 0 20px rgba(98,207,255,.14)
 }
 .d4c-lc-scene[data-experience="founder"] .d4c-lc-experience h2{font-size:21px!important}
 .d4c-lc-scene[data-experience="founder"] .d4c-lc-experience p{font-size:13px!important;line-height:1.42!important}
}

/* v0.3.1 — deep lifecycle repair: exactly one tour stage may own focus/presentation. */
.f-learning{left:1.8%;top:24%;width:25%;height:34%}
.d4c-lc-scene[data-focus="learning"] .f-learning{opacity:1;border-color:#8bdcff;box-shadow:0 0 30px #62cfff88,0 0 0 9999px rgba(2,10,17,.26)}
/* Explicitly neutralise the legacy 0.3.0 mappings that incorrectly kept Founder active during Findom. */
.d4c-lc-scene[data-focus="learning"] .f-founder{opacity:0!important;border-color:transparent!important;box-shadow:none!important;animation:none!important}
.d4c-lc-scene[data-experience="findom"] .f-founder{animation:none!important}
.d4c-lc-scene[data-experience="findom"] .f-learning{animation:d4cFocusPulse 2.2s ease-in-out infinite}

/* Findom is a visual three-concept teaching surface, not another paragraph card. */
.d4c-lc-scene[data-experience="findom"] .d4c-lc-experience{left:4.6%;top:25%;width:min(430px,31vw);padding:14px 15px 13px;background:rgba(4,18,29,.86)}
.d4c-lc-experience.is-concepts h2{font-size:21px!important;margin-bottom:11px!important}
.d4c-experience-visual{display:grid;gap:7px;margin:4px 0 10px}
.d4c-experience-visual[hidden]{display:none!important}
.d4c-concept-card{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start;padding:9px 10px;background:rgba(8,52,76,.72);border-left:3px solid #8bdcff}
.d4c-concept-card>b{font-size:11px;letter-spacing:.12em;color:#8bdcff;padding-top:2px}
.d4c-concept-card strong{display:block;font-size:12px;letter-spacing:.07em;color:#fff;margin-bottom:2px}
.d4c-concept-card span{display:block;font-size:11px;line-height:1.35;color:#d9edf6}

@media(max-width:900px){
 .f-learning{left:1%!important;top:7%!important;width:34%!important;height:38%!important}
 .d4c-lc-scene[data-experience="findom"] .d4c-lc-experience{left:12px!important;right:12px!important;top:59%!important;width:auto!important}
 .d4c-concept-card{grid-template-columns:30px 1fr}
}


/* v0.3.2 — Stage 3 environment-led Two Worlds presentation. No modal panel over the globe. */
.d4c-lc-scene[data-experience="worlds"] .d4c-lc-experience{display:none!important}
.d4c-worlds-sequence{position:absolute;z-index:8;left:38%;top:15%;width:25%;height:56%;pointer-events:none;opacity:0;transition:opacity .3s ease}
.d4c-worlds-sequence.is-active{opacity:1}
.d4c-world-half{position:absolute;top:0;bottom:0;width:50%;opacity:0;transition:opacity .45s ease,filter .45s ease;filter:brightness(1);}
.d4c-world-half:before{content:"";position:absolute;inset:7% 2% 10%;border:3px solid currentColor;border-radius:50%;box-shadow:0 0 34px currentColor, inset 0 0 25px currentColor;opacity:.72}
.d4c-world-half span{position:absolute;top:7%;left:50%;transform:translateX(-50%);padding:6px 9px;background:rgba(3,18,29,.88);border:1px solid currentColor;color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em;white-space:nowrap}
.d4c-world-network{left:0;color:#75d8ff;background:linear-gradient(90deg,rgba(60,185,255,.16),transparent)}
.d4c-world-prison{right:0;color:#efad75;background:linear-gradient(270deg,rgba(239,145,75,.17),transparent)}
.d4c-worlds-sequence.beat-network .d4c-world-network,.d4c-worlds-sequence.beat-prison .d4c-world-prison{opacity:1;animation:d4cWorldPulse 1.35s ease-in-out infinite}
.d4c-world-rule{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) scale(.94);min-width:210px;text-align:center;padding:10px 14px;background:rgba(3,18,29,.84);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 34px rgba(139,220,255,.28);opacity:0;transition:.45s ease}
.d4c-world-rule strong,.d4c-world-rule span{display:block;color:#fff;line-height:1.1}.d4c-world-rule strong{font-size:17px;letter-spacing:.08em}.d4c-world-rule span{font-size:13px;letter-spacing:.18em;color:#9edfff;margin-top:4px}
.d4c-worlds-sequence.beat-rule .d4c-world-network,.d4c-worlds-sequence.beat-rule .d4c-world-prison{opacity:.7}.d4c-worlds-sequence.beat-rule .d4c-world-rule{opacity:1;transform:translate(-50%,-50%) scale(1)}
.d4c-lc-scene[data-experience="worlds"] .f-globe{animation:d4cFocusPulse 2.2s ease-in-out infinite}
@keyframes d4cWorldPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.45)}}
@media(max-width:900px){.d4c-worlds-sequence{left:35%;top:7%;width:30%;height:38%}.d4c-world-half span{display:none}.d4c-world-rule{min-width:170px;padding:8px 10px}.d4c-world-rule strong{font-size:14px}.d4c-world-rule span{font-size:11px}}


/* v0.3.3 — canonical stage renderer / stale-panel guard. */
.d4c-lc-scene[data-renderer="worlds"] .d4c-lc-experience,
.d4c-lc-scene[data-stage="d4c"] .d4c-lc-experience{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.d4c-lc-scene[data-stage="d4c"] .d4c-worlds-sequence{display:block!important}
.d4c-lc-scene:not([data-stage="d4c"]) .d4c-worlds-sequence{opacity:0!important;pointer-events:none!important}

/* v0.3.5 administrator-only browser voice diagnostic */
.d4c-voice-diagnostic{position:absolute;right:18px;bottom:88px;z-index:90;font-family:inherit}
#d4c-voice-diagnostic-toggle{background:rgba(8,19,31,.88);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:7px 10px;font-weight:700;font-size:11px}
.d4c-voice-diagnostic-panel{width:min(420px,calc(100vw - 36px));background:rgba(8,19,31,.96);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:12px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.d4c-voice-diagnostic-panel strong,.d4c-voice-diagnostic-panel small{display:block;margin-bottom:8px}
#d4c-voice-selected{font-size:12px;margin:8px 0;color:#d8e8f6}
#d4c-voice-list{width:100%;min-height:150px;background:#fff;color:#111;margin:4px 0 9px}
#d4c-voice-preview{width:100%;padding:8px;font-weight:800}
@media(max-width:700px){.d4c-voice-diagnostic{right:10px;bottom:110px}}


/* v0.3.7 — Stage 4 role/probation teaching surface. One active stage only. */
.d4c-lc-scene[data-stage="role"] .d4c-lc-experience{
  left:50%;top:20%;transform:translateX(-50%);width:min(420px,31vw);
  background:rgba(4,18,29,.90);border-color:rgba(139,220,255,.9);
}
.d4c-lc-scene[data-stage="role"] .d4c-lc-experience h2{font-size:25px!important;text-align:center;letter-spacing:.08em}
.d4c-lc-scene[data-stage="role"] .d4c-lc-experience-kicker{text-align:center}
.d4c-lc-scene[data-stage="role"] .d4c-experience-listen{display:none}
.d4c-role-card{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;padding:10px 11px;margin:7px 0;background:rgba(8,52,76,.72);border-left:3px solid #8bdcff}
.d4c-role-card>b{font-size:11px;letter-spacing:.12em;color:#8bdcff;padding-top:2px}
.d4c-role-card strong{display:block;font-size:12px;letter-spacing:.07em;color:#fff;margin-bottom:3px}
.d4c-role-card span{display:block;font-size:11px;line-height:1.38;color:#d9edf6}
.d4c-lc-scene[data-stage="role"] .f-guide{opacity:1;border-color:#8bdcff;box-shadow:0 0 30px #62cfff88,0 0 0 9999px rgba(2,10,17,.18);animation:d4cFocusPulse 2.2s ease-in-out infinite}
@media(max-width:900px){
 .d4c-lc-scene[data-stage="role"] .d4c-lc-experience{left:12px!important;right:12px!important;top:59%!important;transform:none!important;width:auto!important;max-height:235px;overflow:auto}
 .d4c-lc-scene[data-stage="role"] .d4c-lc-experience h2{font-size:20px!important}
 .d4c-role-card{grid-template-columns:32px 1fr;padding:8px 9px}
}


/* v0.3.9 — Network World environment-led induction stage. */
.d4c-lc-scene[data-renderer="network"] .d4c-lc-experience{display:none!important}
.d4c-lc-scene[data-renderer="network"] .f-network{opacity:1;border-color:#8bdcff;box-shadow:0 0 34px #62cfff99,0 0 0 9999px rgba(2,10,17,.18);animation:d4cFocusPulse 2.2s ease-in-out infinite}
.d4c-network-sequence{position:absolute;z-index:7;left:1.5%;top:14%;width:31%;height:57%;pointer-events:none}
.d4c-network-wash{position:absolute;inset:0;border-radius:18px;background:linear-gradient(90deg,rgba(87,204,255,.20),rgba(87,204,255,.04));box-shadow:inset 0 0 42px rgba(117,216,255,.22)}
.d4c-network-callout{position:absolute;left:7%;right:7%;bottom:8%;padding:11px 13px;background:rgba(3,18,29,.88);border:1px solid rgba(139,220,255,.82);box-shadow:0 0 24px rgba(98,207,255,.28);color:#fff;transition:.35s ease}
.d4c-network-callout b,.d4c-network-callout span{display:block}.d4c-network-callout b{font-size:12px;letter-spacing:.1em;color:#9edfff;margin-bottom:5px}.d4c-network-callout span{font-size:11px;line-height:1.45}
.d4c-network-sequence[data-beat="2"] .d4c-network-wash{background:linear-gradient(90deg,rgba(87,204,255,.12),rgba(87,204,255,.24),rgba(87,204,255,.03))}
.d4c-network-sequence[data-beat="3"] .d4c-network-wash{box-shadow:inset 0 0 55px rgba(117,216,255,.34),0 0 28px rgba(117,216,255,.16)}
@media(max-width:900px){.d4c-network-sequence{left:1%;top:7%;width:34%;height:38%}.d4c-network-callout{display:none}}

/* v0.3.12 — Resources & Help stays inside the guided tour; policy documents open separately. */
.d4c-lc-resource-links{position:absolute;left:50%;bottom:154px;transform:translateX(-50%);z-index:42;width:min(720px,calc(100% - 48px));display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:rgba(4,18,29,.94);border:1px solid rgba(94,211,255,.72);box-shadow:0 18px 50px rgba(0,0,0,.34)}
.d4c-lc-resource-links[hidden]{display:none!important}
.d4c-lc-resource-links a{display:flex;flex-direction:column;gap:3px;padding:13px 15px;border:1px solid rgba(94,211,255,.48);background:rgba(16,91,126,.28);color:#eafaff;text-decoration:none;font-weight:700;letter-spacing:.04em}
.d4c-lc-resource-links a:hover,.d4c-lc-resource-links a:focus{background:rgba(24,125,169,.42);border-color:#8de7ff}
.d4c-lc-resource-links a span{font-size:11px;font-weight:400;letter-spacing:.02em;color:#a9d9ea}
.d4c-resource-note{grid-column:1/-1;text-align:center;font-size:11px;color:#a9d9ea;letter-spacing:.04em}
@media(max-width:760px){.d4c-lc-resource-links{position:relative;left:auto;bottom:auto;transform:none;width:auto;margin:12px 14px;grid-template-columns:1fr}.d4c-resource-note{grid-column:auto}}

/* v0.3.13 — Resource Library is the single active information layer.
   Keep the Guide identity and controls visible without duplicating the lesson copy. */
.d4c-lc-scene[data-stage="library"] .guide-copy{display:none}
.d4c-lc-scene[data-stage="library"] .d4c-lc-guidebar{grid-template-columns:74px 1fr}
.d4c-lc-scene[data-stage="library"] .guide-controls{justify-self:end;flex-direction:row;align-items:center}
.d4c-lc-scene[data-stage="library"] .d4c-lc-resource-links{bottom:178px}
@media(max-width:900px){
 .d4c-lc-scene[data-stage="library"] .d4c-lc-guidebar{grid-template-columns:54px 1fr}
 .d4c-lc-scene[data-stage="library"] .guide-controls{grid-column:2;justify-self:end}
 .d4c-lc-scene[data-stage="library"] .d4c-lc-resource-links{position:absolute;left:12px;right:12px;bottom:190px;transform:none;width:auto;margin:0;grid-template-columns:1fr}
}

/* v0.3.15 — three compliance resources: Terms, Privacy, Age Verification / Age Assurance. */
.d4c-lc-scene[data-stage="library"] .d4c-lc-resource-links{grid-template-columns:repeat(3,minmax(0,1fr));width:min(980px,calc(100% - 48px))}
@media(max-width:900px){.d4c-lc-scene[data-stage="library"] .d4c-lc-resource-links{grid-template-columns:1fr}}

/* v0.3.18 — personalised Founder welcome. Presentation only: genuine Steve
   photograph + exact approved D4C logo. No induction/access authority changes. */
.d4c-founder-welcome{display:none;position:absolute;z-index:10;left:4.2%;top:16%;width:min(390px,29vw);grid-template-columns:44% 56%;overflow:hidden;background:rgba(4,18,29,.94);border:1px solid rgba(139,220,255,.82);box-shadow:0 18px 55px rgba(0,0,0,.52),0 0 28px rgba(98,207,255,.18);backdrop-filter:blur(8px)}
.d4c-lc-scene[data-stage="arrival"] .d4c-founder-welcome,.d4c-lc-scene[data-stage="founder"] .d4c-founder-welcome{display:grid}
.d4c-founder-photo{min-height:260px;background:#0a1822;overflow:hidden}
.d4c-founder-photo img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;object-position:47% 39%}
.d4c-founder-copy{padding:14px 14px 16px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.d4c-founder-logo{width:92px;height:auto;max-height:82px;object-fit:contain;object-position:left center;margin:0 0 9px}
.d4c-founder-copy>span{font-size:9px;font-weight:900;letter-spacing:.18em;color:#91dcff;margin-bottom:4px}
.d4c-founder-copy>strong{font-size:24px;line-height:1;color:#fff;letter-spacing:.08em}
.d4c-founder-copy>b{font-size:10px;letter-spacing:.14em;color:#91dcff;margin:4px 0 12px}
.d4c-founder-copy p{margin:0!important;font-size:11px!important;line-height:1.45!important;font-weight:800;color:#eef9ff!important;letter-spacing:.04em}
.d4c-lc-scene[data-stage="founder"] .d4c-founder-welcome{left:3%;top:14%;width:min(430px,31vw);box-shadow:0 18px 60px rgba(0,0,0,.58),0 0 34px rgba(98,207,255,.30)}
.d4c-lc-scene[data-stage="founder"] .d4c-lc-experience{left:33%;top:27%;width:min(390px,28vw);max-height:260px}
@media(max-width:900px){
 .d4c-founder-welcome{left:12px!important;right:12px!important;top:8%!important;width:auto!important;grid-template-columns:42% 58%;max-height:315px}
 .d4c-founder-photo,.d4c-founder-photo img{min-height:235px;height:235px}
 .d4c-founder-copy{padding:11px 12px}
 .d4c-founder-logo{width:72px;max-height:62px;margin-bottom:6px}
 .d4c-founder-copy>strong{font-size:21px}
 .d4c-founder-copy p{font-size:10px!important}
 .d4c-lc-scene[data-stage="arrival"] .d4c-lc-progress,.d4c-lc-scene[data-stage="founder"] .d4c-lc-progress{top:44%}
 .d4c-lc-scene[data-stage="founder"] .d4c-lc-experience{top:47%!important;max-height:170px}
}


/* v0.3.19 — DESKTOP VIEWPORT FIT + COMMAND-CENTRE MOBILE COMPOSITION
   Presentation only. Desktop fits the immersive induction canvas into the
   available viewport below the site header. Mobile follows the protected D4C
   responsive rule: immersive scene first, then all functional/content blocks
   stack naturally below at full usable width. No tour/state/access ownership
   changes. */

/* Desktop: remove the legacy 3:2 height expansion that forced vertical and
   horizontal scrolling. Let the actual browser space below the BuddyX header
   own the scene height. */
@media (min-width:901px){
  body.d4c-learning-centre-immersive{overflow-x:hidden!important}
  body.d4c-learning-centre-immersive .entry-content>.d4c-lc{
    left:0!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:hidden!important;
  }
  body.d4c-learning-centre-immersive .d4c-lc-scene{
    left:0!important;
    transform:none!important;
    width:100%!important;
    height:var(--d4c-lc-desktop-height,calc(100vh - 190px))!important;
    min-height:600px!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  body.d4c-learning-centre-immersive .d4c-lc-scene-img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .d4c-lc-brand{top:3.2%;transform:scale(.94);transform-origin:left top}
  .d4c-lc-progress{top:4.2%}
  .d4c-lc-guidebar{bottom:4%;padding:10px 13px;gap:12px}
  .guide-avatar img{width:62px;height:62px}
  .guide-copy b{font-size:15px;margin-bottom:3px}
  .guide-copy span{font-size:12.5px;line-height:1.36;max-height:54px}
  .guide-controls button{padding:8px 11px}
  .d4c-lc-hint{bottom:.7%}
  .d4c-founder-welcome{top:14%;transform:scale(.93);transform-origin:left top}
  .d4c-lc-scene[data-stage="founder"] .d4c-founder-welcome{top:12%}
  .d4c-lc-experience{transform-origin:left top}
}

/* Short desktop/laptop screens: compact the presentation without changing
   information hierarchy or shrinking it into an unreadable miniature. */
@media (min-width:901px) and (max-height:820px){
  body.d4c-learning-centre-immersive .d4c-lc-scene{min-height:540px!important}
  .d4c-lc-brand{transform:scale(.86)}
  .d4c-founder-welcome{transform:scale(.84)}
  .d4c-lc-scene[data-stage="founder"] .d4c-lc-experience{top:23%;transform:scale(.90)}
  .d4c-lc-guidebar{left:10%;right:10%;bottom:3%;padding:8px 12px}
  .guide-avatar img{width:56px;height:56px}
  .guide-copy b{font-size:14px}
  .guide-copy span{font-size:12px;line-height:1.3;max-height:48px}
  .d4c-lc-hint{display:none}
}

/* Mobile/tablet: deliberate single-column composition, matching the protected
   Command Centre rule. The environment is the first block; Founder/lesson,
   progress, Peter and controls then stack below. Nothing is absolutely laid
   out over the lower mobile page. */
@media (max-width:900px){
  body.d4c-learning-centre-immersive{overflow-x:hidden!important}
  body.d4c-learning-centre-immersive .entry-content>.d4c-lc{
    position:relative!important;
    left:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow:visible!important;
  }
  body.d4c-learning-centre-immersive .d4c-lc-scene{
    --d4c-mobile-scene-h:min(66vw,390px);
    position:relative!important;
    left:auto!important;
    transform:none!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
    background:#07111a!important;
  }
  body.d4c-learning-centre-immersive .d4c-lc-scene-img{
    position:relative!important;
    inset:auto!important;
    order:0;
    display:block!important;
    width:100%!important;
    height:var(--d4c-mobile-scene-h)!important;
    flex:0 0 var(--d4c-mobile-scene-h)!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  .d4c-lc-calm{
    top:0!important;left:0!important;right:0!important;bottom:auto!important;
    height:var(--d4c-mobile-scene-h)!important;
    background:linear-gradient(180deg,transparent 0 70%,rgba(7,17,26,.18) 86%,#07111a 100%)!important;
  }
  .d4c-lc-brand{
    position:absolute!important;
    left:10px!important;right:10px!important;top:10px!important;
    width:auto!important;padding:7px 9px!important;gap:8px!important;
  }
  .d4c-lc-brand img{width:46px!important;height:38px!important}
  .d4c-lc-brand strong{font-size:11px!important;letter-spacing:.07em!important}
  .d4c-lc-brand span{font-size:8px!important;letter-spacing:.14em!important}

  /* Keep stage focus/animation cues confined to the top visual block. */
  .d4c-focus{top:19%!important;height:43%!important}
  .f-network{left:1%!important;width:34%!important}
  .f-learning{left:1%!important;width:34%!important}
  .f-founder{left:23%!important;width:23%!important}
  .f-globe{left:35%!important;width:30%!important}
  .f-guide{left:43%!important;width:18%!important}
  .f-prison{right:1%!important;width:34%!important}
  .f-library{right:7%!important;width:24%!important}
  .d4c-worlds-sequence{left:35%!important;top:19%!important;width:30%!important;height:43%!important}
  .d4c-network-sequence{left:1%!important;top:19%!important;width:34%!important;height:43%!important}

  /* First stacked content block: Steve, when the active stage calls for him. */
  .d4c-founder-welcome,
  .d4c-lc-scene[data-stage="founder"] .d4c-founder-welcome{
    position:relative!important;
    order:10;
    left:auto!important;right:auto!important;top:auto!important;
    width:auto!important;max-height:none!important;
    margin:12px 12px 0!important;
    transform:none!important;
    grid-template-columns:minmax(112px,36%) 1fr!important;
  }
  .d4c-founder-photo,.d4c-founder-photo img{height:210px!important;min-height:210px!important}
  .d4c-founder-copy{padding:11px!important}
  .d4c-founder-logo{width:68px!important;max-height:58px!important}
  .d4c-founder-copy>strong{font-size:20px!important}
  .d4c-founder-copy p{font-size:10px!important;line-height:1.35!important}

  /* Second stacked content block: the active teaching panel. */
  .d4c-lc-experience,
  .d4c-lc-scene[data-experience="findom"] .d4c-lc-experience,
  .d4c-lc-scene[data-stage="role"] .d4c-lc-experience,
  .d4c-lc-scene[data-stage="founder"] .d4c-lc-experience{
    position:relative!important;
    order:20;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;
    width:auto!important;max-height:none!important;
    margin:12px 12px 0!important;
    overflow:visible!important;
  }

  /* Progress + Peter + controls follow as normal blocks. */
  .d4c-lc-progress{
    position:relative!important;
    order:30;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:auto!important;margin:12px 12px 0!important;
  }
  .d4c-lc-guidebar,
  .d4c-lc-scene[data-stage="library"] .d4c-lc-guidebar{
    position:relative!important;
    order:40;
    left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
    width:auto!important;margin:12px!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:10px!important;padding:12px!important;
  }
  .guide-avatar img{width:50px!important;height:50px!important}
  .guide-copy b{font-size:14px!important}
  .guide-copy span{font-size:13px!important;line-height:1.42!important;max-height:none!important;overflow:visible!important}
  .guide-controls,
  .d4c-lc-scene[data-stage="library"] .guide-controls{
    grid-column:1/-1!important;
    justify-self:stretch!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .guide-controls button{position:static!important;width:100%!important;min-height:44px!important;white-space:normal!important}
  .d4c-lc-hint{
    position:relative!important;
    order:50;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;margin:0 12px 14px!important;text-align:center!important;
  }

  /* Resource cards are already outside the scene; retain true block stacking. */
  .d4c-lc-resource-links,
  .d4c-lc-scene[data-stage="library"] .d4c-lc-resource-links{
    position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
    transform:none!important;width:auto!important;margin:12px!important;grid-template-columns:1fr!important;
  }
  .d4c-lc-footer{margin-top:0!important}
}

/* v0.3.32 — full written narration for members who cannot use sound. */
.d4c-stage-script{position:absolute;z-index:24;left:12%;right:12%;bottom:18%;max-height:48%;overflow:auto;box-sizing:border-box;padding:18px 20px 20px;background:rgba(3,16,27,.98);border:1px solid #80d8ff;box-shadow:0 18px 55px rgba(0,0,0,.72),inset 0 0 0 1px rgba(128,216,255,.12);backdrop-filter:blur(12px)}
.d4c-stage-script[hidden]{display:none!important}.d4c-stage-script header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(128,216,255,.35)}.d4c-stage-script header span{display:block;color:#80d8ff;font-size:10px;font-weight:900;letter-spacing:.18em}.d4c-stage-script h2{margin:4px 0 0!important;color:#fff!important;font-size:22px!important;line-height:1.18!important}.d4c-stage-script #d4c-stage-script-text{color:#edf9ff;font-size:15px;line-height:1.65;white-space:pre-line}.d4c-stage-script header button{flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid #80d8ff;background:#0b5278;color:#fff;font-size:24px;line-height:1;cursor:pointer}.guide-controls #d4c-read-script{background:#103c55}.guide-controls #d4c-read-script[aria-expanded="true"]{background:#087bb1}
@media (max-width:900px){.d4c-stage-script{position:relative!important;order:42;left:auto!important;right:auto!important;bottom:auto!important;max-height:none!important;width:auto!important;margin:0 12px 12px!important;padding:16px!important;overflow:visible!important}.d4c-stage-script h2{font-size:19px!important}.d4c-stage-script #d4c-stage-script-text{font-size:14px;line-height:1.6}.guide-controls,.d4c-lc-scene[data-stage="library"] .guide-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:520px){.guide-controls,.d4c-lc-scene[data-stage="library"] .guide-controls{grid-template-columns:1fr!important}}

/* v0.3.21 — one bottom control panel owns BACK, LISTEN/STOP and CONTINUE.
   Mobile keeps every lower element in document flow; the three controls share
   a full-width row on tablet and stack into full-width touch targets on phone. */

@media (max-width:520px){
  body.d4c-learning-centre-immersive .d4c-lc-scene{--d4c-mobile-scene-h:72vw}
  .d4c-founder-welcome,.d4c-lc-scene[data-stage="founder"] .d4c-founder-welcome{grid-template-columns:1fr!important}
  .d4c-founder-photo,.d4c-founder-photo img{height:220px!important;min-height:220px!important}
  .d4c-founder-photo img{object-position:47% 34%!important}
  .guide-controls,.d4c-lc-scene[data-stage="library"] .guide-controls{grid-template-columns:1fr!important}
}


/* v0.3.20 — ROUTE-SCOPED PAGE TITLE STRIP REMOVAL
   Presentation only. BuddyX may render its page title outside the normal
   .entry-header/.page-header wrappers already suppressed above. Remove those
   title surfaces only on the Learning Centre route so the immersive scene
   starts directly beneath the retained D4C navigation header. */
body.d4c-learning-centre-immersive .page-title,
body.d4c-learning-centre-immersive .entry-title,
body.d4c-learning-centre-immersive .page-title-section,
body.d4c-learning-centre-immersive .page-title-wrapper,
body.d4c-learning-centre-immersive .page-title-wrap,
body.d4c-learning-centre-immersive .page-header-wrapper,
body.d4c-learning-centre-immersive .page-header-wrap,
body.d4c-learning-centre-immersive .site-content-header,
body.d4c-learning-centre-immersive .content-header{
  display:none!important;
}
@media (min-width:901px){
  body.d4c-learning-centre-immersive .d4c-lc-scene{
    height:var(--d4c-lc-desktop-height,calc(100vh - 112px))!important;
  }
}

/* v0.3.28 — CONTROLLED HYBRID ASK PETER FOUNDATION */
.d4c-peter-assistant{position:absolute;z-index:60;left:50%;bottom:16%;transform:translateX(-50%);width:min(720px,calc(100% - 32px));padding:14px;background:rgba(3,16,27,.98);border:2px solid #183746;outline:1px solid #79d9ff;box-shadow:0 18px 48px rgba(0,0,0,.72);color:#fff}
.d4c-peter-assistant[hidden]{display:none!important}.d4c-peter-assistant header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #28566c}.d4c-peter-assistant header strong{display:block;color:#8de1ff;font-size:18px;letter-spacing:.1em}.d4c-peter-assistant header span{display:block;margin-top:2px;color:#9ebdca;font-size:10px;letter-spacing:.08em}.d4c-peter-assistant header button{width:36px;height:36px;border:1px solid #6fcfed;background:#0a3c55;color:#fff;font-size:24px;cursor:pointer}.d4c-peter-messages{max-height:180px;overflow:auto;padding:10px 0}.d4c-peter-messages p{max-width:88%;margin:6px 0;padding:9px 11px;font-size:13px;line-height:1.4}.d4c-peter-messages .is-peter{background:#09283a;border-left:3px solid #7bdcff}.d4c-peter-messages .is-member{margin-left:auto;background:#174f6b;border-right:3px solid #bdefff}.d4c-peter-quick{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 10px}.d4c-peter-quick button{border:1px solid #3f8bab;background:#0b3347;color:#eafaff;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer}.d4c-peter-assistant form{display:grid;grid-template-columns:1fr auto;gap:8px}.d4c-peter-assistant input{min-width:0;padding:11px;border:1px solid #4ca4c8;background:#f7fcff;color:#07111a;font-size:14px}.d4c-peter-assistant form button{border:1px solid #8de1ff;background:#0b5278;color:#fff;font-weight:900;padding:10px 16px;cursor:pointer}.d4c-peter-assistant>small{display:block;margin-top:8px;color:#8eaeba;font-size:10px;line-height:1.35}
@media (max-width:900px){.guide-controls,.d4c-lc-scene[data-stage="library"] .guide-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}.d4c-peter-assistant{position:relative!important;order:45;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important;margin:0 12px 12px!important;box-sizing:border-box!important}.d4c-peter-messages{max-height:240px}.d4c-peter-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.d4c-peter-quick button{min-height:40px}}
@media (max-width:520px){.d4c-peter-quick{grid-template-columns:1fr}.d4c-peter-assistant form{grid-template-columns:1fr}.d4c-peter-assistant form button{min-height:44px}}

/* v0.3.29 — RIGHT-SIDE PETER CONVERSATION BUBBLE
   Replace the centred square dialogue with a character-led speech surface. */
@media (min-width:901px){
  .d4c-peter-assistant{
    left:auto!important;
    right:4.2%!important;
    bottom:17%!important;
    transform:none!important;
    width:min(570px,40vw)!important;
    padding:17px 18px 16px!important;
    border:2px solid rgba(132,221,255,.9)!important;
    outline:0!important;
    border-radius:28px 28px 28px 8px!important;
    background:linear-gradient(145deg,rgba(7,38,55,.98),rgba(2,15,25,.98))!important;
    box-shadow:inset 0 0 0 3px rgba(55,113,139,.28),0 20px 55px rgba(0,0,0,.7),0 0 24px rgba(98,207,255,.2)!important;
  }
  .d4c-peter-assistant::before{
    content:"";
    position:absolute;
    left:-34px;
    bottom:30px;
    width:0;height:0;
    border-top:24px solid transparent;
    border-bottom:6px solid transparent;
    border-right:36px solid rgba(132,221,255,.9);
    transform:rotate(-8deg);
  }
  .d4c-peter-assistant::after{
    content:"";
    position:absolute;
    left:-28px;
    bottom:33px;
    width:0;height:0;
    border-top:20px solid transparent;
    border-bottom:5px solid transparent;
    border-right:31px solid #062436;
    transform:rotate(-8deg);
  }
  .d4c-peter-assistant header{padding:0 2px 11px 4px!important}
  .d4c-peter-assistant header strong{font-size:20px!important}
  .d4c-peter-assistant header button{border-radius:50%!important}
  .d4c-peter-messages p{border-radius:16px!important}
  .d4c-peter-messages .is-peter{border-left:0!important;border-bottom-left-radius:4px!important}
  .d4c-peter-messages .is-member{border-right:0!important;border-bottom-right-radius:4px!important}
  .d4c-peter-quick button{border-radius:16px!important}
  .d4c-peter-assistant input{border-radius:18px!important;padding-left:15px!important}
  .d4c-peter-assistant form button{border-radius:18px!important}
}
@media (max-width:900px){
  .d4c-peter-assistant{border-radius:18px!important}
  .d4c-peter-assistant::before,.d4c-peter-assistant::after{content:none!important}
  .d4c-peter-messages p{border-radius:14px!important}
  .d4c-peter-quick button,.d4c-peter-assistant input,.d4c-peter-assistant form button{border-radius:12px!important}
}

/* v0.3.30 — INFORMAL PETER MESSENGER BUBBLES
   Remove the visible form/panel chrome. Identity, replies, suggestions and the
   composer become separate conversational elements floating as one cluster. */
@media (min-width:901px){
  .d4c-peter-assistant{
    right:3.2%!important;
    bottom:16.5%!important;
    width:min(440px,32vw)!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .d4c-peter-assistant::before,.d4c-peter-assistant::after{content:none!important}
}
.d4c-peter-assistant header{
  width:max-content;
  max-width:100%;
  margin:0 0 8px auto;
  padding:8px 9px 8px 14px!important;
  border:1px solid rgba(124,215,249,.68)!important;
  border-radius:22px!important;
  background:rgba(4,28,42,.96)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.38)!important;
}
.d4c-peter-assistant header strong{font-size:13px!important;letter-spacing:.1em!important}
.d4c-peter-assistant header strong i{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:#60e39a;box-shadow:0 0 8px rgba(96,227,154,.8)}
.d4c-peter-assistant header span{font-size:9px!important;letter-spacing:.03em!important}
.d4c-peter-assistant header button{width:28px!important;height:28px!important;margin-left:12px;border:0!important;background:rgba(38,103,132,.55)!important;font-size:18px!important}
.d4c-peter-messages{max-height:230px!important;padding:0 0 3px!important;overflow:auto!important}
.d4c-peter-messages p{position:relative;max-width:82%!important;margin:7px 0!important;padding:10px 13px!important;border:0!important;border-radius:19px!important;box-shadow:0 7px 18px rgba(0,0,0,.32)!important;font-size:13px!important}
.d4c-peter-messages .is-peter{background:rgba(5,40,58,.98)!important;border-radius:19px 19px 19px 5px!important}
.d4c-peter-messages .is-peter::after{content:"";position:absolute;left:-8px;bottom:0;border-top:10px solid transparent;border-right:12px solid rgba(5,40,58,.98)}
.d4c-peter-messages .is-member{background:#176384!important;border-radius:19px 19px 5px 19px!important}
.d4c-peter-quick{justify-content:flex-end!important;padding:5px 0 8px!important;gap:5px!important}
.d4c-peter-quick button{padding:6px 9px!important;border:1px solid rgba(125,218,255,.58)!important;border-radius:15px!important;background:rgba(7,42,59,.92)!important;font-size:9px!important;font-weight:700!important;box-shadow:0 4px 12px rgba(0,0,0,.22)!important}
.d4c-peter-assistant form{display:flex!important;align-items:center!important;gap:4px!important;padding:4px!important;border:1px solid rgba(125,218,255,.72)!important;border-radius:24px!important;background:#f7fcff!important;box-shadow:0 8px 24px rgba(0,0,0,.38)!important}
.d4c-peter-assistant input{flex:1!important;min-width:0!important;padding:9px 12px!important;border:0!important;outline:0!important;border-radius:20px!important;background:transparent!important;font-size:13px!important}
.d4c-peter-assistant form button{flex:0 0 38px!important;width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#0b638a!important;font-size:19px!important;line-height:38px!important}
.d4c-peter-assistant>small{display:none!important}
@media (max-width:900px){
  .d4c-peter-assistant{padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}
  .d4c-peter-assistant header{margin-left:0!important}
  .d4c-peter-quick{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important}
  .d4c-peter-quick button{flex:0 0 auto!important;min-height:36px!important}
  .d4c-peter-assistant form{display:flex!important}
  .d4c-peter-assistant form button{min-height:38px!important}
}

/* v0.3.31 — PREMIUM D4C PETER ASSISTANT POD */
@media (min-width:901px){
  .d4c-peter-assistant{
    top:10.5%!important;
    right:3.2%!important;
    bottom:auto!important;
    width:min(390px,28vw)!important;
    height:min(610px,72vh)!important;
    padding:0 17px 16px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border:1px solid rgba(159,229,255,.78)!important;
    border-radius:34px!important;
    background:
      radial-gradient(circle at 50% 0,rgba(73,189,233,.28),transparent 34%),
      linear-gradient(165deg,rgba(11,61,84,.98),rgba(3,23,36,.99) 46%,rgba(2,14,24,.99))!important;
    box-shadow:inset 0 0 0 3px rgba(87,170,202,.12),0 26px 70px rgba(0,0,0,.7),0 0 32px rgba(80,199,241,.2)!important;
    backdrop-filter:blur(14px)!important;
  }
}
.d4c-peter-assistant header{
  position:relative!important;
  width:auto!important;
  max-width:none!important;
  min-height:112px!important;
  margin:0 -17px 0!important;
  padding:18px 48px 15px 18px!important;
  justify-content:flex-start!important;
  gap:13px!important;
  border:0!important;
  border-bottom:1px solid rgba(144,221,250,.28)!important;
  border-radius:0!important;
  background:linear-gradient(135deg,rgba(22,113,148,.82),rgba(5,43,65,.38))!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.d4c-peter-assistant header>img{width:76px;height:76px;flex:0 0 76px;object-fit:cover;object-position:50% 18%;border-radius:50%;border:2px solid #d8f6ff;box-shadow:0 0 0 5px rgba(90,205,246,.16),0 8px 20px rgba(0,0,0,.32)}
.d4c-peter-assistant header strong{font-size:17px!important;letter-spacing:.12em!important}.d4c-peter-assistant header span{font-size:10px!important;color:#c5eaf7!important;letter-spacing:.06em!important}.d4c-peter-assistant header button{position:absolute!important;top:16px!important;right:14px!important;margin:0!important;width:30px!important;height:30px!important;border:1px solid rgba(194,239,255,.45)!important;background:rgba(3,28,42,.45)!important}
.d4c-peter-intro{padding:17px 3px 10px;text-align:center}.d4c-peter-intro strong{display:block;font-size:21px;letter-spacing:.02em}.d4c-peter-intro span{display:block;margin-top:3px;color:#a9dbea;font-size:12px}
.d4c-peter-messages{flex:1!important;min-height:70px!important;max-height:none!important;padding:4px 1px!important}.d4c-peter-messages p{max-width:88%!important;font-size:12px!important;line-height:1.42!important}
.d4c-peter-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:8px 0 11px!important;overflow:visible!important}.d4c-peter-quick button{min-height:34px!important;padding:7px 6px!important;border-color:rgba(132,221,255,.42)!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(25,102,132,.74),rgba(7,47,66,.9))!important;font-size:9px!important;letter-spacing:.04em!important}
.d4c-peter-assistant form{flex:0 0 auto!important;margin-top:auto!important;border-color:rgba(168,230,252,.74)!important;background:rgba(247,252,255,.98)!important}.d4c-peter-assistant input{font-size:13px!important}.d4c-peter-assistant form button{background:linear-gradient(145deg,#1383ae,#075677)!important;box-shadow:0 5px 14px rgba(4,76,106,.35)!important}
@media (max-width:900px){
  .d4c-peter-assistant{height:auto!important;padding:0 14px 14px!important;border:1px solid rgba(159,229,255,.72)!important;border-radius:26px!important;background:linear-gradient(165deg,rgba(11,61,84,.98),rgba(2,17,28,.99))!important;box-shadow:0 16px 40px rgba(0,0,0,.48)!important;overflow:hidden!important}
  .d4c-peter-assistant header{margin:0 -14px!important;min-height:92px!important;padding:12px 44px 12px 14px!important}
  .d4c-peter-assistant header>img{width:62px;height:62px;flex-basis:62px}
  .d4c-peter-intro{padding-top:13px}
  .d4c-peter-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}
}
@media (max-width:420px){.d4c-peter-quick{grid-template-columns:1fr!important}.d4c-peter-assistant header strong{font-size:15px!important}.d4c-peter-intro strong{font-size:19px}}

/* v0.3.22 — GLOBE-CENTRED LEARNING CENTRE IDENTITY
   The permanent title now belongs to the central globe. The former top-left
   brand box has been removed from the markup; stage presentation and access
   ownership remain unchanged. */
.d4c-lc-globe-title{
  position:absolute;
  z-index:9;
  left:50%;
  top:3.2%;
  transform:translateX(-50%);
  width:min(500px,38vw);
  padding:11px 18px 10px;
  text-align:center;
  color:#fff;
  background:linear-gradient(180deg,rgba(4,25,39,.94),rgba(3,14,24,.88));
  border:1px solid rgba(139,220,255,.9);
  box-shadow:0 12px 34px rgba(0,0,0,.48),0 0 24px rgba(98,207,255,.25);
  backdrop-filter:blur(7px);
  pointer-events:none;
}
.d4c-lc-globe-title strong{
  display:block;
  font-size:clamp(15px,1.25vw,21px);
  line-height:1.15;
  letter-spacing:.1em;
  text-shadow:0 2px 10px #000;
}
.d4c-lc-globe-title span{
  display:block;
  margin-top:6px;
  color:#9fe4ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.24em;
}
@media (max-width:900px){
  .d4c-lc-globe-title{
    left:50%!important;
    top:10px!important;
    width:min(88%,520px)!important;
    padding:8px 10px 7px!important;
  }
  .d4c-lc-globe-title strong{font-size:clamp(12px,3.3vw,17px)!important;letter-spacing:.07em!important}
  .d4c-lc-globe-title span{margin-top:4px!important;font-size:8px!important;letter-spacing:.18em!important}
}

/* v0.3.23 — FOUNDER SCREEN INTEGRATION + PRESENTATION THINNING
   Steve's welcome now occupies the artwork's existing WHY I BUILT D4C frame.
   Redundant focus captions, hint copy and secondary audio buttons are removed;
   the unified Peter control panel remains the sole tour/audio control surface. */
@media (min-width:901px){
  .d4c-founder-welcome,
  .d4c-lc-scene[data-stage="founder"] .d4c-founder-welcome{
    left:26.7%!important;
    top:31.5%!important;
    width:16.1%!important;
    height:40.5%!important;
    max-height:none!important;
    grid-template-columns:1fr!important;
    grid-template-rows:56% 44%!important;
    transform:none!important;
    border-color:rgba(139,220,255,.92)!important;
    box-shadow:0 0 26px rgba(98,207,255,.24)!important;
  }
  .d4c-founder-photo{min-height:0!important;height:auto!important}
  .d4c-founder-photo img{min-height:0!important;height:100%!important;object-position:47% 36%!important}
  .d4c-founder-copy{padding:8px 10px!important;text-align:center!important;overflow:hidden!important}
  .d4c-founder-copy>span{font-size:8px!important;letter-spacing:.12em!important}
  .d4c-founder-copy>strong{font-size:clamp(13px,1vw,17px)!important;line-height:1.08!important;margin-top:3px!important}
  .d4c-founder-copy>b{font-size:8px!important;letter-spacing:.08em!important}
  .d4c-founder-copy p{font-size:8px!important;line-height:1.25!important;margin-top:5px!important}
}
.d4c-focus span,
.d4c-lc-hint,
.d4c-experience-listen{display:none!important}

@media (max-width:900px){
  .d4c-founder-welcome,
  .d4c-lc-scene[data-stage="founder"] .d4c-founder-welcome{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;
    width:auto!important;height:auto!important;
    grid-template-columns:minmax(112px,36%) 1fr!important;
    grid-template-rows:none!important;
    transform:none!important;
  }
  .d4c-founder-photo,.d4c-founder-photo img{height:210px!important;min-height:210px!important}
  .d4c-founder-copy{padding:11px!important;text-align:left!important;overflow:visible!important}
  .d4c-founder-copy>span{font-size:9px!important}
  .d4c-founder-copy>strong{font-size:20px!important}
  .d4c-founder-copy>b{font-size:9px!important}
  .d4c-founder-copy p{font-size:10px!important;line-height:1.35!important}
}
@media (max-width:520px){
  .d4c-founder-welcome,
  .d4c-lc-scene[data-stage="founder"] .d4c-founder-welcome{grid-template-columns:1fr!important}
  .d4c-founder-photo,.d4c-founder-photo img{height:220px!important;min-height:220px!important}
}

/* v0.3.24 — FOUNDER MONITOR APERTURE FIT
   Seat the Founder presentation across the complete built-in left monitor and
   give it a recessed architectural frame rather than a floating card edge. */
@media (min-width:901px){
  .d4c-founder-welcome,
  .d4c-lc-scene[data-stage="founder"] .d4c-founder-welcome{
    left:24.15%!important;
    top:26.6%!important;
    width:18.6%!important;
    height:45.2%!important;
    box-sizing:border-box!important;
    border:6px solid #102733!important;
    outline:1px solid rgba(132,221,255,.92)!important;
    outline-offset:-3px!important;
    border-radius:3px!important;
    background:#061722!important;
    box-shadow:
      inset 0 0 0 2px rgba(51,92,111,.95),
      inset 0 0 24px rgba(0,0,0,.72),
      0 12px 30px rgba(0,0,0,.48),
      0 0 16px rgba(98,207,255,.18)!important;
    overflow:hidden!important;
  }
  .d4c-founder-welcome::before{
    content:"";
    position:absolute;
    z-index:3;
    inset:3px;
    border:1px solid rgba(166,229,255,.34);
    pointer-events:none;
  }
  .d4c-founder-photo{border-bottom:3px solid #183d50!important}
  .d4c-founder-copy{background:linear-gradient(180deg,#071c2a,#04131d)!important}
  .d4c-founder-copy>span{font-size:8.5px!important}
  .d4c-founder-copy>strong{font-size:clamp(14px,1.08vw,18px)!important}
  .d4c-founder-copy>b{font-size:8.5px!important}
  .d4c-founder-copy p{font-size:8.5px!important}
}
@media (max-width:900px){
  .d4c-founder-welcome,
  .d4c-lc-scene[data-stage="founder"] .d4c-founder-welcome{
    box-sizing:border-box!important;
    border:5px solid #102733!important;
    outline:1px solid rgba(132,221,255,.92)!important;
    outline-offset:-3px!important;
    border-radius:3px!important;
    box-shadow:inset 0 0 0 2px rgba(51,92,111,.8),0 10px 28px rgba(0,0,0,.42)!important;
  }
  .d4c-founder-welcome::before{content:none!important}
}

/* v0.3.25 — FULL ARCHITECTURAL FOUNDER MONITOR FRAME
   Deepen the correctly fitted aperture into a substantial built-in bezel,
   keeping every layer inside the accepted monitor footprint. */
@media (min-width:901px){
  .d4c-founder-welcome,
  .d4c-lc-scene[data-stage="founder"] .d4c-founder-welcome{
    border:11px solid #132d3a!important;
    outline:2px solid #061018!important;
    outline-offset:0!important;
    background:#030b10!important;
    box-shadow:
      inset 0 0 0 2px #03090d,
      inset 0 0 0 4px rgba(92,153,179,.82),
      inset 0 0 0 6px #071722,
      inset 0 0 28px rgba(0,0,0,.92),
      0 3px 0 rgba(125,190,214,.32),
      0 15px 34px rgba(0,0,0,.58),
      0 0 18px rgba(98,207,255,.2)!important;
  }
  .d4c-founder-welcome::before{
    inset:5px!important;
    border:2px solid rgba(125,218,255,.72)!important;
    box-shadow:inset 0 0 0 2px rgba(2,10,15,.9),0 0 10px rgba(98,207,255,.16)!important;
  }
  .d4c-founder-photo{border-bottom:5px solid #132d3a!important}
}
@media (max-width:900px){
  .d4c-founder-welcome,
  .d4c-lc-scene[data-stage="founder"] .d4c-founder-welcome{
    border:8px solid #132d3a!important;
    outline:2px solid #061018!important;
    outline-offset:0!important;
    box-shadow:inset 0 0 0 2px rgba(92,153,179,.72),0 12px 30px rgba(0,0,0,.5)!important;
  }
}

/* v0.3.27 — MOBILE BUDDYX GREY-GAP REMOVAL
   BuddyX can retain an empty sub-header/page-heading shell after the Learning
   Centre title itself is suppressed. Remove that shell and its reserved space
   only on this route at mobile/tablet widths. Desktop remains protected. */
@media (max-width:900px){
  body.d4c-learning-centre-immersive .site-sub-header,
  body.d4c-learning-centre-immersive .site-sub-header-inner,
  body.d4c-learning-centre-immersive .sub-header,
  body.d4c-learning-centre-immersive .page-header-area,
  body.d4c-learning-centre-immersive .page-heading,
  body.d4c-learning-centre-immersive .page-heading-wrap{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  body.d4c-learning-centre-immersive #content,
  body.d4c-learning-centre-immersive .site-content,
  body.d4c-learning-centre-immersive #content>.container,
  body.d4c-learning-centre-immersive .site-content>.container,
  body.d4c-learning-centre-immersive .site-wrapper,
  body.d4c-learning-centre-immersive .content-area,
  body.d4c-learning-centre-immersive #primary,
  body.d4c-learning-centre-immersive .site-main,
  body.d4c-learning-centre-immersive article,
  body.d4c-learning-centre-immersive .entry-content{
    margin-top:0!important;
    padding-top:0!important;
  }
  body.d4c-learning-centre-immersive .entry-content>.d4c-lc{
    margin-top:0!important;
  }
}