/*
 * Thoth.School guest visual experience — v14-style implementation.
 * Scope: guest users only after guestwow.js adds body.thothgw-enabled.
 * Stored Moodle Page activity content is not modified.
 */

:root {
  --thothgw-gold: #c9a84c;
  --thothgw-gold-light: #e8c96a;
  --thothgw-gold-dim: #8a6e2e;
  --thothgw-cyan: #00d4d4;
  --thothgw-cyan-dim: #007a7a;
  --thothgw-ink: #0a0e1a;
  --thothgw-ink-2: #0f1525;
  --thothgw-ink-3: #151d30;
  --thothgw-ink-4: #1c2640;
  --thothgw-surface: #1e2b42;
  --thothgw-text: #c8d4e8;
  --thothgw-text-dim: #7a8fa8;
  --thothgw-white: #f0f4ff;
}

@keyframes thothgwStarDrift {
  0% { background-position:0 0, 0 0, 0 0; }
  100% { background-position:260px 180px, -280px 210px, 160px -240px; }
}

@keyframes thothgwGridFlow {
  to { background-position:0 180px, 180px 0; }
}

@keyframes thothgwIntroOut {
  0%, 72% { opacity:1; visibility:visible; }
  100% { opacity:0; visibility:hidden; pointer-events:none; }
}

@keyframes thothgwLaserDraw {
  to { stroke-dashoffset:0; }
}

@keyframes thothgwLaserFade {
  to { opacity:0; }
}

@keyframes thothgwFloat {
  0%, 100% { transform:translateY(0); }
  50% { transform:translateY(-12px); }
}

@keyframes thothgwPulseGlow {
  0%, 100% { box-shadow:0 0 0 rgba(201,168,76,0); }
  50% { box-shadow:0 0 24px rgba(201,168,76,.42), 0 0 36px rgba(0,212,212,.14); }
}

@keyframes thothgwGlyphRise {
  0% { opacity:0; transform:translateY(40px) rotate(-8deg); }
  18% { opacity:1; }
  100% { opacity:0; transform:translateY(-110vh) rotate(18deg); }
}

@keyframes thothgwFadeUp {
  from { opacity:0; transform:translateY(24px); }
  to { opacity:1; transform:translateY(0); }
}

@keyframes thothgwPanelScan {
  0% { transform:translateX(-120%); opacity:0; }
  25% { opacity:.45; }
  60% { opacity:.25; }
  100% { transform:translateX(140%); opacity:0; }
}

body.userguest.thothgw-enabled {
  background:var(--thothgw-ink) !important;
  color:var(--thothgw-text) !important;
  font-family:Outfit, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x:hidden;
}

/* Preserve Moodle hidden states. */
body.userguest.thothgw-enabled .hidden,
body.userguest.thothgw-enabled .d-none,
body.userguest.thothgw-enabled [hidden],
body.userguest.thothgw-enabled [style*="display: none"],
body.userguest.thothgw-enabled [style*="display:none"] {
  display:none !important;
  visibility:hidden !important;
}

/* Hide old logo artwork for guest-only redesigned presentation. */
body.userguest.thothgw-enabled img[src*="Thoth-logo"],
body.userguest.thothgw-enabled img[src*="Thoth-logo-t"],
body.userguest.thothgw-enabled .logo img,
body.userguest.thothgw-enabled .navbar-brand img,
body.userguest.thothgw-enabled #header1 .logo img,
body.userguest.thothgw-enabled #header2 .logo img {
  opacity:0 !important;
  visibility:hidden !important;
  max-width:0 !important;
  max-height:0 !important;
}

/* v14-style replacement brand overlay. */
body.userguest.thothgw-enabled .thothgw-brand {
  position:fixed;
  top:14px;
  left:34px;
  z-index:10050;
  display:flex;
  align-items:center;
  gap:.75rem;
  text-decoration:none !important;
  pointer-events:auto;
}

body.userguest.thothgw-enabled .thothgw-brand-mark {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--thothgw-gold),var(--thothgw-gold-dim));
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  animation:thothgwPulseGlow 4s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-brand-mark img {
  width:34px;
  height:34px;
  display:block;
}

body.userguest.thothgw-enabled .thothgw-brand-word {
  font-family:Georgia, "Times New Roman", serif;
  color:var(--thothgw-white);
  font-size:1.04rem;
  font-weight:700;
  letter-spacing:.08em;
  text-shadow:0 0 18px rgba(201,168,76,.25);
}

body.userguest.thothgw-enabled .thothgw-brand-word span {
  color:var(--thothgw-gold);
}

/* Ambient v14 background. */
body.userguest.thothgw-enabled .thothgw-vfx {
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  background:
    radial-gradient(ellipse 70% 60% at 60% 40%, rgba(0,212,212,.065) 0%, transparent 60%),
    radial-gradient(ellipse 50% 50% at 20% 80%, rgba(201,168,76,.085) 0%, transparent 50%),
    url("pix/hero-poster.svg"),
    linear-gradient(160deg,var(--thothgw-ink) 0%, var(--thothgw-ink-2) 42%, #0c1220 100%);
  background-size:auto, auto, cover, auto;
  background-position:center;
}

body.userguest.thothgw-enabled .thothgw-vfx::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.50;
  background:
    radial-gradient(circle at 8% 22%,rgba(255,255,255,.65) 0 1px,transparent 2px),
    radial-gradient(circle at 42% 18%,rgba(0,212,212,.72) 0 1px,transparent 2px),
    radial-gradient(circle at 83% 28%,rgba(201,168,76,.75) 0 1px,transparent 2px);
  background-size:180px 140px,260px 180px,320px 240px;
  animation:thothgwStarDrift 42s linear infinite;
}

body.userguest.thothgw-enabled .thothgw-vfx::after {
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:
    linear-gradient(rgba(201,168,76,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,168,76,.045) 1px, transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 70%);
  animation:thothgwGridFlow 34s linear infinite;
}

body.userguest.thothgw-enabled .thothgw-glyph {
  position:absolute;
  color:rgba(201,168,76,.70);
  font-family:Georgia,"Times New Roman",serif;
  text-shadow:0 0 14px rgba(201,168,76,.66);
  font-size:22px;
  animation:thothgwGlyphRise linear infinite;
}

body.userguest.thothgw-enabled .thothgw-eye {
  position:fixed;
  right:7vw;
  top:15vh;
  z-index:1;
  width:min(410px,31vw);
  opacity:.52;
  pointer-events:none;
  filter:drop-shadow(0 0 12px rgba(0,212,212,.52));
  animation:thothgwFloat 14s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-pyramid {
  position:fixed;
  right:7vw;
  bottom:12vh;
  z-index:1;
  width:min(390px,32vw);
  opacity:.42;
  pointer-events:none;
  filter:drop-shadow(0 0 20px rgba(201,168,76,.34));
  animation:thothgwFloat 16s ease-in-out infinite reverse;
}

/* Keep Moodle shell above ambience. */
body.userguest.thothgw-enabled #page-wrapper,
body.userguest.thothgw-enabled #page,
body.userguest.thothgw-enabled #page-content,
body.userguest.thothgw-enabled #region-main,
body.userguest.thothgw-enabled [role="main"],
body.userguest.thothgw-enabled header,
body.userguest.thothgw-enabled nav,
body.userguest.thothgw-enabled footer {
  position:relative;
  z-index:2;
}

body.userguest.thothgw-enabled #page,
body.userguest.thothgw-enabled #page-wrapper {
  background:transparent !important;
}

/* Top navigation v14 recolor. */
body.userguest.thothgw-enabled header,
body.userguest.thothgw-enabled .navbar,
body.userguest.thothgw-enabled .navbar.fixed-top,
body.userguest.thothgw-enabled .header-main,
body.userguest.thothgw-enabled #header1,
body.userguest.thothgw-enabled #header2,
body.userguest.thothgw-enabled .navbar-inner,
body.userguest.thothgw-enabled .navbar-header {
  background:rgba(10,14,26,.90) !important;
  background-color:rgba(10,14,26,.90) !important;
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(201,168,76,.18) !important;
  box-shadow:0 16px 46px rgba(0,0,0,.28) !important;
}

body.userguest.thothgw-enabled .navbar a,
body.userguest.thothgw-enabled header a,
body.userguest.thothgw-enabled .nav-link,
body.userguest.thothgw-enabled .navbar-nav .nav-link,
body.userguest.thothgw-enabled .navbar .dropdown-toggle {
  color:var(--thothgw-text-dim) !important;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:600;
  transition:color .2s ease, background .2s ease, border-color .2s ease;
}

body.userguest.thothgw-enabled .navbar a:hover,
body.userguest.thothgw-enabled header a:hover,
body.userguest.thothgw-enabled .nav-link:hover,
body.userguest.thothgw-enabled .navbar .dropdown-toggle:hover,
body.userguest.thothgw-enabled .navbar a:focus,
body.userguest.thothgw-enabled header a:focus {
  color:var(--thothgw-gold) !important;
}

body.userguest.thothgw-enabled .thothgw-open > .dropdown-menu,
body.userguest.thothgw-enabled .dropdown:hover > .dropdown-menu,
body.userguest.thothgw-enabled .dropdown:focus-within > .dropdown-menu,
body.userguest.thothgw-enabled .nav-item.dropdown:hover > .dropdown-menu,
body.userguest.thothgw-enabled .nav-item.dropdown:focus-within > .dropdown-menu,
body.userguest.thothgw-enabled li.dropdown:hover > .dropdown-menu,
body.userguest.thothgw-enabled li.dropdown:focus-within > .dropdown-menu {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

body.userguest.thothgw-enabled .navbar .dropdown-menu,
body.userguest.thothgw-enabled header .dropdown-menu,
body.userguest.thothgw-enabled .dropdown-menu {
  padding:10px !important;
  border:1px solid rgba(201,168,76,.24) !important;
  border-radius:0 !important;
  background:var(--thothgw-ink-2) !important;
  background-color:var(--thothgw-ink-2) !important;
  backdrop-filter:blur(20px);
  box-shadow:0 18px 45px rgba(0,0,0,.42), 0 0 28px rgba(0,212,212,.08) !important;
}

body.userguest.thothgw-enabled .navbar .dropdown-menu a,
body.userguest.thothgw-enabled header .dropdown-menu a,
body.userguest.thothgw-enabled .dropdown-menu a {
  color:var(--thothgw-text-dim) !important;
  background:transparent !important;
  border-left:2px solid transparent !important;
  border-radius:0 !important;
  padding:.62rem 1.1rem !important;
}

body.userguest.thothgw-enabled .navbar .dropdown-menu a:hover,
body.userguest.thothgw-enabled .navbar .dropdown-menu a:focus,
body.userguest.thothgw-enabled header .dropdown-menu a:hover,
body.userguest.thothgw-enabled header .dropdown-menu a:focus,
body.userguest.thothgw-enabled .dropdown-menu a:hover,
body.userguest.thothgw-enabled .dropdown-menu a:focus {
  color:var(--thothgw-gold) !important;
  background:rgba(201,168,76,.065) !important;
  border-left-color:var(--thothgw-gold) !important;
}

/* Main content shell. */
body.userguest.thothgw-enabled .thoth-home-isolated,
body.userguest.thothgw-enabled #region-main,
body.userguest.thothgw-enabled #page-content [role="main"] {
  background:linear-gradient(135deg, rgba(15,21,37,.92), rgba(10,14,26,.86)) !important;
  border:1px solid rgba(201,168,76,.16) !important;
  border-radius:0 !important;
  box-shadow:0 22px 58px rgba(0,0,0,.32), inset 0 0 28px rgba(0,212,212,.035) !important;
  backdrop-filter:blur(10px);
  overflow:hidden;
}

/* Force Moodle/Page Activity text visible over dark redesign. */
body.userguest.thothgw-enabled #region-main,
body.userguest.thothgw-enabled #region-main p,
body.userguest.thothgw-enabled #region-main li,
body.userguest.thothgw-enabled #region-main div,
body.userguest.thothgw-enabled #region-main span,
body.userguest.thothgw-enabled #region-main td,
body.userguest.thothgw-enabled #region-main th,
body.userguest.thothgw-enabled #region-main label,
body.userguest.thothgw-enabled .activity,
body.userguest.thothgw-enabled .activity p,
body.userguest.thothgw-enabled .activity li,
body.userguest.thothgw-enabled .activity div,
body.userguest.thothgw-enabled .activity span,
body.userguest.thothgw-enabled .no-overflow,
body.userguest.thothgw-enabled .no-overflow * {
  color:var(--thothgw-text) !important;
}

body.userguest.thothgw-enabled #region-main h1,
body.userguest.thothgw-enabled #region-main h2,
body.userguest.thothgw-enabled #region-main h3,
body.userguest.thothgw-enabled #region-main h4,
body.userguest.thothgw-enabled .thoth-home-isolated h1,
body.userguest.thothgw-enabled .thoth-home-isolated h2,
body.userguest.thothgw-enabled .thoth-home-isolated h3,
body.userguest.thothgw-enabled .activity h1,
body.userguest.thothgw-enabled .activity h2,
body.userguest.thothgw-enabled .activity h3,
body.userguest.thothgw-enabled .activity h4 {
  color:var(--thothgw-white) !important;
  font-family:Georgia, "Times New Roman", serif;
  text-shadow:0 0 18px rgba(201,168,76,.20);
}

body.userguest.thothgw-enabled #region-main h2 em,
body.userguest.thothgw-enabled #region-main h1 em,
body.userguest.thothgw-enabled #region-main strong {
  color:var(--thothgw-gold-light) !important;
}

body.userguest.thothgw-enabled #region-main a,
body.userguest.thothgw-enabled .thoth-home-isolated a,
body.userguest.thothgw-enabled .activity a,
body.userguest.thothgw-enabled footer a {
  color:var(--thothgw-cyan) !important;
}

body.userguest.thothgw-enabled #region-main a:hover,
body.userguest.thothgw-enabled .activity a:hover {
  color:var(--thothgw-gold) !important;
}

/* Neutralize bright/black inline legacy fragments inside public content. */
body.userguest.thothgw-enabled #region-main [style*="color: black"],
body.userguest.thothgw-enabled #region-main [style*="color:#000"],
body.userguest.thothgw-enabled #region-main [style*="color: #000"],
body.userguest.thothgw-enabled #region-main [style*="color: rgb(0"],
body.userguest.thothgw-enabled .activity [style*="color: black"],
body.userguest.thothgw-enabled .activity [style*="color:#000"],
body.userguest.thothgw-enabled .activity [style*="color: #000"],
body.userguest.thothgw-enabled .activity [style*="color: rgb(0"] {
  color:var(--thothgw-text) !important;
}

/* Page Activity ambience without changing stored content. */
body.userguest.thothgw-enabled .thothgw-page-aura {
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
}

body.userguest.thothgw-enabled .thothgw-page-aura::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:38%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(201,168,76,.08), transparent);
  animation:thothgwPanelScan 9s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-page-aura::after {
  content:attr(data-symbol);
  position:absolute;
  right:34px;
  top:28px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(52px,8vw,128px);
  line-height:1;
  color:rgba(201,168,76,.08);
  text-shadow:0 0 34px rgba(0,212,212,.10);
}

body.userguest.thothgw-enabled #region-main > *,
body.userguest.thothgw-enabled #page-content [role="main"] > * {
  position:relative;
  z-index:1;
}

body.userguest.thothgw-enabled .thothgw-content-reveal {
  animation:thothgwFadeUp .75s ease both;
}

/* Buttons and cards: v14 angular style. */
body.userguest.thothgw-enabled #region-main .btn,
body.userguest.thothgw-enabled #region-main a[style*="background"],
body.userguest.thothgw-enabled .thoth-home-isolated a[style*="background"],
body.userguest.thothgw-enabled .activity a[style*="background"] {
  border-radius:0 !important;
  border:1px solid rgba(201,168,76,.40) !important;
  background:linear-gradient(135deg, var(--thothgw-gold), var(--thothgw-gold-dim)) !important;
  color:var(--thothgw-ink) !important;
  font-weight:700 !important;
  clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  box-shadow:0 8px 30px rgba(201,168,76,.16) !important;
}

body.userguest.thothgw-enabled footer,
body.userguest.thothgw-enabled #page-footer {
  background:var(--thothgw-ink) !important;
  border-top:1px solid rgba(201,168,76,.12) !important;
  color:var(--thothgw-text-dim) !important;
}

/* Intro splash rebuilt around the v14 mark. */
body.userguest.thothgw-enabled .thothgw-intro {
  position:fixed;
  inset:0;
  z-index:99999;
  pointer-events:none;
  background:
    radial-gradient(circle at 62% 45%, rgba(0,212,212,.13), transparent 32%),
    radial-gradient(circle at 48% 58%, rgba(201,168,76,.15), transparent 36%),
    linear-gradient(135deg,#050812,#0f1525 55%,#050812);
  animation:thothgwIntroOut 7s ease forwards;
}

body.userguest.thothgw-enabled .thothgw-intro svg {
  width:100%;
  height:100%;
}

body.userguest.thothgw-enabled .thothgw-intro .laser {
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:360;
  stroke-dashoffset:360;
  filter:drop-shadow(0 0 10px rgba(0,212,212,.72));
  animation:thothgwLaserDraw 2.4s ease forwards .35s, thothgwLaserFade 1.35s ease forwards 5.2s;
}

body.userguest.thothgw-enabled .thothgw-intro .gold {
  stroke:var(--thothgw-gold);
  stroke-width:2.4;
  animation-delay:1.1s,5.25s;
}

body.userguest.thothgw-enabled .thothgw-intro .cyan {
  stroke:var(--thothgw-cyan);
  stroke-width:3;
}

body.userguest.thothgw-enabled .thothgw-intro .title {
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(38px,5.4vw,82px);
  fill:var(--thothgw-white);
  text-anchor:middle;
  filter:drop-shadow(0 0 18px rgba(201,168,76,.65));
}

body.userguest.thothgw-enabled .thothgw-intro .subtitle {
  font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:28px;
  letter-spacing:.26em;
  fill:var(--thothgw-cyan);
  text-anchor:middle;
  filter:drop-shadow(0 0 14px rgba(0,212,212,.35));
}

body.userguest.thothgw-enabled .thothgw-intro .intro-mark {
  filter:drop-shadow(0 0 22px rgba(201,168,76,.55)) drop-shadow(0 0 26px rgba(0,212,212,.20));
  animation:thothgwFloat 5.4s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  body.userguest.thothgw-enabled *,
  body.userguest.thothgw-enabled *::before,
  body.userguest.thothgw-enabled *::after {
    animation:none !important;
    transition:none !important;
  }

  body.userguest.thothgw-enabled .thothgw-intro {
    display:none !important;
  }
}

@media (max-width:900px) {
  body.userguest.thothgw-enabled .thothgw-brand {
    left:16px;
    top:10px;
  }

  body.userguest.thothgw-enabled .thothgw-brand-word {
    font-size:.86rem;
  }

  body.userguest.thothgw-enabled .thothgw-eye,
  body.userguest.thothgw-enabled .thothgw-pyramid {
    width:68vw;
    right:-18vw;
    opacity:.28;
  }

  body.userguest.thothgw-enabled #region-main {
    border-left:none !important;
    border-right:none !important;
  }
}

/* STEP-12C V14 FORCE LAYER START */

/* Eliminate remaining white Adaptable/Moodle guest containers. */
body.userguest.thothgw-enabled,
body.userguest.thothgw-enabled #page,
body.userguest.thothgw-enabled #page-wrapper,
body.userguest.thothgw-enabled #page-content,
body.userguest.thothgw-enabled #region-main-box,
body.userguest.thothgw-enabled #region-main,
body.userguest.thothgw-enabled .main-inner,
body.userguest.thothgw-enabled .course-content,
body.userguest.thothgw-enabled .sitetopic,
body.userguest.thothgw-enabled .course-section,
body.userguest.thothgw-enabled .section,
body.userguest.thothgw-enabled .content,
body.userguest.thothgw-enabled .card,
body.userguest.thothgw-enabled .card-body,
body.userguest.thothgw-enabled .generalbox,
body.userguest.thothgw-enabled .box,
body.userguest.thothgw-enabled .activity,
body.userguest.thothgw-enabled .activity-item,
body.userguest.thothgw-enabled .activityinstance,
body.userguest.thothgw-enabled .no-overflow {
  background-color: transparent !important;
}

body.userguest.thothgw-enabled #region-main,
body.userguest.thothgw-enabled #page-content [role="main"],
body.userguest.thothgw-enabled .thoth-home-isolated {
  background:
    linear-gradient(135deg, rgba(15,21,37,.96), rgba(10,14,26,.92)),
    radial-gradient(circle at 90% 10%, rgba(0,212,212,.10), transparent 32%),
    radial-gradient(circle at 5% 90%, rgba(201,168,76,.14), transparent 36%) !important;
  color: var(--thothgw-text) !important;
  border: 1px solid rgba(201,168,76,.28) !important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.46),
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 0 0 42px rgba(0,212,212,.045) !important;
}

/* Stronger text readability for homepage + Page activities. */
body.userguest.thothgw-enabled #region-main,
body.userguest.thothgw-enabled #region-main *,
body.userguest.thothgw-enabled #page-content [role="main"],
body.userguest.thothgw-enabled #page-content [role="main"] *,
body.userguest.thothgw-enabled .activity,
body.userguest.thothgw-enabled .activity *,
body.userguest.thothgw-enabled .no-overflow,
body.userguest.thothgw-enabled .no-overflow * {
  color: var(--thothgw-text) !important;
}

body.userguest.thothgw-enabled #region-main h1,
body.userguest.thothgw-enabled #region-main h2,
body.userguest.thothgw-enabled #region-main h3,
body.userguest.thothgw-enabled #region-main h4,
body.userguest.thothgw-enabled #page-content [role="main"] h1,
body.userguest.thothgw-enabled #page-content [role="main"] h2,
body.userguest.thothgw-enabled #page-content [role="main"] h3,
body.userguest.thothgw-enabled #page-content [role="main"] h4,
body.userguest.thothgw-enabled .activity h1,
body.userguest.thothgw-enabled .activity h2,
body.userguest.thothgw-enabled .activity h3,
body.userguest.thothgw-enabled .activity h4 {
  color: var(--thothgw-gold-light) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  letter-spacing: .015em;
  text-shadow:
    0 0 12px rgba(201,168,76,.34),
    0 0 30px rgba(0,212,212,.10) !important;
}

body.userguest.thothgw-enabled #region-main h1::after,
body.userguest.thothgw-enabled #region-main h2::after,
body.userguest.thothgw-enabled .activity h1::after,
body.userguest.thothgw-enabled .activity h2::after {
  content: "";
  display: block;
  width: min(180px, 42%);
  height: 1px;
  margin-top: .45rem;
  background: linear-gradient(90deg, var(--thothgw-gold), transparent);
  box-shadow: 0 0 12px rgba(201,168,76,.44);
}

/* Force old inline white boxes/cards into v14 dark glass. */
body.userguest.thothgw-enabled [style*="background:white"],
body.userguest.thothgw-enabled [style*="background: white"],
body.userguest.thothgw-enabled [style*="background-color:white"],
body.userguest.thothgw-enabled [style*="background-color: white"],
body.userguest.thothgw-enabled [style*="background:#fff"],
body.userguest.thothgw-enabled [style*="background: #fff"],
body.userguest.thothgw-enabled [style*="background-color:#fff"],
body.userguest.thothgw-enabled [style*="background-color: #fff"],
body.userguest.thothgw-enabled .bg-white,
body.userguest.thothgw-enabled .bg-light {
  background: rgba(15,21,37,.82) !important;
  background-color: rgba(15,21,37,.82) !important;
  color: var(--thothgw-text) !important;
  border-color: rgba(201,168,76,.18) !important;
}

/* Stronger v14 navigation override. */
body.userguest.thothgw-enabled #above-header,
body.userguest.thothgw-enabled #header1,
body.userguest.thothgw-enabled #header2,
body.userguest.thothgw-enabled #page-header,
body.userguest.thothgw-enabled #adaptable-page-header-wrapper,
body.userguest.thothgw-enabled #adaptable-page-header,
body.userguest.thothgw-enabled .header-main,
body.userguest.thothgw-enabled .navbar,
body.userguest.thothgw-enabled .navbar-light,
body.userguest.thothgw-enabled .navbar-expand,
body.userguest.thothgw-enabled .navbar-expand-lg,
body.userguest.thothgw-enabled .navbar-header,
body.userguest.thothgw-enabled .navbar-inner,
body.userguest.thothgw-enabled nav[role="navigation"] {
  background: rgba(10,14,26,.96) !important;
  background-color: rgba(10,14,26,.96) !important;
  color: var(--thothgw-text) !important;
  border-color: rgba(201,168,76,.22) !important;
  box-shadow: 0 14px 46px rgba(0,0,0,.42), inset 0 -1px 0 rgba(201,168,76,.16) !important;
}

body.userguest.thothgw-enabled .navbar *,
body.userguest.thothgw-enabled header *,
body.userguest.thothgw-enabled nav[role="navigation"] * {
  border-color: rgba(201,168,76,.18) !important;
}

body.userguest.thothgw-enabled .navbar a,
body.userguest.thothgw-enabled .navbar-light .navbar-nav .nav-link,
body.userguest.thothgw-enabled .navbar-nav .nav-link,
body.userguest.thothgw-enabled .dropdown-toggle,
body.userguest.thothgw-enabled header a,
body.userguest.thothgw-enabled nav[role="navigation"] a {
  color: var(--thothgw-text-dim) !important;
  background: transparent !important;
}

body.userguest.thothgw-enabled .navbar a:hover,
body.userguest.thothgw-enabled .navbar-light .navbar-nav .nav-link:hover,
body.userguest.thothgw-enabled .navbar-nav .nav-link:hover,
body.userguest.thothgw-enabled .dropdown-toggle:hover,
body.userguest.thothgw-enabled header a:hover,
body.userguest.thothgw-enabled nav[role="navigation"] a:hover,
body.userguest.thothgw-enabled .navbar a:focus,
body.userguest.thothgw-enabled header a:focus {
  color: var(--thothgw-gold-light) !important;
  background: rgba(201,168,76,.065) !important;
}

/* Restore visible animation and shapes inside Page Activity shell. */
body.userguest.thothgw-enabled #region-main::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent 0 35%, rgba(201,168,76,.10) 45%, transparent 58%),
    radial-gradient(circle at 86% 22%, rgba(0,212,212,.18), transparent 28%),
    radial-gradient(circle at 10% 88%, rgba(201,168,76,.16), transparent 34%);
  opacity: .75;
  animation: thothgwPanelScan 10s ease-in-out infinite;
}

body.userguest.thothgw-enabled #region-main::after {
  content: "𓂀";
  position: absolute;
  right: 28px;
  top: 20px;
  z-index: 0;
  pointer-events: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(68px, 12vw, 160px);
  line-height: 1;
  color: rgba(201,168,76,.13);
  text-shadow: 0 0 34px rgba(0,212,212,.12);
  animation: thothgwFloat 12s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-page-aura {
  opacity: 1 !important;
  mix-blend-mode: screen;
}

body.userguest.thothgw-enabled .thothgw-page-aura::before {
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.22), rgba(0,212,212,.10), transparent) !important;
  animation-duration: 8s !important;
}

body.userguest.thothgw-enabled .thothgw-page-aura::after {
  color: rgba(201,168,76,.16) !important;
}

/* Ensure actual content stays above animations. */
body.userguest.thothgw-enabled #region-main > :not(.thothgw-page-aura),
body.userguest.thothgw-enabled #region-main .course-content,
body.userguest.thothgw-enabled #region-main .activity,
body.userguest.thothgw-enabled #region-main .no-overflow,
body.userguest.thothgw-enabled #region-main .content {
  position: relative;
  z-index: 2;
}

/* Intro triangle animation restored. */
@keyframes thothgwIntroTriangleBuild {
  0% { opacity: 0; transform: scale(.72) rotate(-2deg); }
  35% { opacity: .95; transform: scale(1.04) rotate(0deg); }
  68% { opacity: .7; transform: scale(.98) rotate(0deg); }
  100% { opacity: .28; transform: scale(1.12) rotate(0deg); }
}

@keyframes thothgwIntroTriangleTrace {
  to { stroke-dashoffset: 0; }
}

body.userguest.thothgw-enabled .thothgw-intro .gate,
body.userguest.thothgw-enabled .thothgw-intro .tri-core {
  transform-origin: 1330px 258px;
  animation: thothgwIntroTriangleBuild 5.8s ease forwards !important;
}

body.userguest.thothgw-enabled .thothgw-intro .tri-line {
  stroke-dasharray: 420;
  stroke-dashoffset: 420;
  animation: thothgwIntroTriangleTrace 2.7s ease forwards 1.2s !important;
}

/* STEP-12C V14 FORCE LAYER END */

/* STEP-12C PAGE SHARDS START */
@keyframes thothgwShardDrift {
  0%, 100% { transform: translate3d(0,0,0) rotate(var(--r)); opacity: .35; }
  50% { transform: translate3d(10px,-16px,0) rotate(calc(var(--r) + 7deg)); opacity: .82; }
}

body.userguest.thothgw-enabled .thothgw-page-shards {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

body.userguest.thothgw-enabled .thothgw-page-shards span {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 72px;
  height: 72px;
  opacity: .48;
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.34);
  background: linear-gradient(135deg, rgba(201,168,76,.10), rgba(0,212,212,.06));
  filter: drop-shadow(0 0 12px rgba(201,168,76,.18));
  animation: thothgwShardDrift 9s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-page-shards span:nth-child(2) { animation-delay: -2s; }
body.userguest.thothgw-enabled .thothgw-page-shards span:nth-child(3) { animation-delay: -4s; }
body.userguest.thothgw-enabled .thothgw-page-shards span:nth-child(4) { animation-delay: -6s; }
/* STEP-12C PAGE SHARDS END */

/* STEP-12D SEAMLESS V14 SHELL START */

/*
  Purpose:
  - Remove remaining white Adaptable homepage/navigation surfaces.
  - Make homepage and Page activities share one seamless v14 dark background.
  - Reduce oversized public title text relative to the new mark.
  - Preserve guest-only behavior and hidden Moodle elements.
*/

html:has(body.userguest.thothgw-enabled),
body.userguest.thothgw-enabled {
  background: #0a0e1a !important;
  background-color: #0a0e1a !important;
}

/* Deep neutralization of Adaptable/Moodle white guest surfaces. */
body.userguest.thothgw-enabled #page-wrapper,
body.userguest.thothgw-enabled #page,
body.userguest.thothgw-enabled #page-content,
body.userguest.thothgw-enabled #region-main-box,
body.userguest.thothgw-enabled #region-main,
body.userguest.thothgw-enabled #region-main > div,
body.userguest.thothgw-enabled #region-main .region-main-content,
body.userguest.thothgw-enabled .main-inner,
body.userguest.thothgw-enabled .container,
body.userguest.thothgw-enabled .container-fluid,
body.userguest.thothgw-enabled .course-content,
body.userguest.thothgw-enabled .course-content ul,
body.userguest.thothgw-enabled .course-section,
body.userguest.thothgw-enabled .sitetopic,
body.userguest.thothgw-enabled .section,
body.userguest.thothgw-enabled .summary,
body.userguest.thothgw-enabled .content,
body.userguest.thothgw-enabled .card,
body.userguest.thothgw-enabled .card-body,
body.userguest.thothgw-enabled .generalbox,
body.userguest.thothgw-enabled .box,
body.userguest.thothgw-enabled .activity,
body.userguest.thothgw-enabled .activity-item,
body.userguest.thothgw-enabled .activityinstance,
body.userguest.thothgw-enabled .no-overflow,
body.userguest.thothgw-enabled .modtype_page,
body.userguest.thothgw-enabled .coursebox,
body.userguest.thothgw-enabled .frontpage-course-list-all,
body.userguest.thothgw-enabled #frontpage-course-list,
body.userguest.thothgw-enabled #frontpage-category-names,
body.userguest.thothgw-enabled #site-news-forum,
body.userguest.thothgw-enabled .forumpost,
body.userguest.thothgw-enabled .block,
body.userguest.thothgw-enabled .block .content {
  background: transparent !important;
  background-color: transparent !important;
}

/* One seamless global canvas behind everything. */
body.userguest.thothgw-enabled::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(ellipse 78% 65% at 68% 32%, rgba(0,212,212,.105) 0%, transparent 58%),
    radial-gradient(ellipse 54% 48% at 18% 78%, rgba(201,168,76,.13) 0%, transparent 54%),
    radial-gradient(ellipse 42% 42% at 88% 82%, rgba(0,122,122,.09) 0%, transparent 52%),
    linear-gradient(160deg, #0a0e1a 0%, #0f1525 48%, #0a0e1a 100%) !important;
}

body.userguest.thothgw-enabled::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(201,168,76,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,168,76,.045) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 88% 82% at 50% 48%, black 0%, transparent 74%);
}

/* Make VFX layer blend seamlessly rather than looking like a separate area. */
body.userguest.thothgw-enabled .thothgw-vfx {
  background:
    radial-gradient(ellipse 70% 60% at 62% 36%, rgba(0,212,212,.075) 0%, transparent 60%),
    radial-gradient(ellipse 55% 55% at 18% 82%, rgba(201,168,76,.09) 0%, transparent 56%),
    linear-gradient(160deg, rgba(10,14,26,.45) 0%, rgba(15,21,37,.34) 48%, rgba(10,14,26,.45) 100%) !important;
}

/* Homepage/content shell: dark glass, not white block. */
body.userguest.thothgw-enabled #region-main,
body.userguest.thothgw-enabled #page-content [role="main"] {
  background:
    linear-gradient(135deg, rgba(15,21,37,.84), rgba(10,14,26,.78)) !important;
  background-color: rgba(10,14,26,.78) !important;
  border: 1px solid rgba(201,168,76,.24) !important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 0 0 48px rgba(0,212,212,.035) !important;
}

/* Override inline old white homepage blocks while keeping content visible. */
body.userguest.thothgw-enabled [style*="background"],
body.userguest.thothgw-enabled [style*="background-color"] {
  background-color: transparent !important;
}

body.userguest.thothgw-enabled #region-main [style*="background"],
body.userguest.thothgw-enabled #region-main [style*="background-color"],
body.userguest.thothgw-enabled #page-content [role="main"] [style*="background"],
body.userguest.thothgw-enabled #page-content [role="main"] [style*="background-color"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* Strong text visibility after neutralizing white backgrounds. */
body.userguest.thothgw-enabled #region-main,
body.userguest.thothgw-enabled #region-main *,
body.userguest.thothgw-enabled #page-content [role="main"],
body.userguest.thothgw-enabled #page-content [role="main"] * {
  color: var(--thothgw-text) !important;
}

body.userguest.thothgw-enabled #region-main h1,
body.userguest.thothgw-enabled #region-main h2,
body.userguest.thothgw-enabled #region-main h3,
body.userguest.thothgw-enabled #page-content [role="main"] h1,
body.userguest.thothgw-enabled #page-content [role="main"] h2,
body.userguest.thothgw-enabled #page-content [role="main"] h3 {
  color: var(--thothgw-gold-light) !important;
}

/* Reduce oversized public title relative to new logo/mark. */
body.userguest.thothgw-enabled #region-main h1,
body.userguest.thothgw-enabled #page-content [role="main"] h1,
body.userguest.thothgw-enabled .thoth-home-isolated h1,
body.userguest.thothgw-enabled .sitetopic h1,
body.userguest.thothgw-enabled .course-content h1 {
  font-size: clamp(1.75rem, 3.1vw, 3.15rem) !important;
  line-height: 1.08 !important;
  max-width: 980px;
}

body.userguest.thothgw-enabled #region-main h1:has(span),
body.userguest.thothgw-enabled #region-main h1:first-child {
  font-size: clamp(1.65rem, 2.9vw, 3rem) !important;
}

/* Replacement brand wordmark should remain compact. */
body.userguest.thothgw-enabled .thothgw-brand-word {
  font-size: clamp(.86rem, 1.15vw, 1.05rem) !important;
  line-height: 1 !important;
}

body.userguest.thothgw-enabled .thothgw-brand-mark {
  width: 40px !important;
  height: 40px !important;
}

body.userguest.thothgw-enabled .thothgw-brand-mark img {
  width: 32px !important;
  height: 32px !important;
}

/* Aggressive v14 nav shell override. */
body.userguest.thothgw-enabled #above-header,
body.userguest.thothgw-enabled #header1,
body.userguest.thothgw-enabled #header2,
body.userguest.thothgw-enabled #page-header,
body.userguest.thothgw-enabled #adaptable-page-header-wrapper,
body.userguest.thothgw-enabled #adaptable-page-header,
body.userguest.thothgw-enabled #main-navbar,
body.userguest.thothgw-enabled #main-navbar *,
body.userguest.thothgw-enabled .header-main,
body.userguest.thothgw-enabled .navbar,
body.userguest.thothgw-enabled .navbar *,
body.userguest.thothgw-enabled .navbar-light,
body.userguest.thothgw-enabled .navbar-light *,
body.userguest.thothgw-enabled .navbar-expand,
body.userguest.thothgw-enabled .navbar-expand *,
body.userguest.thothgw-enabled .navbar-expand-lg,
body.userguest.thothgw-enabled .navbar-expand-lg *,
body.userguest.thothgw-enabled .navbar-header,
body.userguest.thothgw-enabled .navbar-inner,
body.userguest.thothgw-enabled nav[role="navigation"],
body.userguest.thothgw-enabled nav[role="navigation"] *,
body.userguest.thothgw-enabled .topmenus,
body.userguest.thothgw-enabled .topmenus *,
body.userguest.thothgw-enabled .btco-hover-menu,
body.userguest.thothgw-enabled .btco-hover-menu *,
body.userguest.thothgw-enabled .navbar-nav,
body.userguest.thothgw-enabled .navbar-nav * {
  background-color: rgba(10,14,26,.96) !important;
  background-image: none !important;
}

/* Re-allow dropdown surfaces to have their own dark panels. */
body.userguest.thothgw-enabled .dropdown-menu,
body.userguest.thothgw-enabled .dropdown-menu * {
  background-color: #0f1525 !important;
}

body.userguest.thothgw-enabled .navbar,
body.userguest.thothgw-enabled #main-navbar,
body.userguest.thothgw-enabled nav[role="navigation"] {
  border-bottom: 1px solid rgba(201,168,76,.24) !important;
  box-shadow:
    0 14px 46px rgba(0,0,0,.46),
    inset 0 -1px 0 rgba(201,168,76,.16) !important;
}

body.userguest.thothgw-enabled .navbar a,
body.userguest.thothgw-enabled .navbar-light .navbar-nav .nav-link,
body.userguest.thothgw-enabled .navbar-nav .nav-link,
body.userguest.thothgw-enabled .dropdown-toggle,
body.userguest.thothgw-enabled header a,
body.userguest.thothgw-enabled nav[role="navigation"] a,
body.userguest.thothgw-enabled .topmenus a,
body.userguest.thothgw-enabled .btco-hover-menu a {
  color: var(--thothgw-text-dim) !important;
  background: transparent !important;
}

body.userguest.thothgw-enabled .navbar a:hover,
body.userguest.thothgw-enabled .navbar-light .navbar-nav .nav-link:hover,
body.userguest.thothgw-enabled .navbar-nav .nav-link:hover,
body.userguest.thothgw-enabled .dropdown-toggle:hover,
body.userguest.thothgw-enabled header a:hover,
body.userguest.thothgw-enabled nav[role="navigation"] a:hover,
body.userguest.thothgw-enabled .topmenus a:hover,
body.userguest.thothgw-enabled .btco-hover-menu a:hover {
  color: var(--thothgw-gold-light) !important;
  background: rgba(201,168,76,.075) !important;
}

/* Remove visual seams between header, page, content, footer. */
body.userguest.thothgw-enabled .container,
body.userguest.thothgw-enabled .container-fluid {
  box-shadow: none !important;
}

body.userguest.thothgw-enabled footer,
body.userguest.thothgw-enabled #page-footer,
body.userguest.thothgw-enabled #page-footer *,
body.userguest.thothgw-enabled .footer-main,
body.userguest.thothgw-enabled .footer-main * {
  background-color: rgba(10,14,26,.94) !important;
  background-image: none !important;
  color: var(--thothgw-text-dim) !important;
}

/* STEP-12D SEAMLESS V14 SHELL END */

/* STEP-12D4 HOMEPAGE INLINE WHITE PANEL OVERRIDE START
   Purpose:
   - Override old inline white homepage label panels.
   - Keep text visible.
   - Reduce oversized Adaptable header title.
   - Add v14-style animated content geometry.
   - Do NOT modify Moodle stored text/content.
*/

/* Shrink the large Adaptable public header title. */
body.userguest.thothgw-enabled #headertitle,
body.userguest.thothgw-enabled #headertitle h1,
body.userguest.thothgw-enabled #headertitle #sitetitle {
  font-size: clamp(0.92rem, 1.25vw, 1.35rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0.025em !important;
  max-width: min(620px, 64vw) !important;
  color: var(--thothgw-gold-light) !important;
  text-shadow: 0 0 14px rgba(201,168,76,.28), 0 0 28px rgba(0,212,212,.08) !important;
}

body.userguest.thothgw-enabled #headertitle h1 {
  margin: 0 !important;
  padding: 0 !important;
}

/* Homepage Moodle label shell should become a dark v14 stage. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label .activity-item,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label .activity-grid,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label .activity-altcontent,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label .no-overflow {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--thothgw-text) !important;
}

/* Override exact old inline white panels in the homepage label. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="background:rgba(255,255,255"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="background: rgba(255,255,255"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="background:#ffffff"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="background: #ffffff"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="background:white"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="background: white"] {
  background:
    radial-gradient(circle at 92% 12%, rgba(0,212,212,.12), transparent 32%),
    radial-gradient(circle at 8% 84%, rgba(201,168,76,.14), transparent 36%),
    linear-gradient(135deg, rgba(15,21,37,.94), rgba(10,14,26,.88)) !important;
  background-color: rgba(10,14,26,.90) !important;
  color: var(--thothgw-text) !important;
  border-color: rgba(201,168,76,.28) !important;
  box-shadow:
    0 24px 68px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.03),
    inset 0 0 44px rgba(0,212,212,.045) !important;
}

/* Override old dark-blue inline text colors inside the homepage label. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="color:#0b1f3a"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="color: #0b1f3a"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="color:#123b63"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="color: #123b63"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="color:#243447"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="color: #243447"] {
  color: var(--thothgw-text) !important;
}

/* Preserve gold/yellow accents, but make them richer and closer to v14. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="color:#b68b00"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label [style*="color: #b68b00"] {
  color: var(--thothgw-gold-light) !important;
}

/* Homepage inline card panels that were pure white. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label div[style*="border:1px solid #ddd"][style*="background:#ffffff"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label div[style*="border:1px solid #ddd"][style*="background: #ffffff"] {
  background:
    linear-gradient(135deg, rgba(20,29,48,.86), rgba(10,14,26,.78)) !important;
  color: var(--thothgw-text) !important;
  border: 1px solid rgba(201,168,76,.25) !important;
  box-shadow: inset 0 0 28px rgba(0,212,212,.035), 0 18px 42px rgba(0,0,0,.24) !important;
}

/* Gold headings for homepage content sections. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label h1,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label h2,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label h3,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label h4,
body.userguest.thothgw-enabled.path-mod-page #region-main h1,
body.userguest.thothgw-enabled.path-mod-page #region-main h2,
body.userguest.thothgw-enabled.path-mod-page #region-main h3,
body.userguest.thothgw-enabled.path-mod-page #region-main h4 {
  color: var(--thothgw-gold-light) !important;
  text-shadow: 0 0 16px rgba(201,168,76,.26), 0 0 34px rgba(0,212,212,.08) !important;
}

/* V14 animated content geometry layer. */
@keyframes thothgwContentRay {
  0% { transform: translateX(-130%) skewX(-18deg); opacity: 0; }
  20% { opacity: .55; }
  55% { opacity: .28; }
  100% { transform: translateX(145%) skewX(-18deg); opacity: 0; }
}

@keyframes thothgwContentShard {
  0%, 100% { transform: translate3d(0,0,0) rotate(var(--r, 0deg)); opacity: .28; }
  50% { transform: translate3d(10px,-16px,0) rotate(calc(var(--r, 0deg) + 8deg)); opacity: .72; }
}

@keyframes thothgwContentOrbit {
  to { transform: rotate(360deg); }
}

body.userguest.thothgw-enabled .thothgw-content-magic {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

body.userguest.thothgw-enabled .thothgw-content-magic::before {
  content: "";
  position: absolute;
  top: -10%;
  left: 0;
  width: 42%;
  height: 120%;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.17), rgba(0,212,212,.08), transparent);
  animation: thothgwContentRay 9s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-content-magic::after {
  content: "𓂀";
  position: absolute;
  right: clamp(18px, 4vw, 54px);
  top: clamp(18px, 4vw, 52px);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(72px, 11vw, 160px);
  color: rgba(201,168,76,.12);
  text-shadow: 0 0 34px rgba(201,168,76,.18), 0 0 48px rgba(0,212,212,.10);
  animation: thothgwFloat 13s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-magic-shard {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--s, 62px);
  height: var(--s, 62px);
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.34);
  background: linear-gradient(135deg, rgba(201,168,76,.12), rgba(0,212,212,.07));
  filter: drop-shadow(0 0 14px rgba(201,168,76,.18));
  opacity: .42;
  animation: thothgwContentShard var(--d, 10s) ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-magic-orbit {
  position: absolute;
  width: clamp(160px, 20vw, 320px);
  height: clamp(160px, 20vw, 320px);
  left: -86px;
  bottom: -98px;
  border: 1px solid rgba(201,168,76,.14);
  border-radius: 50%;
  box-shadow: inset 0 0 24px rgba(0,212,212,.07), 0 0 28px rgba(201,168,76,.09);
  animation: thothgwContentOrbit 36s linear infinite;
}

body.userguest.thothgw-enabled .thothgw-magic-orbit::before,
body.userguest.thothgw-enabled .thothgw-magic-orbit::after {
  content: "";
  position: absolute;
  inset: 18%;
  border: 1px solid rgba(0,212,212,.13);
  border-radius: 50%;
}

body.userguest.thothgw-enabled .thothgw-magic-orbit::after {
  inset: 36%;
  border-color: rgba(201,168,76,.16);
}

/* Ensure content stays above animation layer. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label .activity-altcontent,
body.userguest.thothgw-enabled.path-mod-page #region-main {
  position: relative !important;
  isolation: isolate;
}

body.userguest.thothgw-enabled.pagelayout-frontpage .activity.label.modtype_label .activity-altcontent > :not(.thothgw-content-magic),
body.userguest.thothgw-enabled.path-mod-page #region-main > :not(.thothgw-content-magic) {
  position: relative;
  z-index: 2;
}

/* STEP-12D4 HOMEPAGE INLINE WHITE PANEL OVERRIDE END */

/* STEP-12D5 SELECTOR CORRECTION START
   Fixes previous mismatch:
   actual homepage label selector is .activity.modtype_label,
   not .activity.label.modtype_label.
*/

/* Actual rendered homepage label and all old inline white panels. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .activity-item,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .activity-grid,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .activity-altcontent,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .no-overflow,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .no-overflow .no-overflow,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .thoth-home-isolated {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--thothgw-text) !important;
}

/* Force every inline styled homepage panel away from white into v14 dark-glass. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label [style*="background"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label [style*="background-color"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .thoth-home-isolated,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .thoth-home-isolated > div,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .thoth-home-isolated section,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .thoth-home-isolated article {
  background:
    radial-gradient(circle at 92% 12%, rgba(0,212,212,.13), transparent 32%),
    radial-gradient(circle at 8% 84%, rgba(201,168,76,.15), transparent 36%),
    linear-gradient(135deg, rgba(15,21,37,.94), rgba(10,14,26,.89)) !important;
  background-color: rgba(10,14,26,.92) !important;
  background-image:
    radial-gradient(circle at 92% 12%, rgba(0,212,212,.13), transparent 32%),
    radial-gradient(circle at 8% 84%, rgba(201,168,76,.15), transparent 36%),
    linear-gradient(135deg, rgba(15,21,37,.94), rgba(10,14,26,.89)) !important;
  color: var(--thothgw-text) !important;
  border-color: rgba(201,168,76,.30) !important;
  box-shadow:
    0 24px 68px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.03),
    inset 0 0 44px rgba(0,212,212,.045) !important;
}

/* Override old inline dark text inside homepage panels. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label *,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated * {
  color: var(--thothgw-text) !important;
}

body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label h1,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label h2,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label h3,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label h4,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated h1,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated h2,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated h3,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated h4,
body.userguest.thothgw-enabled #region-main h1,
body.userguest.thothgw-enabled #region-main h2,
body.userguest.thothgw-enabled #region-main h3,
body.userguest.thothgw-enabled #region-main h4 {
  color: var(--thothgw-gold-light) !important;
  text-shadow: 0 0 16px rgba(201,168,76,.30), 0 0 34px rgba(0,212,212,.10) !important;
}

/* Make the public header title much smaller and proportionate. */
body.userguest.thothgw-enabled #headertitle,
body.userguest.thothgw-enabled #headertitle h1,
body.userguest.thothgw-enabled #headertitle #sitetitle,
body.userguest.thothgw-enabled .headertitle,
body.userguest.thothgw-enabled .headertitle h1,
body.userguest.thothgw-enabled .sitetitle,
body.userguest.thothgw-enabled #sitetitle {
  font-size: clamp(0.82rem, 1.05vw, 1.12rem) !important;
  line-height: 1.05 !important;
  letter-spacing: .018em !important;
  max-width: min(500px, 52vw) !important;
  color: var(--thothgw-gold-light) !important;
  text-shadow: 0 0 12px rgba(201,168,76,.24) !important;
}

/* More visible animated magic layer. */
@keyframes thothgwD5Sweep {
  0% { transform: translateX(-130%) skewX(-18deg); opacity: 0; }
  18% { opacity: .70; }
  58% { opacity: .34; }
  100% { transform: translateX(145%) skewX(-18deg); opacity: 0; }
}

@keyframes thothgwD5Shard {
  0%, 100% { transform: translate3d(0,0,0) rotate(var(--r,0deg)); opacity: .42; }
  50% { transform: translate3d(12px,-18px,0) rotate(calc(var(--r,0deg) + 10deg)); opacity: .92; }
}

@keyframes thothgwD5Spin {
  to { transform: rotate(360deg); }
}

body.userguest.thothgw-enabled .thothgw-content-magic {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  display: block !important;
  opacity: 1 !important;
}

body.userguest.thothgw-enabled .thothgw-content-magic::before {
  content: "";
  position: absolute;
  top: -10%;
  left: 0;
  width: 48%;
  height: 120%;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.26), rgba(0,212,212,.14), transparent);
  filter: drop-shadow(0 0 12px rgba(201,168,76,.18));
  animation: thothgwD5Sweep 7.5s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-content-magic::after {
  content: "𓂀";
  position: absolute;
  right: clamp(18px, 4vw, 54px);
  top: clamp(18px, 4vw, 52px);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(78px, 12vw, 178px);
  line-height: 1;
  color: rgba(201,168,76,.18);
  text-shadow: 0 0 34px rgba(201,168,76,.22), 0 0 48px rgba(0,212,212,.14);
  animation: thothgwFloat 12s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-magic-shard {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--s, 68px);
  height: var(--s, 68px);
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.46);
  background: linear-gradient(135deg, rgba(201,168,76,.18), rgba(0,212,212,.12));
  filter: drop-shadow(0 0 16px rgba(201,168,76,.22));
  opacity: .66;
  animation: thothgwD5Shard var(--d, 9s) ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-magic-orbit {
  position: absolute;
  width: clamp(180px, 22vw, 340px);
  height: clamp(180px, 22vw, 340px);
  left: -88px;
  bottom: -98px;
  border: 1px solid rgba(201,168,76,.24);
  border-radius: 50%;
  box-shadow: inset 0 0 28px rgba(0,212,212,.10), 0 0 32px rgba(201,168,76,.13);
  animation: thothgwD5Spin 32s linear infinite;
}

body.userguest.thothgw-enabled .thothgw-magic-orbit::before,
body.userguest.thothgw-enabled .thothgw-magic-orbit::after {
  content: "";
  position: absolute;
  inset: 18%;
  border: 1px solid rgba(0,212,212,.18);
  border-radius: 50%;
}

body.userguest.thothgw-enabled .thothgw-magic-orbit::after {
  inset: 36%;
  border-color: rgba(201,168,76,.22);
}

/* Place content above animation. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .activity-altcontent,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .no-overflow,
body.userguest.thothgw-enabled #region-main {
  position: relative !important;
  isolation: isolate;
}

body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .activity-altcontent > :not(.thothgw-content-magic),
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label .no-overflow > :not(.thothgw-content-magic),
body.userguest.thothgw-enabled #region-main > :not(.thothgw-content-magic) {
  position: relative !important;
  z-index: 2 !important;
}

/* STEP-12D5 SELECTOR CORRECTION END */

/* STEP-12D6 RUNTIME WHITE PANEL + ANIMATION FIX START */

/* Critical first-paint guest darkening to reduce old-theme flash before JS runs. */
body.userguest,
body.userguest #page,
body.userguest #page-wrapper,
body.userguest #page-content {
  background: #0a0e1a !important;
  background-color: #0a0e1a !important;
}

body.userguest .navbar,
body.userguest #main-navbar,
body.userguest #header1,
body.userguest #header2,
body.userguest header {
  background: rgba(10,14,26,.96) !important;
  background-color: rgba(10,14,26,.96) !important;
}

body.userguest img[src*="Thoth-logo"],
body.userguest img[src*="Thoth-logo-t"],
body.userguest .logo img,
body.userguest .navbar-brand img {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Runtime-tagged white/light panels. */
body.userguest.thothgw-enabled .thothgw-runtime-dark-surface {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(0,212,212,.15), transparent 32%),
    radial-gradient(circle at 8% 84%, rgba(201,168,76,.17), transparent 36%),
    linear-gradient(135deg, rgba(15,21,37,.96), rgba(10,14,26,.90)) !important;
  background-color: rgba(10,14,26,.94) !important;
  background-image:
    radial-gradient(circle at 92% 12%, rgba(0,212,212,.15), transparent 32%),
    radial-gradient(circle at 8% 84%, rgba(201,168,76,.17), transparent 36%),
    linear-gradient(135deg, rgba(15,21,37,.96), rgba(10,14,26,.90)) !important;
  color: var(--thothgw-text) !important;
  border: 1px solid rgba(201,168,76,.32) !important;
  box-shadow:
    0 26px 72px rgba(0,0,0,.38),
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 48px rgba(0,212,212,.055) !important;
}

body.userguest.thothgw-enabled .thothgw-runtime-transparent-surface {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--thothgw-text) !important;
}

body.userguest.thothgw-enabled .thothgw-runtime-dark-surface *,
body.userguest.thothgw-enabled .thothgw-runtime-transparent-surface * {
  color: var(--thothgw-text) !important;
}

body.userguest.thothgw-enabled .thothgw-runtime-dark-surface h1,
body.userguest.thothgw-enabled .thothgw-runtime-dark-surface h2,
body.userguest.thothgw-enabled .thothgw-runtime-dark-surface h3,
body.userguest.thothgw-enabled .thothgw-runtime-dark-surface h4,
body.userguest.thothgw-enabled .thothgw-runtime-transparent-surface h1,
body.userguest.thothgw-enabled .thothgw-runtime-transparent-surface h2,
body.userguest.thothgw-enabled .thothgw-runtime-transparent-surface h3,
body.userguest.thothgw-enabled .thothgw-runtime-transparent-surface h4 {
  color: var(--thothgw-gold-light) !important;
}

/* Force smaller header title. */
body.userguest.thothgw-enabled #headertitle,
body.userguest.thothgw-enabled #headertitle *,
body.userguest.thothgw-enabled #sitetitle,
body.userguest.thothgw-enabled .sitetitle,
body.userguest.thothgw-enabled .headertitle,
body.userguest.thothgw-enabled .headertitle * {
  font-size: clamp(.78rem, .95vw, 1.05rem) !important;
  line-height: 1.05 !important;
  max-width: min(470px, 50vw) !important;
}

/* Stronger and always-visible v14 magic. */
@keyframes thothgwD6RaySweep {
  0% { transform: translateX(-140%) skewX(-18deg); opacity: 0; }
  20% { opacity: .78; }
  58% { opacity: .38; }
  100% { transform: translateX(150%) skewX(-18deg); opacity: 0; }
}

@keyframes thothgwD6ShardFloat {
  0%, 100% { transform: translate3d(0,0,0) rotate(var(--r,0deg)); opacity: .46; }
  50% { transform: translate3d(12px,-18px,0) rotate(calc(var(--r,0deg) + 10deg)); opacity: .95; }
}

@keyframes thothgwD6Orbit {
  to { transform: rotate(360deg); }
}

body.userguest.thothgw-enabled .thothgw-d6-magic {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  display: block !important;
  opacity: 1 !important;
}

body.userguest.thothgw-enabled .thothgw-d6-magic::before {
  content: "";
  position: absolute;
  top: -10%;
  left: 0;
  width: 52%;
  height: 120%;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.30), rgba(0,212,212,.16), transparent);
  filter: drop-shadow(0 0 14px rgba(201,168,76,.20));
  animation: thothgwD6RaySweep 7.2s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-d6-magic::after {
  content: "𓂀";
  position: absolute;
  right: clamp(18px, 4vw, 54px);
  top: clamp(18px, 4vw, 52px);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(82px, 13vw, 190px);
  line-height: 1;
  color: rgba(201,168,76,.22);
  text-shadow: 0 0 38px rgba(201,168,76,.26), 0 0 54px rgba(0,212,212,.16);
  animation: thothgwFloat 11s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-d6-shard {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--s, 70px);
  height: var(--s, 70px);
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.52);
  background: linear-gradient(135deg, rgba(201,168,76,.22), rgba(0,212,212,.14));
  filter: drop-shadow(0 0 18px rgba(201,168,76,.28));
  opacity: .74;
  animation: thothgwD6ShardFloat var(--d, 9s) ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-d6-orbit {
  position: absolute;
  width: clamp(190px, 24vw, 360px);
  height: clamp(190px, 24vw, 360px);
  left: -92px;
  bottom: -106px;
  border: 1px solid rgba(201,168,76,.28);
  border-radius: 50%;
  box-shadow: inset 0 0 32px rgba(0,212,212,.12), 0 0 36px rgba(201,168,76,.16);
  animation: thothgwD6Orbit 30s linear infinite;
}

body.userguest.thothgw-enabled .thothgw-d6-orbit::before,
body.userguest.thothgw-enabled .thothgw-d6-orbit::after {
  content: "";
  position: absolute;
  inset: 18%;
  border: 1px solid rgba(0,212,212,.22);
  border-radius: 50%;
}

body.userguest.thothgw-enabled .thothgw-d6-orbit::after {
  inset: 36%;
  border-color: rgba(201,168,76,.26);
}

/* Make content layer above magic. */
body.userguest.thothgw-enabled .thothgw-runtime-dark-surface > :not(.thothgw-d6-magic),
body.userguest.thothgw-enabled #region-main > :not(.thothgw-d6-magic),
body.userguest.thothgw-enabled .activity-altcontent > :not(.thothgw-d6-magic),
body.userguest.thothgw-enabled .no-overflow > :not(.thothgw-d6-magic) {
  position: relative !important;
  z-index: 2 !important;
}

/* Mobile: allow intro and visual effects, just scaled down. */
@media (max-width: 768px) {
  body.userguest.thothgw-enabled .thothgw-intro .title {
    font-size: clamp(28px, 8vw, 46px) !important;
  }

  body.userguest.thothgw-enabled .thothgw-intro .subtitle {
    font-size: clamp(12px, 3.2vw, 18px) !important;
    letter-spacing: .14em !important;
  }

  body.userguest.thothgw-enabled .thothgw-intro .intro-mark {
    transform-origin: center;
  }
}

/* STEP-12D6 RUNTIME WHITE PANEL + ANIMATION FIX END */

/* STEP-12D7 INTRO FLASH / MOBILE / BUTTON / FOOTER / GEOMETRY PATCH START */

/* Keep old logo/theme hidden earlier and reduce flash. */
body.userguest,
body.userguest #page,
body.userguest #page-wrapper,
body.userguest #page-content {
  background: #0a0e1a !important;
  background-color: #0a0e1a !important;
}

body.userguest img[src*="Thoth-logo"],
body.userguest img[src*="Thoth-logo-t"],
body.userguest .logo img,
body.userguest .navbar-brand img {
  opacity: 0 !important;
  visibility: hidden !important;
  max-width: 0 !important;
  max-height: 0 !important;
}

/* Hero buttons and CTA links: prevent black text on dark buttons. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label a,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated a,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label button,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated button,
body.userguest.thothgw-enabled .thothgw-hero-button,
body.userguest.thothgw-enabled .thothgw-hero-button * {
  color: #f0f4ff !important;
  text-shadow: 0 0 10px rgba(0,0,0,.55) !important;
}

body.userguest.thothgw-enabled .thothgw-hero-button,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label a[style*="background"],
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated a[style*="background"] {
  background:
    linear-gradient(135deg, rgba(20,29,48,.96), rgba(10,14,26,.88)) !important;
  border: 1px solid rgba(201,168,76,.55) !important;
  box-shadow:
    0 12px 32px rgba(0,0,0,.32),
    inset 0 0 24px rgba(0,212,212,.06) !important;
}

/* Keep gold accents readable. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label a[style*="color:#b68b00"],
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label a[style*="color: #b68b00"] {
  color: var(--thothgw-gold-light) !important;
}

/* Footer responsive navigation: one column on phone/mobile responsive view. */
@media (max-width: 767px) {
  body.userguest.thothgw-enabled #page-footer .row,
  body.userguest.thothgw-enabled footer .row,
  body.userguest.thothgw-enabled #page-footer .container,
  body.userguest.thothgw-enabled footer .container,
  body.userguest.thothgw-enabled #page-footer .container-fluid,
  body.userguest.thothgw-enabled footer .container-fluid {
    display: block !important;
  }

  body.userguest.thothgw-enabled #page-footer [class*="col-"],
  body.userguest.thothgw-enabled footer [class*="col-"],
  body.userguest.thothgw-enabled #page-footer .footer-section,
  body.userguest.thothgw-enabled footer .footer-section,
  body.userguest.thothgw-enabled #page-footer .block,
  body.userguest.thothgw-enabled footer .block {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 0 1rem 0 !important;
  }

  body.userguest.thothgw-enabled #page-footer ul,
  body.userguest.thothgw-enabled footer ul,
  body.userguest.thothgw-enabled #page-footer nav ul,
  body.userguest.thothgw-enabled footer nav ul {
    display: block !important;
    columns: 1 !important;
    column-count: 1 !important;
    width: 100% !important;
    padding-left: 0 !important;
  }

  body.userguest.thothgw-enabled #page-footer li,
  body.userguest.thothgw-enabled footer li {
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    margin-bottom: .45rem !important;
  }

  body.userguest.thothgw-enabled #page-footer a,
  body.userguest.thothgw-enabled footer a {
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    line-height: 1.35 !important;
  }
}

/* Mobile geometry: larger, clearer, but behind content. */
@media (max-width: 767px) {
  body.userguest.thothgw-enabled .thothgw-d6-magic,
  body.userguest.thothgw-enabled .thothgw-content-magic {
    opacity: 1 !important;
    display: block !important;
  }

  body.userguest.thothgw-enabled .thothgw-d6-magic::before,
  body.userguest.thothgw-enabled .thothgw-content-magic::before {
    width: 76% !important;
    opacity: .9 !important;
    animation-duration: 8s !important;
  }

  body.userguest.thothgw-enabled .thothgw-d6-magic::after,
  body.userguest.thothgw-enabled .thothgw-content-magic::after {
    font-size: clamp(84px, 28vw, 148px) !important;
    right: 12px !important;
    top: 20px !important;
    color: rgba(201,168,76,.18) !important;
  }

  body.userguest.thothgw-enabled .thothgw-d6-shard,
  body.userguest.thothgw-enabled .thothgw-magic-shard {
    width: var(--s, 54px) !important;
    height: var(--s, 54px) !important;
    opacity: .72 !important;
  }

  body.userguest.thothgw-enabled .thothgw-d6-orbit,
  body.userguest.thothgw-enabled .thothgw-magic-orbit {
    width: 220px !important;
    height: 220px !important;
    left: -92px !important;
    bottom: -92px !important;
    opacity: .85 !important;
  }
}

/* Mobile intro: ensure it is visible and scaled, unless browser truly blocks scripts. */
@media (max-width: 767px) {
  body.userguest.thothgw-enabled .thothgw-intro {
    display: block !important;
    visibility: visible !important;
  }

  body.userguest.thothgw-enabled .thothgw-intro .title {
    font-size: clamp(25px, 8vw, 42px) !important;
  }

  body.userguest.thothgw-enabled .thothgw-intro .subtitle {
    font-size: clamp(11px, 3.3vw, 17px) !important;
    letter-spacing: .12em !important;
  }
}

/* STEP-12D7 INTRO FLASH / MOBILE / BUTTON / FOOTER / GEOMETRY PATCH END */

/* STEP-12D8 HOME TEXT / GEOMETRY / MOBILE INTRO FIX START */

/* Laptop homepage text visibility fix, including WebKit text-fill. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label p,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label li,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label div,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label span,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label td,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label th,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label strong,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label em,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated p,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated li,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated div,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated span,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated strong,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated em {
  color: #c8d4e8 !important;
  -webkit-text-fill-color: #c8d4e8 !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

/* Keep headings gold after forcing body text. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label h1,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label h2,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label h3,
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label h4,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated h1,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated h2,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated h3,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated h4 {
  color: #e8c96a !important;
  -webkit-text-fill-color: #e8c96a !important;
  text-shadow: 0 0 16px rgba(201,168,76,.30), 0 0 34px rgba(0,212,212,.10) !important;
}

/* Keep homepage CTA/hero buttons readable. */
body.userguest.thothgw-enabled.pagelayout-frontpage .activity.modtype_label a,
body.userguest.thothgw-enabled.pagelayout-frontpage .thoth-home-isolated a,
body.userguest.thothgw-enabled .thothgw-hero-button,
body.userguest.thothgw-enabled .thothgw-hero-button * {
  color: #f0f4ff !important;
  -webkit-text-fill-color: #f0f4ff !important;
  opacity: 1 !important;
}

/* Dedicated homepage geometry layer, intentionally above dark panels but below readable content tone. */
@keyframes thothgwD8HomeSweep {
  0% { transform: translateX(-120%) skewX(-18deg); opacity: 0; }
  18% { opacity: .78; }
  52% { opacity: .34; }
  100% { transform: translateX(145%) skewX(-18deg); opacity: 0; }
}

@keyframes thothgwD8HomeShard {
  0%, 100% { transform: translate3d(0,0,0) rotate(var(--r,0deg)); opacity: .45; }
  50% { transform: translate3d(12px,-16px,0) rotate(calc(var(--r,0deg) + 11deg)); opacity: .92; }
}

@keyframes thothgwD8HomeOrbit {
  to { transform: rotate(360deg); }
}

body.userguest.thothgw-enabled .thothgw-home-geometry {
  position: fixed;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  overflow: hidden;
  display: block;
  opacity: .72;
  mix-blend-mode: screen;
}

body.userguest.thothgw-enabled .thothgw-home-geometry::before {
  content: "";
  position: absolute;
  top: 12vh;
  left: -12vw;
  width: 48vw;
  height: 72vh;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.24), rgba(0,212,212,.13), transparent);
  filter: drop-shadow(0 0 18px rgba(201,168,76,.22));
  animation: thothgwD8HomeSweep 8.4s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-home-geometry::after {
  content: "𓂀";
  position: absolute;
  right: clamp(22px, 5vw, 84px);
  top: clamp(120px, 18vh, 190px);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(92px, 12vw, 190px);
  line-height: 1;
  color: rgba(201,168,76,.24);
  text-shadow: 0 0 38px rgba(201,168,76,.28), 0 0 54px rgba(0,212,212,.20);
  animation: thothgwFloat 12s ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-home-shard {
  position: fixed;
  left: var(--x);
  top: var(--y);
  width: var(--s, 72px);
  height: var(--s, 72px);
  z-index: 4;
  pointer-events: none;
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.50);
  background: linear-gradient(135deg, rgba(201,168,76,.20), rgba(0,212,212,.12));
  filter: drop-shadow(0 0 18px rgba(201,168,76,.24));
  opacity: .66;
  mix-blend-mode: screen;
  animation: thothgwD8HomeShard var(--d, 9s) ease-in-out infinite;
}

body.userguest.thothgw-enabled .thothgw-home-orbit {
  position: fixed;
  left: -90px;
  bottom: -110px;
  z-index: 3;
  pointer-events: none;
  width: clamp(210px, 24vw, 380px);
  height: clamp(210px, 24vw, 380px);
  border: 1px solid rgba(201,168,76,.30);
  border-radius: 50%;
  box-shadow: inset 0 0 32px rgba(0,212,212,.13), 0 0 42px rgba(201,168,76,.18);
  opacity: .78;
  mix-blend-mode: screen;
  animation: thothgwD8HomeOrbit 34s linear infinite;
}

/* Mobile Page activity animation boost. */
@media (max-width: 767px) {
  body.userguest.thothgw-enabled .thothgw-d6-shard,
  body.userguest.thothgw-enabled .thothgw-magic-shard,
  body.userguest.thothgw-enabled .thothgw-home-shard {
    animation-duration: 5.5s !important;
    animation-play-state: running !important;
    will-change: transform, opacity;
    transform: translateZ(0);
  }

  body.userguest.thothgw-enabled .thothgw-d6-magic::before,
  body.userguest.thothgw-enabled .thothgw-content-magic::before,
  body.userguest.thothgw-enabled .thothgw-home-geometry::before {
    animation-duration: 6.5s !important;
    animation-play-state: running !important;
    will-change: transform, opacity;
  }

  body.userguest.thothgw-enabled .thothgw-d6-orbit,
  body.userguest.thothgw-enabled .thothgw-magic-orbit,
  body.userguest.thothgw-enabled .thothgw-home-orbit {
    animation-duration: 18s !important;
    animation-play-state: running !important;
    will-change: transform;
  }

  body.userguest.thothgw-enabled .thothgw-home-geometry {
    opacity: .58 !important;
  }

  body.userguest.thothgw-enabled .thothgw-home-geometry::after {
    top: 115px !important;
    right: 12px !important;
    font-size: clamp(84px, 30vw, 150px) !important;
  }
}

/* Fix mobile intro logo vertical stretching caused by non-uniform SVG scaling. */
body.userguest.thothgw-enabled .thothgw-intro svg {
  preserve-aspect-ratio: xMidYMid slice;
}

body.userguest.thothgw-enabled .thothgw-intro .intro-mark {
  transform-box: fill-box;
  transform-origin: center;
}

/* STEP-12D8 HOME TEXT / GEOMETRY / MOBILE INTRO FIX END */

/* STEP-12D9 FINAL RUNTIME POLISH START */

/* Hard override for old inline homepage text colors. */
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent p,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent li,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent div,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent span,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent strong,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent em,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent td,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent th,
body.userguest.pagelayout-frontpage #module-484 .no-overflow,
body.userguest.pagelayout-frontpage #module-484 .no-overflow *:not(a):not(button) {
  color: #d7e2f3 !important;
  -webkit-text-fill-color: #d7e2f3 !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.userguest.pagelayout-frontpage #module-484 h1,
body.userguest.pagelayout-frontpage #module-484 h2,
body.userguest.pagelayout-frontpage #module-484 h3,
body.userguest.pagelayout-frontpage #module-484 h4,
body.userguest.pagelayout-frontpage #module-484 h1 *,
body.userguest.pagelayout-frontpage #module-484 h2 *,
body.userguest.pagelayout-frontpage #module-484 h3 *,
body.userguest.pagelayout-frontpage #module-484 h4 * {
  color: #e8c96a !important;
  -webkit-text-fill-color: #e8c96a !important;
  text-shadow: 0 0 16px rgba(201,168,76,.32), 0 0 34px rgba(0,212,212,.10) !important;
}

/* Link/button split: normal links cyan, CTA buttons white. */
body.userguest.pagelayout-frontpage #module-484 a:not(.thothgw-hero-button) {
  color: #00d4d4 !important;
  -webkit-text-fill-color: #00d4d4 !important;
}

body.userguest.pagelayout-frontpage #module-484 a.thothgw-hero-button,
body.userguest.pagelayout-frontpage #module-484 a[style*="background:#D4AF37"],
body.userguest.pagelayout-frontpage #module-484 a[style*="background:#E3BF4F"],
body.userguest.pagelayout-frontpage #module-484 a[style*="background:#F1D983"],
body.userguest.pagelayout-frontpage #module-484 a[style*="background: #D4AF37"],
body.userguest.pagelayout-frontpage #module-484 a[style*="background: #E3BF4F"],
body.userguest.pagelayout-frontpage #module-484 a[style*="background: #F1D983"] {
  color: #f0f4ff !important;
  -webkit-text-fill-color: #f0f4ff !important;
}

/* Mobile intro logo: reduce proportionally and restore visible motion. */
@keyframes thothgwD9MobileLogoPulse {
  0% { transform: scale(.54); opacity: 0; filter: drop-shadow(0 0 0 rgba(201,168,76,0)); }
  25% { transform: scale(.62); opacity: 1; filter: drop-shadow(0 0 18px rgba(201,168,76,.34)); }
  65% { transform: scale(.58); opacity: .95; filter: drop-shadow(0 0 28px rgba(0,212,212,.20)); }
  100% { transform: scale(.56); opacity: .82; filter: drop-shadow(0 0 16px rgba(201,168,76,.24)); }
}

@media (max-width: 767px) {
  body.userguest.thothgw-enabled .thothgw-intro svg {
    width: 100% !important;
    height: 100% !important;
  }

  body.userguest.thothgw-enabled .thothgw-intro .intro-mark {
    transform-box: view-box !important;
    transform-origin: center center !important;
    animation: thothgwD9MobileLogoPulse 5.8s ease both !important;
  }

  body.userguest.thothgw-enabled .thothgw-intro .gate,
  body.userguest.thothgw-enabled .thothgw-intro .tri-core,
  body.userguest.thothgw-enabled .thothgw-intro .tri-line,
  body.userguest.thothgw-enabled .thothgw-intro .laser {
    animation-play-state: running !important;
  }
}

/* Mobile fallback animation classes driven by JS. */
@media (max-width: 767px) {
  body.userguest.thothgw-enabled .thothgw-js-mobile-animated {
    will-change: transform, opacity !important;
    transform: translateZ(0);
    opacity: .85 !important;
  }
}

/* STEP-12D9 FINAL RUNTIME POLISH END */

/* STEP-12D10 HOME TEXT / MOBILE INTRO / MOBILE PAGE CLUSTER START */

/* Absolute final homepage text override for the live module-484 label. */
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent *,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent .no-overflow *,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent div *,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent p *,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent li *,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent td *,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent th *,
body.userguest.pagelayout-frontpage #module-484 .thoth-home-isolated *,
body.userguest.pagelayout-frontpage #module-484 [style*="color:#0b1f3a"],
body.userguest.pagelayout-frontpage #module-484 [style*="color: #0b1f3a"],
body.userguest.pagelayout-frontpage #module-484 [style*="color:#123b63"],
body.userguest.pagelayout-frontpage #module-484 [style*="color: #123b63"],
body.userguest.pagelayout-frontpage #module-484 [style*="color:#243447"],
body.userguest.pagelayout-frontpage #module-484 [style*="color: #243447"] {
  color: #e4edf9 !important;
  -webkit-text-fill-color: #e4edf9 !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.userguest.pagelayout-frontpage #module-484 h1,
body.userguest.pagelayout-frontpage #module-484 h2,
body.userguest.pagelayout-frontpage #module-484 h3,
body.userguest.pagelayout-frontpage #module-484 h4,
body.userguest.pagelayout-frontpage #module-484 h1 *,
body.userguest.pagelayout-frontpage #module-484 h2 *,
body.userguest.pagelayout-frontpage #module-484 h3 *,
body.userguest.pagelayout-frontpage #module-484 h4 *,
body.userguest.pagelayout-frontpage #module-484 strong:first-child {
  color: #e8c96a !important;
  -webkit-text-fill-color: #e8c96a !important;
  text-shadow: 0 0 16px rgba(201,168,76,.30), 0 0 34px rgba(0,212,212,.10) !important;
}

/* Preserve buttons and ordinary links. */
body.userguest.pagelayout-frontpage #module-484 a {
  color: #00d4d4 !important;
  -webkit-text-fill-color: #00d4d4 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.userguest.pagelayout-frontpage #module-484 a.thothgw-hero-button,
body.userguest.pagelayout-frontpage #module-484 a[style*="background"] {
  color: #f0f4ff !important;
  -webkit-text-fill-color: #f0f4ff !important;
}

/* Separate mobile intro design. */
@keyframes thothgwD10MobileIntroIn {
  0% { opacity: 0; transform: scale(.92); filter: blur(4px); }
  20% { opacity: 1; transform: scale(1); filter: blur(0); }
  78% { opacity: 1; transform: scale(1); filter: blur(0); }
  100% { opacity: 0; transform: scale(1.03); filter: blur(8px); }
}

@keyframes thothgwD10MobileGlyph {
  0% { transform: scale(.72) rotate(-8deg); opacity: 0; }
  25% { transform: scale(1) rotate(0deg); opacity: 1; }
  65% { transform: scale(.94) rotate(0deg); opacity: .92; }
  100% { transform: scale(.82) rotate(5deg); opacity: 0; }
}

@keyframes thothgwD10MobileRay {
  0% { transform: translateX(-110%) rotate(-18deg); opacity: 0; }
  25% { opacity: .9; }
  100% { transform: translateX(110%) rotate(-18deg); opacity: 0; }
}

@keyframes thothgwD10MobileOrbit {
  to { transform: rotate(360deg); }
}

body.userguest .thothgw-mobile-intro {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 38%, rgba(0,212,212,.18), transparent 36%),
    radial-gradient(circle at 48% 58%, rgba(201,168,76,.18), transparent 34%),
    linear-gradient(145deg, #050812, #0a0e1a 55%, #050812);
  animation: thothgwD10MobileIntroIn 5.9s ease forwards;
}

body.userguest .thothgw-mobile-intro-card {
  width: min(78vw, 320px);
  text-align: center;
  position: relative;
  padding: 22px 18px;
}

body.userguest .thothgw-mobile-intro-glyph {
  width: min(38vw, 150px);
  height: min(38vw, 150px);
  margin: 0 auto 18px auto;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #e8c96a;
  font-size: min(22vw, 86px);
  line-height: 1;
  border: 1px solid rgba(201,168,76,.38);
  box-shadow:
    0 0 34px rgba(201,168,76,.26),
    inset 0 0 28px rgba(0,212,212,.12);
  animation: thothgwD10MobileGlyph 5.2s ease forwards;
}

body.userguest .thothgw-mobile-intro-glyph::before,
body.userguest .thothgw-mobile-intro-glyph::after {
  content: "";
  position: absolute;
  width: min(54vw, 220px);
  height: min(54vw, 220px);
  border-radius: 50%;
  border: 1px solid rgba(0,212,212,.22);
  animation: thothgwD10MobileOrbit 9s linear infinite;
}

body.userguest .thothgw-mobile-intro-glyph::after {
  width: min(68vw, 260px);
  height: min(68vw, 260px);
  border-color: rgba(201,168,76,.18);
  animation-duration: 13s;
  animation-direction: reverse;
}

body.userguest .thothgw-mobile-intro-title {
  color: #e8c96a;
  -webkit-text-fill-color: #e8c96a;
  font: 700 clamp(1.4rem, 7vw, 2.1rem)/1.05 Georgia, "Times New Roman", serif;
  text-shadow: 0 0 20px rgba(201,168,76,.30);
}

body.userguest .thothgw-mobile-intro-subtitle {
  margin-top: 10px;
  color: #c8d4e8;
  -webkit-text-fill-color: #c8d4e8;
  font: 600 clamp(.68rem, 3vw, .9rem)/1.3 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.userguest .thothgw-mobile-intro-ray {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.9), rgba(0,212,212,.72), transparent);
  box-shadow: 0 0 16px rgba(201,168,76,.32);
  animation: thothgwD10MobileRay 2.8s ease infinite;
}

body.userguest .thothgw-mobile-intro-ray.r1 { top: 26%; animation-delay: .2s; }
body.userguest .thothgw-mobile-intro-ray.r2 { top: 44%; animation-delay: .7s; }
body.userguest .thothgw-mobile-intro-ray.r3 { top: 62%; animation-delay: 1.1s; }

/* Mobile Page activity cluster: placed close to the Eye of Horus near the top. */
@keyframes thothgwD10ClusterShard {
  0%, 100% { transform: translate3d(0,0,0) rotate(var(--r,0deg)); opacity: .65; }
  50% { transform: translate3d(8px,-10px,0) rotate(calc(var(--r,0deg) + 10deg)); opacity: .98; }
}

@keyframes thothgwD10ClusterSweep {
  0% { transform: translateX(-100%) skewX(-15deg); opacity: 0; }
  25% { opacity: .75; }
  100% { transform: translateX(100%) skewX(-15deg); opacity: 0; }
}

body.userguest .thothgw-mobile-page-cluster {
  position: fixed;
  top: 88px;
  right: 8px;
  width: 168px;
  height: 160px;
  z-index: 18;
  pointer-events: none;
  opacity: .88;
  mix-blend-mode: screen;
}

body.userguest .thothgw-mobile-page-cluster::before {
  content: "𓂀";
  position: absolute;
  right: 10px;
  top: 4px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 92px;
  line-height: 1;
  color: rgba(201,168,76,.28);
  text-shadow: 0 0 30px rgba(201,168,76,.30), 0 0 40px rgba(0,212,212,.20);
  animation: thothgwFloat 10s ease-in-out infinite;
}

body.userguest .thothgw-mobile-page-cluster::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 4px;
  top: 78px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.78), rgba(0,212,212,.54), transparent);
  animation: thothgwD10ClusterSweep 4.5s ease-in-out infinite;
}

body.userguest .thothgw-mobile-page-cluster span {
  position: absolute;
  width: var(--s, 34px);
  height: var(--s, 34px);
  left: var(--x);
  top: var(--y);
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.52);
  background: linear-gradient(135deg, rgba(201,168,76,.22), rgba(0,212,212,.14));
  filter: drop-shadow(0 0 14px rgba(201,168,76,.24));
  animation: thothgwD10ClusterShard var(--d, 5s) ease-in-out infinite;
}

/* STEP-12D10 HOME TEXT / MOBILE INTRO / MOBILE PAGE CLUSTER END */

/* STEP-12D11 FINAL MOBILE + HOME TEXT FIXES START */

/* 1) Laptop homepage text: force real painted text above all visual layers. */
body.userguest.pagelayout-frontpage #module-484,
body.userguest.pagelayout-frontpage #module-484 *,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent,
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent *,
body.userguest.pagelayout-frontpage #module-484 .no-overflow,
body.userguest.pagelayout-frontpage #module-484 .no-overflow *,
body.userguest.pagelayout-frontpage #module-484 .thoth-home-isolated,
body.userguest.pagelayout-frontpage #module-484 .thoth-home-isolated * {
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  -webkit-filter: none !important;
  text-decoration-color: currentColor !important;
}

body.userguest.pagelayout-frontpage #module-484 p,
body.userguest.pagelayout-frontpage #module-484 li,
body.userguest.pagelayout-frontpage #module-484 div,
body.userguest.pagelayout-frontpage #module-484 span,
body.userguest.pagelayout-frontpage #module-484 strong,
body.userguest.pagelayout-frontpage #module-484 em,
body.userguest.pagelayout-frontpage #module-484 td,
body.userguest.pagelayout-frontpage #module-484 th {
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  position: relative !important;
  z-index: 80 !important;
}

body.userguest.pagelayout-frontpage #module-484 h1,
body.userguest.pagelayout-frontpage #module-484 h2,
body.userguest.pagelayout-frontpage #module-484 h3,
body.userguest.pagelayout-frontpage #module-484 h4,
body.userguest.pagelayout-frontpage #module-484 h1 *,
body.userguest.pagelayout-frontpage #module-484 h2 *,
body.userguest.pagelayout-frontpage #module-484 h3 *,
body.userguest.pagelayout-frontpage #module-484 h4 * {
  color: #e8c96a !important;
  -webkit-text-fill-color: #e8c96a !important;
  text-shadow: 0 0 16px rgba(201,168,76,.34), 0 0 34px rgba(0,212,212,.12) !important;
  position: relative !important;
  z-index: 81 !important;
}

body.userguest.pagelayout-frontpage #module-484 a:not(.thothgw-hero-button) {
  color: #5ff4ff !important;
  -webkit-text-fill-color: #5ff4ff !important;
  position: relative !important;
  z-index: 82 !important;
}

body.userguest.pagelayout-frontpage #module-484 a.thothgw-hero-button,
body.userguest.pagelayout-frontpage #module-484 a[style*="background"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Move decorative homepage geometry behind readable content. */
body.userguest .thothgw-home-geometry,
body.userguest .thothgw-home-orbit,
body.userguest .thothgw-home-shard {
  z-index: 2 !important;
}

/* 2) Mobile Page activity: remove duplicate scrolling Eye and keep one fixed cluster near top. */
body.userguest.thothgw-page-activity-url .thothgw-d6-magic::after,
body.userguest.thothgw-page-activity-url .thothgw-content-magic::after,
body.userguest.thothgw-page-activity-url #region-main::after {
  display: none !important;
  content: none !important;
}

body.userguest.thothgw-page-activity-url .thothgw-mobile-page-cluster {
  position: fixed !important;
  top: 84px !important;
  right: 8px !important;
  width: 168px !important;
  height: 160px !important;
  z-index: 18 !important;
  pointer-events: none !important;
  opacity: .92 !important;
  mix-blend-mode: screen !important;
}

/* 3) Mobile top menu: two-column wrapping to stop horizontal page drift. */
@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body.userguest.thothgw-enabled #main-navbar,
  body.userguest.thothgw-enabled .navbar,
  body.userguest.thothgw-enabled nav[role="navigation"] {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.userguest.thothgw-enabled #main-navbar .navbar-collapse,
  body.userguest.thothgw-enabled #main-navbar .navbar-nav,
  body.userguest.thothgw-enabled .navbar .navbar-collapse,
  body.userguest.thothgw-enabled .navbar .navbar-nav,
  body.userguest.thothgw-enabled .topmenus,
  body.userguest.thothgw-enabled .btco-hover-menu {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.userguest.thothgw-enabled #main-navbar .nav-item,
  body.userguest.thothgw-enabled .navbar .nav-item,
  body.userguest.thothgw-enabled .topmenus > li,
  body.userguest.thothgw-enabled .btco-hover-menu > li {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: block !important;
  }

  body.userguest.thothgw-enabled #main-navbar .nav-link,
  body.userguest.thothgw-enabled .navbar .nav-link,
  body.userguest.thothgw-enabled .topmenus a,
  body.userguest.thothgw-enabled .btco-hover-menu a {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-align: center !important;
    font-size: .78rem !important;
    line-height: 1.15 !important;
    padding: .42rem .36rem !important;
  }

  body.userguest.thothgw-enabled .dropdown-menu {
    position: absolute !important;
    max-width: calc(100vw - 16px) !important;
    min-width: 180px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }
}

/* 4) New separate mobile intro: more motion, no oversized SVG dependency. */
@keyframes thothgwD11MobileIntroFade {
  0% { opacity: 0; transform: scale(.96); }
  12% { opacity: 1; transform: scale(1); }
  84% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.04); }
}

@keyframes thothgwD11GlyphMotion {
  0% { transform: scale(.68) rotate(-12deg); opacity: 0; }
  18% { transform: scale(1.02) rotate(0deg); opacity: 1; }
  42% { transform: scale(.94) rotate(4deg); opacity: .96; }
  68% { transform: scale(1.04) rotate(-3deg); opacity: 1; }
  100% { transform: scale(.78) rotate(8deg); opacity: 0; }
}

@keyframes thothgwD11RingSpin {
  to { transform: rotate(360deg); }
}

@keyframes thothgwD11RayMove {
  0% { transform: translateX(-130%) rotate(-18deg); opacity: 0; }
  22% { opacity: .95; }
  100% { transform: translateX(130%) rotate(-18deg); opacity: 0; }
}

@keyframes thothgwD11ShardOrbit {
  0% { transform: rotate(0deg) translateX(56px) rotate(0deg); opacity: .35; }
  40% { opacity: 1; }
  100% { transform: rotate(360deg) translateX(56px) rotate(-360deg); opacity: .35; }
}

body.userguest .thothgw-mobile-intro-v11 {
  position: fixed;
  inset: 0;
  z-index: 999999;
  overflow: hidden;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 40%, rgba(0,212,212,.22), transparent 34%),
    radial-gradient(circle at 50% 58%, rgba(201,168,76,.20), transparent 38%),
    linear-gradient(145deg, #050812, #0a0e1a 54%, #050812);
  animation: thothgwD11MobileIntroFade 6.2s ease forwards;
}

body.userguest .thothgw-mobile-intro-v11-card {
  position: relative;
  width: min(78vw, 330px);
  height: min(78vw, 330px);
  display: grid;
  place-items: center;
}

body.userguest .thothgw-mobile-intro-v11-eye {
  position: relative;
  z-index: 3;
  width: min(36vw, 142px);
  height: min(36vw, 142px);
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #e8c96a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: min(21vw, 82px);
  line-height: 1;
  border: 1px solid rgba(201,168,76,.45);
  box-shadow:
    0 0 34px rgba(201,168,76,.30),
    0 0 48px rgba(0,212,212,.14),
    inset 0 0 30px rgba(0,212,212,.10);
  animation: thothgwD11GlyphMotion 5.8s ease forwards;
}

body.userguest .thothgw-mobile-intro-v11-ring {
  position: absolute;
  inset: 18%;
  border: 1px solid rgba(0,212,212,.24);
  border-radius: 50%;
  box-shadow: 0 0 24px rgba(0,212,212,.12);
  animation: thothgwD11RingSpin 9s linear infinite;
}

body.userguest .thothgw-mobile-intro-v11-ring.r2 {
  inset: 7%;
  border-color: rgba(201,168,76,.20);
  animation-duration: 13s;
  animation-direction: reverse;
}

body.userguest .thothgw-mobile-intro-v11-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6%;
  text-align: center;
  color: #e8c96a;
  -webkit-text-fill-color: #e8c96a;
  font: 700 clamp(1.35rem, 7vw, 2rem)/1.05 Georgia, "Times New Roman", serif;
  text-shadow: 0 0 20px rgba(201,168,76,.32);
  z-index: 4;
}

body.userguest .thothgw-mobile-intro-v11-subtitle {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3%;
  text-align: center;
  color: #c8d4e8;
  -webkit-text-fill-color: #c8d4e8;
  font: 600 clamp(.66rem, 2.9vw, .9rem)/1.3 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  z-index: 4;
}

body.userguest .thothgw-mobile-intro-v11-ray {
  position: absolute;
  left: -10vw;
  width: 120vw;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.92), rgba(0,212,212,.70), transparent);
  box-shadow: 0 0 16px rgba(201,168,76,.32);
  animation: thothgwD11RayMove 2.6s ease infinite;
}

body.userguest .thothgw-mobile-intro-v11-ray.r1 { top: 31%; animation-delay: .1s; }
body.userguest .thothgw-mobile-intro-v11-ray.r2 { top: 48%; animation-delay: .55s; }
body.userguest .thothgw-mobile-intro-v11-ray.r3 { top: 65%; animation-delay: 1s; }

body.userguest .thothgw-mobile-intro-v11-shard {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.55);
  background: linear-gradient(135deg, rgba(201,168,76,.25), rgba(0,212,212,.16));
  filter: drop-shadow(0 0 14px rgba(201,168,76,.28));
  animation: thothgwD11ShardOrbit var(--d, 6s) linear infinite;
}

/* STEP-12D11 FINAL MOBILE + HOME TEXT FIXES END */

/* STEP-12D12 STABILIZE HOME / MOBILE INTRO / NAV START */

/* Remove unnecessary blank public front-page bands before the content. */
body.userguest.pagelayout-frontpage #page-navbar,
body.userguest.pagelayout-frontpage #page > .drawer-toggles,
body.userguest.pagelayout-frontpage #page > .container:empty,
body.userguest.pagelayout-frontpage #page > .container2:empty,
body.userguest.pagelayout-frontpage #maincontent + br {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.userguest.pagelayout-frontpage #maincontainer,
body.userguest.pagelayout-frontpage #page-content,
body.userguest.pagelayout-frontpage #region-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Stabilize header/logo/slogan area to stop scroll flicker. */
body.userguest #adaptable-page-header-wrapper,
body.userguest #adaptable-page-header-wrapper *,
body.userguest #page-header,
body.userguest #headertitle,
body.userguest #sitetitle {
  transition: none !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

body.userguest #headertitle,
body.userguest #sitetitle {
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}

/* Stable homepage text: content wrapper above decorations, children not individually layered. */
body.userguest.pagelayout-frontpage #module-484 .activity-altcontent,
body.userguest.pagelayout-frontpage #module-484 .no-overflow,
body.userguest.pagelayout-frontpage #module-484 .thoth-home-isolated {
  position: relative !important;
  z-index: 20 !important;
  isolation: isolate !important;
}

body.userguest.pagelayout-frontpage #module-484 p,
body.userguest.pagelayout-frontpage #module-484 li,
body.userguest.pagelayout-frontpage #module-484 div,
body.userguest.pagelayout-frontpage #module-484 span,
body.userguest.pagelayout-frontpage #module-484 strong,
body.userguest.pagelayout-frontpage #module-484 em,
body.userguest.pagelayout-frontpage #module-484 td,
body.userguest.pagelayout-frontpage #module-484 th {
  position: static !important;
  z-index: auto !important;
  transform: none !important;
  will-change: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  -webkit-filter: none !important;
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
}

body.userguest.pagelayout-frontpage #module-484 h1,
body.userguest.pagelayout-frontpage #module-484 h2,
body.userguest.pagelayout-frontpage #module-484 h3,
body.userguest.pagelayout-frontpage #module-484 h4,
body.userguest.pagelayout-frontpage #module-484 h1 *,
body.userguest.pagelayout-frontpage #module-484 h2 *,
body.userguest.pagelayout-frontpage #module-484 h3 *,
body.userguest.pagelayout-frontpage #module-484 h4 * {
  color: #e8c96a !important;
  -webkit-text-fill-color: #e8c96a !important;
  text-shadow: 0 0 16px rgba(201,168,76,.34), 0 0 34px rgba(0,212,212,.12) !important;
}

body.userguest.pagelayout-frontpage #module-484 a:not(.thothgw-hero-button) {
  color: #5ff4ff !important;
  -webkit-text-fill-color: #5ff4ff !important;
}

body.userguest.pagelayout-frontpage #module-484 a.thothgw-hero-button,
body.userguest.pagelayout-frontpage #module-484 a[style*="background"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Keep homepage geometry behind content to stop text/geometry repaint flicker. */
body.userguest .thothgw-home-geometry,
body.userguest .thothgw-home-orbit,
body.userguest .thothgw-home-shard {
  z-index: 1 !important;
  pointer-events: none !important;
  will-change: transform, opacity !important;
}

/* Mobile navbar: six main items = three columns x two rows. */
@media (max-width: 767px) {
  html,
  body,
  #page-wrapper,
  #page {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body.userguest #main-navbar,
  body.userguest #main-navbar .container,
  body.userguest #main-navbar .row,
  body.userguest #main-navbar .col-12,
  body.userguest #main-navbar .navbar,
  body.userguest #main-navbar nav {
    width: 100% !important;
    max-width: 100vw !important;
    overflow: visible !important;
  }

  body.userguest #main-navbar nav > ul.navbar-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px !important;
    margin: 0 !important;
  }

  body.userguest #main-navbar nav > ul.navbar-nav > li.nav-item {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.userguest #main-navbar nav > ul.navbar-nav > li.nav-item > a.nav-link {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: .72rem !important;
    line-height: 1.12 !important;
    padding: .42rem .22rem !important;
  }

  body.userguest #main-navbar .dropdown-menu,
  body.userguest #main-navbar .nav-item.dropdown.show > .dropdown-menu,
  body.userguest #main-navbar .nav-item.dropdown.thothgw-open > .dropdown-menu {
    position: fixed !important;
    top: 126px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 148px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1000000 !important;
    background: rgba(10,14,26,.98) !important;
    border: 1px solid rgba(201,168,76,.32) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.48) !important;
    padding: .45rem !important;
  }

  body.userguest #main-navbar .dropdown-menu li,
  body.userguest #main-navbar .dropdown-menu a.dropdown-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    color: #eaf2ff !important;
    -webkit-text-fill-color: #eaf2ff !important;
    background: transparent !important;
    line-height: 1.25 !important;
    padding: .62rem .72rem !important;
  }

  body.userguest #main-navbar .dropdown-menu a.dropdown-item:hover,
  body.userguest #main-navbar .dropdown-menu a.dropdown-item:focus {
    color: #e8c96a !important;
    -webkit-text-fill-color: #e8c96a !important;
    background: rgba(201,168,76,.12) !important;
  }
}

/* New JS-driven mobile intro v12. */
body.userguest .thothgw-mobile-intro-v12 {
  position: fixed;
  inset: 0;
  z-index: 999999;
  overflow: hidden;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 40%, rgba(0,212,212,.24), transparent 34%),
    radial-gradient(circle at 50% 58%, rgba(201,168,76,.22), transparent 38%),
    linear-gradient(145deg, #050812, #0a0e1a 54%, #050812);
}

body.userguest .thothgw-mobile-intro-v12-card {
  position: relative;
  width: min(78vw, 330px);
  height: min(78vw, 330px);
  display: grid;
  place-items: center;
}

body.userguest .thothgw-mobile-intro-v12-eye {
  position: relative;
  z-index: 4;
  width: min(36vw, 142px);
  height: min(36vw, 142px);
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #e8c96a;
  -webkit-text-fill-color: #e8c96a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: min(21vw, 82px);
  line-height: 1;
  border: 1px solid rgba(201,168,76,.45);
  box-shadow:
    0 0 34px rgba(201,168,76,.30),
    0 0 48px rgba(0,212,212,.14),
    inset 0 0 30px rgba(0,212,212,.10);
}

body.userguest .thothgw-mobile-intro-v12-ring {
  position: absolute;
  inset: 18%;
  border: 1px solid rgba(0,212,212,.25);
  border-radius: 50%;
  box-shadow: 0 0 24px rgba(0,212,212,.12);
}

body.userguest .thothgw-mobile-intro-v12-ring.r2 {
  inset: 7%;
  border-color: rgba(201,168,76,.22);
}

body.userguest .thothgw-mobile-intro-v12-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6%;
  text-align: center;
  color: #e8c96a;
  -webkit-text-fill-color: #e8c96a;
  font: 700 clamp(1.35rem, 7vw, 2rem)/1.05 Georgia, "Times New Roman", serif;
  text-shadow: 0 0 20px rgba(201,168,76,.32);
  z-index: 5;
}

body.userguest .thothgw-mobile-intro-v12-subtitle {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3%;
  text-align: center;
  color: #c8d4e8;
  -webkit-text-fill-color: #c8d4e8;
  font: 600 clamp(.66rem, 2.9vw, .9rem)/1.3 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  z-index: 5;
}

body.userguest .thothgw-mobile-intro-v12-ray {
  position: absolute;
  left: -12vw;
  width: 124vw;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.92), rgba(0,212,212,.72), transparent);
  box-shadow: 0 0 16px rgba(201,168,76,.32);
}

body.userguest .thothgw-mobile-intro-v12-ray.r1 { top: 31%; }
body.userguest .thothgw-mobile-intro-v12-ray.r2 { top: 48%; }
body.userguest .thothgw-mobile-intro-v12-ray.r3 { top: 65%; }

body.userguest .thothgw-mobile-intro-v12-shard {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.55);
  background: linear-gradient(135deg, rgba(201,168,76,.25), rgba(0,212,212,.16));
  filter: drop-shadow(0 0 14px rgba(201,168,76,.28));
}

/* Stronger mobile Page activity cluster geometry close to one Eye only. */
body.userguest .thothgw-mobile-page-cluster,
body.userguest .thothgw-mobile-page-cluster-v12 {
  position: fixed !important;
  top: 84px !important;
  right: 8px !important;
  width: 178px !important;
  height: 168px !important;
  z-index: 18 !important;
  pointer-events: none !important;
  opacity: .94 !important;
  mix-blend-mode: screen !important;
}

body.userguest .thothgw-mobile-page-cluster-v12-eye {
  position: absolute;
  right: 10px;
  top: 4px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 92px;
  line-height: 1;
  color: rgba(201,168,76,.30);
  -webkit-text-fill-color: rgba(201,168,76,.30);
  text-shadow: 0 0 30px rgba(201,168,76,.32), 0 0 40px rgba(0,212,212,.22);
}

body.userguest .thothgw-mobile-page-cluster-v12-shard {
  position: absolute;
  width: var(--s, 34px);
  height: var(--s, 34px);
  left: var(--x);
  top: var(--y);
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.58);
  background: linear-gradient(135deg, rgba(201,168,76,.30), rgba(0,212,212,.18));
  filter: drop-shadow(0 0 16px rgba(201,168,76,.32));
}

/* STEP-12D12 STABILIZE HOME / MOBILE INTRO / NAV END */

/* STEP-12D15 TARGETED HOME-AS-PAGE STYLE AND TOP NAV CLICK FIX START */

body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .activity-item,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .activity-grid,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .activity-altcontent,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .no-overflow,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .thoth-home-isolated {
  background: transparent !important;
  background-color: transparent !important;
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  position: relative !important;
  z-index: 20 !important;
  isolation: isolate !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make every legacy homepage panel look like Page activity dark/glass panels. */
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 [style*="background"],
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .thoth-home-isolated > div,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .thoth-home-isolated section,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .thoth-home-isolated article {
  background:
    radial-gradient(circle at 92% 12%, rgba(0,212,212,.12), transparent 34%),
    radial-gradient(circle at 8% 84%, rgba(201,168,76,.14), transparent 36%),
    linear-gradient(135deg, rgba(15,21,37,.94), rgba(10,14,26,.90)) !important;
  background-color: rgba(10,14,26,.92) !important;
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  border-color: rgba(201,168,76,.28) !important;
  box-shadow:
    0 24px 62px rgba(0,0,0,.30),
    inset 0 0 36px rgba(0,212,212,.04) !important;
}

/* Homepage text: stable, readable, no flicker-producing transforms. */
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 p,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 li,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 div,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 span,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 strong,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 em,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 td,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 th {
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  -webkit-filter: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.42) !important;
  transform: none !important;
  will-change: auto !important;
}

body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h1,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h2,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h3,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h4,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h1 *,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h2 *,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h3 *,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h4 * {
  color: #e8c96a !important;
  -webkit-text-fill-color: #e8c96a !important;
  text-shadow: 0 0 16px rgba(201,168,76,.30), 0 0 34px rgba(0,212,212,.10) !important;
}

body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 a:not(.thothgw-hero-button) {
  color: #5ff4ff !important;
  -webkit-text-fill-color: #5ff4ff !important;
}

body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 a.thothgw-hero-button,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 a[style*="background"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, rgba(20,29,48,.96), rgba(10,14,26,.90)) !important;
  border: 1px solid rgba(201,168,76,.52) !important;
}

/* Suppress conflicting duplicate homepage decoration layers only on homepage. */
body.userguest.thothgw-home-as-page.pagelayout-frontpage .thothgw-home-geometry,
body.userguest.thothgw-home-as-page.pagelayout-frontpage .thothgw-home-orbit,
body.userguest.thothgw-home-as-page.pagelayout-frontpage .thothgw-home-shard,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .thothgw-d6-magic,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .thothgw-content-magic {
  display: none !important;
}

/* One Page-activity-style ambient layer for homepage. */
@keyframes thothgwD15Float {
  0%, 100% { transform: translate3d(0,0,0) scale(1); opacity: .80; }
  50% { transform: translate3d(0,-10px,0) scale(1.035); opacity: 1; }
}

@keyframes thothgwD15Shard {
  0%, 100% { transform: translate3d(0,0,0) rotate(var(--r,0deg)); opacity: .52; }
  50% { transform: translate3d(10px,-14px,0) rotate(calc(var(--r,0deg) + 10deg)); opacity: .90; }
}

@keyframes thothgwD15Sweep {
  0% { transform: translateX(-100%) skewX(-15deg); opacity: 0; }
  25% { opacity: .72; }
  100% { transform: translateX(100%) skewX(-15deg); opacity: 0; }
}

body.userguest .thothgw-home-page-ambient {
  position: fixed;
  top: 90px;
  right: 18px;
  width: 230px;
  height: 210px;
  pointer-events: none;
  z-index: 8;
  opacity: .88;
  mix-blend-mode: screen;
}

body.userguest .thothgw-home-page-ambient::before {
  content: "𓂀";
  position: absolute;
  right: 8px;
  top: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 118px;
  color: rgba(201,168,76,.28);
  -webkit-text-fill-color: rgba(201,168,76,.28);
  text-shadow: 0 0 32px rgba(201,168,76,.32), 0 0 42px rgba(0,212,212,.22);
  animation: thothgwD15Float 10s ease-in-out infinite;
}

body.userguest .thothgw-home-page-ambient::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 6px;
  top: 96px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.76), rgba(0,212,212,.54), transparent);
  animation: thothgwD15Sweep 4.8s ease-in-out infinite;
}

body.userguest .thothgw-home-page-ambient span {
  position: absolute;
  width: var(--s,34px);
  height: var(--s,34px);
  left: var(--x);
  top: var(--y);
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.56);
  background: linear-gradient(135deg, rgba(201,168,76,.28), rgba(0,212,212,.16));
  filter: drop-shadow(0 0 16px rgba(201,168,76,.30));
  animation: thothgwD15Shard var(--d,5s) ease-in-out infinite;
}

@media (max-width: 767px) {
  body.userguest .thothgw-home-page-ambient {
    top: 84px;
    right: 8px;
    width: 178px;
    height: 168px;
    z-index: 18;
  }

  body.userguest .thothgw-home-page-ambient::before {
    font-size: 92px;
  }
}

/* Top navigation click-open behavior. */
body.userguest #main-navbar .nav-item.dropdown.thothgw-menu-open > .dropdown-menu,
body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu li,
body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu a.dropdown-item {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
  white-space: normal !important;
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
}

body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu a.dropdown-item:hover,
body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu a.dropdown-item:focus {
  color: #e8c96a !important;
  -webkit-text-fill-color: #e8c96a !important;
  background: rgba(201,168,76,.12) !important;
}

@media (max-width: 767px) {
  html,
  body,
  #page-wrapper,
  #page {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body.userguest #main-navbar nav[aria-label="Site links"] > ul.navbar-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px !important;
    margin: 0 !important;
  }

  body.userguest #main-navbar nav[aria-label="Site links"] > ul.navbar-nav > li.nav-item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.userguest #main-navbar nav[aria-label="Site links"] > ul.navbar-nav > li.nav-item > a.nav-link {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    font-size: .72rem !important;
    line-height: 1.12 !important;
    padding: .42rem .22rem !important;
  }

  body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu {
    position: fixed !important;
    top: 126px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 148px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 1000000 !important;
    background: rgba(10,14,26,.98) !important;
    border: 1px solid rgba(201,168,76,.32) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.48) !important;
    padding: .45rem !important;
  }

  body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu li,
  body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu a.dropdown-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    line-height: 1.25 !important;
    padding: .62rem .72rem !important;
  }
}

/* STEP-12D15 TARGETED HOME-AS-PAGE STYLE AND TOP NAV CLICK FIX END */

/* STEP-12D15 TARGETED HOME-AS-PAGE STYLE AND TOP NAV CLICK FIX START */

body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .activity-item,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .activity-grid,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .activity-altcontent,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .no-overflow,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .thoth-home-isolated {
  background: transparent !important;
  background-color: transparent !important;
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  position: relative !important;
  z-index: 20 !important;
  isolation: isolate !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make every legacy homepage panel look like Page activity dark/glass panels. */
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 [style*="background"],
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .thoth-home-isolated > div,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .thoth-home-isolated section,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .thoth-home-isolated article {
  background:
    radial-gradient(circle at 92% 12%, rgba(0,212,212,.12), transparent 34%),
    radial-gradient(circle at 8% 84%, rgba(201,168,76,.14), transparent 36%),
    linear-gradient(135deg, rgba(15,21,37,.94), rgba(10,14,26,.90)) !important;
  background-color: rgba(10,14,26,.92) !important;
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  border-color: rgba(201,168,76,.28) !important;
  box-shadow:
    0 24px 62px rgba(0,0,0,.30),
    inset 0 0 36px rgba(0,212,212,.04) !important;
}

/* Homepage text: stable, readable, no flicker-producing transforms. */
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 p,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 li,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 div,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 span,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 strong,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 em,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 td,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 th {
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  -webkit-filter: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.42) !important;
  transform: none !important;
  will-change: auto !important;
}

body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h1,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h2,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h3,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h4,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h1 *,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h2 *,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h3 *,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 h4 * {
  color: #e8c96a !important;
  -webkit-text-fill-color: #e8c96a !important;
  text-shadow: 0 0 16px rgba(201,168,76,.30), 0 0 34px rgba(0,212,212,.10) !important;
}

body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 a:not(.thothgw-hero-button) {
  color: #5ff4ff !important;
  -webkit-text-fill-color: #5ff4ff !important;
}

body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 a.thothgw-hero-button,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 a[style*="background"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, rgba(20,29,48,.96), rgba(10,14,26,.90)) !important;
  border: 1px solid rgba(201,168,76,.52) !important;
}

/* Suppress conflicting duplicate homepage decoration layers only on homepage. */
body.userguest.thothgw-home-as-page.pagelayout-frontpage .thothgw-home-geometry,
body.userguest.thothgw-home-as-page.pagelayout-frontpage .thothgw-home-orbit,
body.userguest.thothgw-home-as-page.pagelayout-frontpage .thothgw-home-shard,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .thothgw-d6-magic,
body.userguest.thothgw-home-as-page.pagelayout-frontpage #module-484 .thothgw-content-magic {
  display: none !important;
}

/* One Page-activity-style ambient layer for homepage. */
@keyframes thothgwD15Float {
  0%, 100% { transform: translate3d(0,0,0) scale(1); opacity: .80; }
  50% { transform: translate3d(0,-10px,0) scale(1.035); opacity: 1; }
}

@keyframes thothgwD15Shard {
  0%, 100% { transform: translate3d(0,0,0) rotate(var(--r,0deg)); opacity: .52; }
  50% { transform: translate3d(10px,-14px,0) rotate(calc(var(--r,0deg) + 10deg)); opacity: .90; }
}

@keyframes thothgwD15Sweep {
  0% { transform: translateX(-100%) skewX(-15deg); opacity: 0; }
  25% { opacity: .72; }
  100% { transform: translateX(100%) skewX(-15deg); opacity: 0; }
}

body.userguest .thothgw-home-page-ambient {
  position: fixed;
  top: 90px;
  right: 18px;
  width: 230px;
  height: 210px;
  pointer-events: none;
  z-index: 8;
  opacity: .88;
  mix-blend-mode: screen;
}

body.userguest .thothgw-home-page-ambient::before {
  content: "𓂀";
  position: absolute;
  right: 8px;
  top: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 118px;
  color: rgba(201,168,76,.28);
  -webkit-text-fill-color: rgba(201,168,76,.28);
  text-shadow: 0 0 32px rgba(201,168,76,.32), 0 0 42px rgba(0,212,212,.22);
  animation: thothgwD15Float 10s ease-in-out infinite;
}

body.userguest .thothgw-home-page-ambient::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 6px;
  top: 96px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.76), rgba(0,212,212,.54), transparent);
  animation: thothgwD15Sweep 4.8s ease-in-out infinite;
}

body.userguest .thothgw-home-page-ambient span {
  position: absolute;
  width: var(--s,34px);
  height: var(--s,34px);
  left: var(--x);
  top: var(--y);
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.56);
  background: linear-gradient(135deg, rgba(201,168,76,.28), rgba(0,212,212,.16));
  filter: drop-shadow(0 0 16px rgba(201,168,76,.30));
  animation: thothgwD15Shard var(--d,5s) ease-in-out infinite;
}

@media (max-width: 767px) {
  body.userguest .thothgw-home-page-ambient {
    top: 84px;
    right: 8px;
    width: 178px;
    height: 168px;
    z-index: 18;
  }

  body.userguest .thothgw-home-page-ambient::before {
    font-size: 92px;
  }
}

/* Top navigation click-open behavior. */
body.userguest #main-navbar .nav-item.dropdown.thothgw-menu-open > .dropdown-menu,
body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu li,
body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu a.dropdown-item {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
  white-space: normal !important;
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
}

body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu a.dropdown-item:hover,
body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu a.dropdown-item:focus {
  color: #e8c96a !important;
  -webkit-text-fill-color: #e8c96a !important;
  background: rgba(201,168,76,.12) !important;
}

@media (max-width: 767px) {
  html,
  body,
  #page-wrapper,
  #page {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body.userguest #main-navbar nav[aria-label="Site links"] > ul.navbar-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px !important;
    margin: 0 !important;
  }

  body.userguest #main-navbar nav[aria-label="Site links"] > ul.navbar-nav > li.nav-item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.userguest #main-navbar nav[aria-label="Site links"] > ul.navbar-nav > li.nav-item > a.nav-link {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    font-size: .72rem !important;
    line-height: 1.12 !important;
    padding: .42rem .22rem !important;
  }

  body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu {
    position: fixed !important;
    top: 126px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 148px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 1000000 !important;
    background: rgba(10,14,26,.98) !important;
    border: 1px solid rgba(201,168,76,.32) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.48) !important;
    padding: .45rem !important;
  }

  body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu li,
  body.userguest #main-navbar .dropdown-menu.thothgw-menu-open-menu a.dropdown-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    line-height: 1.25 !important;
    padding: .62rem .72rem !important;
  }
}

/* STEP-12D15 TARGETED HOME-AS-PAGE STYLE AND TOP NAV CLICK FIX END */

/* STEP-12D16 STABILIZE HOMEPAGE AND MOBILE NAV START */

/* Homepage stabilization mode: stop conflicting old geometry/text layers from repainting over text. */
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage .thothgw-home-geometry,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage .thothgw-home-orbit,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage .thothgw-home-shard,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage .thothgw-home-page-ambient,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 .thothgw-d6-magic,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 .thothgw-content-magic {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Make the homepage use the same stable dark-panel language as Page activities. */
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 .activity-altcontent,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 .no-overflow,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 .thoth-home-isolated {
  background: transparent !important;
  background-color: transparent !important;
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  position: relative !important;
  z-index: 12 !important;
  isolation: isolate !important;
  transform: none !important;
  will-change: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 [style*="background"],
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 .thoth-home-isolated > div,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 .thoth-home-isolated section,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 .thoth-home-isolated article {
  background:
    radial-gradient(circle at 92% 12%, rgba(0,212,212,.12), transparent 34%),
    radial-gradient(circle at 8% 84%, rgba(201,168,76,.14), transparent 36%),
    linear-gradient(135deg, rgba(15,21,37,.94), rgba(10,14,26,.90)) !important;
  background-color: rgba(10,14,26,.92) !important;
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  border-color: rgba(201,168,76,.28) !important;
  box-shadow:
    0 24px 62px rgba(0,0,0,.30),
    inset 0 0 36px rgba(0,212,212,.04) !important;
}

/* Stable text: no per-element z-index or transforms, to avoid scroll flicker. */
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 p,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 li,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 div,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 span,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 strong,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 em,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 td,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 th {
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  -webkit-filter: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.42) !important;
  transform: none !important;
  will-change: auto !important;
  position: static !important;
  z-index: auto !important;
}

body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 h1,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 h2,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 h3,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 h4,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 h1 *,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 h2 *,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 h3 *,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 h4 * {
  color: #e8c96a !important;
  -webkit-text-fill-color: #e8c96a !important;
  text-shadow: 0 0 16px rgba(201,168,76,.30), 0 0 34px rgba(0,212,212,.10) !important;
}

body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 a:not(.thothgw-hero-button) {
  color: #5ff4ff !important;
  -webkit-text-fill-color: #5ff4ff !important;
}

body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 a.thothgw-hero-button,
body.userguest.thothgw-d16-home-stable.pagelayout-frontpage #module-484 a[style*="background"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, rgba(20,29,48,.96), rgba(10,14,26,.90)) !important;
  border: 1px solid rgba(201,168,76,.52) !important;
}

/* One stable Page-activity-style ambient cluster for homepage, placed away from text. */
@keyframes thothgwD16Float {
  0%, 100% { transform: translate3d(0,0,0) scale(1); opacity: .78; }
  50% { transform: translate3d(0,-8px,0) scale(1.03); opacity: .96; }
}

@keyframes thothgwD16Shard {
  0%, 100% { transform: translate3d(0,0,0) rotate(var(--r,0deg)); opacity: .50; }
  50% { transform: translate3d(8px,-12px,0) rotate(calc(var(--r,0deg) + 9deg)); opacity: .86; }
}

@keyframes thothgwD16Sweep {
  0% { transform: translateX(-100%) skewX(-15deg); opacity: 0; }
  25% { opacity: .68; }
  100% { transform: translateX(100%) skewX(-15deg); opacity: 0; }
}

body.userguest .thothgw-d16-home-ambient {
  position: fixed;
  top: 92px;
  right: 18px;
  width: 230px;
  height: 210px;
  pointer-events: none;
  z-index: 6;
  opacity: .82;
  mix-blend-mode: normal;
}

body.userguest .thothgw-d16-home-ambient::before {
  content: "𓂀";
  position: absolute;
  right: 8px;
  top: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 118px;
  color: rgba(201,168,76,.26);
  -webkit-text-fill-color: rgba(201,168,76,.26);
  text-shadow: 0 0 32px rgba(201,168,76,.30), 0 0 42px rgba(0,212,212,.20);
  animation: thothgwD16Float 10s ease-in-out infinite;
}

body.userguest .thothgw-d16-home-ambient::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 6px;
  top: 96px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.68), rgba(0,212,212,.48), transparent);
  animation: thothgwD16Sweep 5.2s ease-in-out infinite;
}

body.userguest .thothgw-d16-home-ambient span {
  position: absolute;
  width: var(--s,34px);
  height: var(--s,34px);
  left: var(--x);
  top: var(--y);
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.50);
  background: linear-gradient(135deg, rgba(201,168,76,.24), rgba(0,212,212,.14));
  filter: drop-shadow(0 0 14px rgba(201,168,76,.24));
  animation: thothgwD16Shard var(--d,5s) ease-in-out infinite;
}

/* Mobile top navigation: two rows = three columns for six top-level items. */
@media (max-width: 767px) {
  html,
  body,
  #page-wrapper,
  #page {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body.userguest #main-navbar,
  body.userguest #main-navbar .container,
  body.userguest #main-navbar .row,
  body.userguest #main-navbar nav {
    width: 100% !important;
    max-width: 100vw !important;
    overflow: visible !important;
  }

  body.userguest #main-navbar nav[aria-label="Site links"] > ul.navbar-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px !important;
    margin: 0 !important;
  }

  body.userguest #main-navbar nav[aria-label="Site links"] > ul.navbar-nav > li.nav-item {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.userguest #main-navbar nav[aria-label="Site links"] > ul.navbar-nav > li.nav-item > a.nav-link {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    font-size: .72rem !important;
    line-height: 1.12 !important;
    padding: .42rem .22rem !important;
  }

  body.userguest #thothgw-mobile-submenu-panel {
    position: fixed !important;
    top: 126px !important;
    left: 8px !important;
    right: 8px !important;
    max-height: calc(100vh - 148px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 1000000 !important;
    background: rgba(10,14,26,.98) !important;
    border: 1px solid rgba(201,168,76,.32) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.48) !important;
    padding: .45rem !important;
  }

  body.userguest #thothgw-mobile-submenu-panel a {
    display: block !important;
    width: 100% !important;
    color: #eaf2ff !important;
    -webkit-text-fill-color: #eaf2ff !important;
    background: transparent !important;
    line-height: 1.25 !important;
    padding: .62rem .72rem !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  body.userguest #thothgw-mobile-submenu-panel a:hover,
  body.userguest #thothgw-mobile-submenu-panel a:focus {
    color: #e8c96a !important;
    -webkit-text-fill-color: #e8c96a !important;
    background: rgba(201,168,76,.12) !important;
  }
}

/* STEP-12D16 STABILIZE HOMEPAGE AND MOBILE NAV END */

/* STEP-12D17 HARD RESET MOBILE NAV + STABILIZE HOME START */

/* Homepage static stabilization: disable all homepage-only moving overlays that cause scroll flicker. */
body.userguest.thothgw-d17-home-static.pagelayout-frontpage .thothgw-home-geometry,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage .thothgw-home-orbit,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage .thothgw-home-shard,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage .thothgw-home-page-ambient,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage .thothgw-d16-home-ambient,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 .thothgw-d6-magic,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 .thothgw-content-magic,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage .thothgw-page-shards {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
}

/* Freeze global decorative pseudo layers only on the real homepage. */
body.userguest.thothgw-d17-home-static.pagelayout-frontpage.thothgw-enabled::before,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage.thothgw-enabled::after {
  animation: none !important;
  transition: none !important;
}

/* Homepage should imitate Page activity dark/glass readability but remain static. */
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 .activity-item,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 .activity-grid,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 .activity-altcontent,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 .no-overflow,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 .thoth-home-isolated {
  background: transparent !important;
  background-color: transparent !important;
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  position: relative !important;
  z-index: 20 !important;
  isolation: isolate !important;
  transform: none !important;
  will-change: auto !important;
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 [style*="background"],
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 .thoth-home-isolated > div,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 .thoth-home-isolated section,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 .thoth-home-isolated article {
  background:
    radial-gradient(circle at 92% 12%, rgba(0,212,212,.12), transparent 34%),
    radial-gradient(circle at 8% 84%, rgba(201,168,76,.14), transparent 36%),
    linear-gradient(135deg, rgba(15,21,37,.94), rgba(10,14,26,.90)) !important;
  background-color: rgba(10,14,26,.92) !important;
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  border-color: rgba(201,168,76,.28) !important;
  box-shadow:
    0 24px 62px rgba(0,0,0,.30),
    inset 0 0 36px rgba(0,212,212,.04) !important;
  transform: none !important;
  will-change: auto !important;
  animation: none !important;
  transition: none !important;
}

body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 p,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 li,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 div,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 span,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 strong,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 em,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 td,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 th {
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  -webkit-filter: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.42) !important;
  transform: none !important;
  will-change: auto !important;
  animation: none !important;
  transition: none !important;
  position: static !important;
  z-index: auto !important;
}

body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 h1,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 h2,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 h3,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 h4,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 h1 *,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 h2 *,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 h3 *,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 h4 * {
  color: #e8c96a !important;
  -webkit-text-fill-color: #e8c96a !important;
  text-shadow: 0 0 16px rgba(201,168,76,.30), 0 0 34px rgba(0,212,212,.10) !important;
}

body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 a:not(.thothgw-hero-button) {
  color: #5ff4ff !important;
  -webkit-text-fill-color: #5ff4ff !important;
}

body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 a.thothgw-hero-button,
body.userguest.thothgw-d17-home-static.pagelayout-frontpage #module-484 a[style*="background"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, rgba(20,29,48,.96), rgba(10,14,26,.90)) !important;
  border: 1px solid rgba(201,168,76,.52) !important;
}

/* Fresh hard-reset mobile submenu panel. */
@media (max-width: 767px) {
  html,
  body,
  #page-wrapper,
  #page {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body.userguest #main-navbar,
  body.userguest #main-navbar .container,
  body.userguest #main-navbar .row,
  body.userguest #main-navbar nav {
    width: 100% !important;
    max-width: 100vw !important;
    overflow: visible !important;
  }

  body.userguest #main-navbar nav[aria-label="Site links"] > ul.navbar-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px !important;
    margin: 0 !important;
  }

  body.userguest #main-navbar nav[aria-label="Site links"] > ul.navbar-nav > li.nav-item {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.userguest #main-navbar nav[aria-label="Site links"] > ul.navbar-nav > li.nav-item > a.nav-link {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    font-size: .72rem !important;
    line-height: 1.12 !important;
    padding: .42rem .22rem !important;
  }

  body.userguest #thothgw-d17-mobile-panel {
    position: fixed !important;
    top: 126px !important;
    left: 8px !important;
    right: 8px !important;
    max-height: calc(100vh - 148px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 2147483000 !important;
    background: rgba(10,14,26,.985) !important;
    border: 1px solid rgba(201,168,76,.34) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.50) !important;
    padding: .45rem !important;
  }

  body.userguest #thothgw-d17-mobile-panel .thothgw-d17-panel-title {
    color: #e8c96a !important;
    -webkit-text-fill-color: #e8c96a !important;
    font-weight: 700 !important;
    padding: .5rem .72rem .35rem .72rem !important;
    border-bottom: 1px solid rgba(201,168,76,.22) !important;
    margin-bottom: .25rem !important;
  }

  body.userguest #thothgw-d17-mobile-panel a {
    display: block !important;
    width: 100% !important;
    color: #eaf2ff !important;
    -webkit-text-fill-color: #eaf2ff !important;
    background: transparent !important;
    line-height: 1.25 !important;
    padding: .66rem .72rem !important;
    text-decoration: none !important;
    white-space: normal !important;
    border-radius: 8px !important;
  }

  body.userguest #thothgw-d17-mobile-panel a:hover,
  body.userguest #thothgw-d17-mobile-panel a:focus {
    color: #e8c96a !important;
    -webkit-text-fill-color: #e8c96a !important;
    background: rgba(201,168,76,.12) !important;
  }
}

/* STEP-12D17 HARD RESET MOBILE NAV + STABILIZE HOME END */

/* STEP-12D18 STABLE HOMEPAGE HORUS EYE AND ANIMATION START */

/*
  This layer is intentionally outside #module-484 and does not use mix-blend-mode.
  It avoids text repaint/flicker while restoring the visual identity.
*/

@keyframes thothgwD18EyeFloat {
  0%, 100% {
    transform: translate3d(0,0,0) scale(1);
    opacity: .82;
  }
  50% {
    transform: translate3d(0,-8px,0) scale(1.025);
    opacity: .96;
  }
}

@keyframes thothgwD18ShardDrift {
  0%, 100% {
    transform: translate3d(0,0,0) rotate(var(--r,0deg));
    opacity: .50;
  }
  50% {
    transform: translate3d(8px,-12px,0) rotate(calc(var(--r,0deg) + 9deg));
    opacity: .86;
  }
}

@keyframes thothgwD18Ray {
  0% {
    transform: translateX(-92%) skewX(-15deg);
    opacity: 0;
  }
  25% {
    opacity: .58;
  }
  100% {
    transform: translateX(92%) skewX(-15deg);
    opacity: 0;
  }
}

body.userguest.thothgw-d18-home-ambient-on.pagelayout-frontpage .thothgw-d18-home-ambient {
  position: fixed;
  top: 92px;
  right: 18px;
  width: 230px;
  height: 210px;
  pointer-events: none;
  z-index: 6;
  opacity: .88;
  overflow: hidden;
  contain: layout paint style;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  will-change: auto;
}

body.userguest.thothgw-d18-home-ambient-on.pagelayout-frontpage .thothgw-d18-home-ambient::before {
  content: "𓂀";
  position: absolute;
  right: 8px;
  top: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 118px;
  line-height: 1;
  color: rgba(201,168,76,.28);
  -webkit-text-fill-color: rgba(201,168,76,.28);
  text-shadow:
    0 0 30px rgba(201,168,76,.30),
    0 0 40px rgba(0,212,212,.18);
  animation: thothgwD18EyeFloat 10s ease-in-out infinite;
}

body.userguest.thothgw-d18-home-ambient-on.pagelayout-frontpage .thothgw-d18-home-ambient::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 6px;
  top: 96px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.64), rgba(0,212,212,.46), transparent);
  box-shadow: 0 0 14px rgba(201,168,76,.22);
  animation: thothgwD18Ray 5.4s ease-in-out infinite;
}

body.userguest.thothgw-d18-home-ambient-on.pagelayout-frontpage .thothgw-d18-home-ambient span {
  position: absolute;
  width: var(--s,34px);
  height: var(--s,34px);
  left: var(--x);
  top: var(--y);
  clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
  border: 1px solid rgba(201,168,76,.50);
  background: linear-gradient(135deg, rgba(201,168,76,.24), rgba(0,212,212,.14));
  filter: drop-shadow(0 0 12px rgba(201,168,76,.20));
  animation: thothgwD18ShardDrift var(--d,5s) ease-in-out infinite;
}

/* Keep homepage content above the decorative layer. */
body.userguest.thothgw-d18-home-ambient-on.pagelayout-frontpage #module-484,
body.userguest.thothgw-d18-home-ambient-on.pagelayout-frontpage #module-484 .activity-altcontent,
body.userguest.thothgw-d18-home-ambient-on.pagelayout-frontpage #module-484 .no-overflow,
body.userguest.thothgw-d18-home-ambient-on.pagelayout-frontpage #module-484 .thoth-home-isolated {
  position: relative !important;
  z-index: 20 !important;
}

/* Mobile placement: match the successful Page activity cluster position. */
@media (max-width: 767px) {
  body.userguest.thothgw-d18-home-ambient-on.pagelayout-frontpage .thothgw-d18-home-ambient {
    top: 84px;
    right: 8px;
    width: 178px;
    height: 168px;
    z-index: 18;
    opacity: .92;
  }

  body.userguest.thothgw-d18-home-ambient-on.pagelayout-frontpage .thothgw-d18-home-ambient::before {
    font-size: 92px;
  }

  body.userguest.thothgw-d18-home-ambient-on.pagelayout-frontpage .thothgw-d18-home-ambient::after {
    top: 78px;
  }
}

/* STEP-12D18 STABLE HOMEPAGE HORUS EYE AND ANIMATION END */

/* STEP-12D19 PAGE ACTIVITY DESKTOP EYE + MOBILE HOME ANIMATION START */

@keyframes thothgwD19PageEyeFloat {
  0%, 100% { transform: translate3d(0,0,0) scale(1); opacity: .82; }
  50% { transform: translate3d(0,-8px,0) scale(1.028); opacity: .97; }
}

@keyframes thothgwD19PageShard {
  0%, 100% { transform: translate3d(0,0,0) rotate(var(--r,0deg)); opacity: .52; }
  50% { transform: translate3d(8px,-12px,0) rotate(calc(var(--r,0deg) + 9deg)); opacity: .88; }
}

@keyframes thothgwD19PageRay {
  0% { transform: translateX(-96%) skewX(-15deg); opacity: 0; }
  25% { opacity: .62; }
  100% { transform: translateX(96%) skewX(-15deg); opacity: 0; }
}

/* Desktop-only Page activity ambient, so the already-working mobile Page activity animation is not disturbed. */
@media (min-width: 768px) {
  body.userguest.thothgw-d19-page-ambient-on .thothgw-d19-page-ambient {
    position: fixed;
    top: 92px;
    right: 18px;
    width: 230px;
    height: 210px;
    pointer-events: none;
    z-index: 8;
    opacity: .88;
    overflow: hidden;
    contain: layout paint style;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
  }

  body.userguest.thothgw-d19-page-ambient-on .thothgw-d19-page-ambient::before {
    content: "𓂀";
    position: absolute;
    right: 8px;
    top: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 118px;
    line-height: 1;
    color: rgba(201,168,76,.28);
    -webkit-text-fill-color: rgba(201,168,76,.28);
    text-shadow: 0 0 30px rgba(201,168,76,.30), 0 0 40px rgba(0,212,212,.18);
    animation: thothgwD19PageEyeFloat 10s ease-in-out infinite;
  }

  body.userguest.thothgw-d19-page-ambient-on .thothgw-d19-page-ambient::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 6px;
    top: 96px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(201,168,76,.64), rgba(0,212,212,.46), transparent);
    box-shadow: 0 0 14px rgba(201,168,76,.22);
    animation: thothgwD19PageRay 5.4s ease-in-out infinite;
  }

  body.userguest.thothgw-d19-page-ambient-on .thothgw-d19-page-ambient span {
    position: absolute;
    width: var(--s,34px);
    height: var(--s,34px);
    left: var(--x);
    top: var(--y);
    clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
    border: 1px solid rgba(201,168,76,.50);
    background: linear-gradient(135deg, rgba(201,168,76,.24), rgba(0,212,212,.14));
    filter: drop-shadow(0 0 12px rgba(201,168,76,.20));
    animation: thothgwD19PageShard var(--d,5s) ease-in-out infinite;
  }
}

/* Mobile homepage: replace subtle pseudo-eye with real JS-driven objects. */
@media (max-width: 767px) {
  body.userguest.thothgw-d19-mobile-home-driven.pagelayout-frontpage .thothgw-d18-home-ambient::before,
  body.userguest.thothgw-d19-mobile-home-driven.pagelayout-frontpage .thothgw-d18-home-ambient::after {
    content: none !important;
    display: none !important;
  }

  body.userguest.thothgw-d19-mobile-home-driven.pagelayout-frontpage .thothgw-d18-home-ambient {
    display: block !important;
    top: 84px !important;
    right: 8px !important;
    width: 178px !important;
    height: 168px !important;
    z-index: 18 !important;
    opacity: .94 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    contain: layout paint style;
  }

  body.userguest.thothgw-d19-mobile-home-driven .thothgw-d19-mobile-eye {
    position: absolute;
    right: 10px;
    top: 4px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 92px;
    line-height: 1;
    color: rgba(201,168,76,.30);
    -webkit-text-fill-color: rgba(201,168,76,.30);
    text-shadow: 0 0 30px rgba(201,168,76,.32), 0 0 40px rgba(0,212,212,.22);
    will-change: transform, opacity;
  }

  body.userguest.thothgw-d19-mobile-home-driven .thothgw-d19-mobile-ray {
    position: absolute;
    left: 12px;
    right: 6px;
    top: 78px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(201,168,76,.78), rgba(0,212,212,.54), transparent);
    box-shadow: 0 0 14px rgba(201,168,76,.24);
    will-change: transform, opacity;
  }

  body.userguest.thothgw-d19-mobile-home-driven .thothgw-d19-mobile-shard {
    position: absolute;
    width: var(--s,34px);
    height: var(--s,34px);
    left: var(--x);
    top: var(--y);
    clip-path: polygon(50% 0%, 100% 86%, 0% 86%);
    border: 1px solid rgba(201,168,76,.56);
    background: linear-gradient(135deg, rgba(201,168,76,.30), rgba(0,212,212,.18));
    filter: drop-shadow(0 0 14px rgba(201,168,76,.26));
    will-change: transform, opacity;
  }
}

/* STEP-12D19 PAGE ACTIVITY DESKTOP EYE + MOBILE HOME ANIMATION END */

/* STEP-12D20 BUTTON SPACING AND LEFT-CLIPPED TITLE FIX START */

/*
  Purpose:
  - Preserve accepted v20 behavior.
  - Fix clipped left edges on headings/buttons caused by slanted/skewed visual treatments.
  - Add safe spacing between stacked hero/action buttons.
  - Avoid content changes.
*/

/* Give large homepage and Page activity headings safe left/right breathing room. */
body.userguest #module-484 h1,
body.userguest #module-484 h2,
body.userguest #module-484 h3,
body.userguest #module-484 h4,
body.userguest .modtype_page h1,
body.userguest .modtype_page h2,
body.userguest .modtype_page h3,
body.userguest .modtype_page h4,
body.userguest .activity-altcontent h1,
body.userguest .activity-altcontent h2,
body.userguest .activity-altcontent h3,
body.userguest .activity-altcontent h4,
body.userguest .no-overflow h1,
body.userguest .no-overflow h2,
body.userguest .no-overflow h3,
body.userguest .no-overflow h4 {
  display: block !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  padding-left: clamp(1.15rem, 2.2vw, 2.15rem) !important;
  padding-right: clamp(1.15rem, 2.2vw, 2.15rem) !important;
  overflow: visible !important;
  text-indent: 0 !important;
  transform: none !important;
  clip-path: none !important;
}

/* Prevent parent panels from clipping title/button left edges. */
body.userguest #module-484 .activity-altcontent,
body.userguest #module-484 .no-overflow,
body.userguest #module-484 .thoth-home-isolated,
body.userguest .modtype_page .activity-altcontent,
body.userguest .modtype_page .no-overflow,
body.userguest .course-content,
body.userguest #region-main,
body.userguest .activity-item,
body.userguest .activity-grid {
  overflow: visible !important;
}

/* Normalize all guest public action links/buttons so text never starts under the slanted edge. */
body.userguest #module-484 a.thothgw-hero-button,
body.userguest #module-484 a[style*="background"],
body.userguest .modtype_page a.thothgw-hero-button,
body.userguest .modtype_page a[style*="background"],
body.userguest .activity-altcontent a.thothgw-hero-button,
body.userguest .activity-altcontent a[style*="background"],
body.userguest .no-overflow a.thothgw-hero-button,
body.userguest .no-overflow a[style*="background"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-height: 44px !important;
  min-width: 0 !important;
  max-width: calc(100% - 2rem) !important;
  width: auto !important;
  margin: .55rem .65rem .75rem .65rem !important;
  padding: .78rem 1.65rem .78rem 1.85rem !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-indent: 0 !important;
  transform: none !important;
  clip-path: none !important;
  text-align: center !important;
  vertical-align: middle !important;
  clear: both !important;
}

/* Add spacing when multiple hero buttons appear one after another. */
body.userguest #module-484 a.thothgw-hero-button + a.thothgw-hero-button,
body.userguest #module-484 a[style*="background"] + a[style*="background"],
body.userguest .activity-altcontent a.thothgw-hero-button + a.thothgw-hero-button,
body.userguest .activity-altcontent a[style*="background"] + a[style*="background"],
body.userguest .no-overflow a.thothgw-hero-button + a.thothgw-hero-button,
body.userguest .no-overflow a[style*="background"] + a[style*="background"] {
  margin-top: .9rem !important;
  margin-left: .65rem !important;
}

/* If the original HTML wraps several buttons in a center container, force wrapping with spacing. */
body.userguest #module-484 div:has(> a.thothgw-hero-button),
body.userguest #module-484 div:has(> a[style*="background"]),
body.userguest .activity-altcontent div:has(> a.thothgw-hero-button),
body.userguest .activity-altcontent div:has(> a[style*="background"]),
body.userguest .no-overflow div:has(> a.thothgw-hero-button),
body.userguest .no-overflow div:has(> a[style*="background"]) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .75rem 1rem !important;
  overflow: visible !important;
}

/* Protect short text links such as "Learn more" from being clipped by inherited skew/edge effects. */
body.userguest #module-484 a,
body.userguest .activity-altcontent a,
body.userguest .no-overflow a,
body.userguest .modtype_page a {
  overflow: visible !important;
  text-indent: 0 !important;
  transform: none !important;
  clip-path: none !important;
}

/* Mobile: keep buttons clean, stacked, and away from screen edges. */
@media (max-width: 767px) {
  body.userguest #module-484 h1,
  body.userguest #module-484 h2,
  body.userguest #module-484 h3,
  body.userguest #module-484 h4,
  body.userguest .modtype_page h1,
  body.userguest .modtype_page h2,
  body.userguest .modtype_page h3,
  body.userguest .modtype_page h4,
  body.userguest .activity-altcontent h1,
  body.userguest .activity-altcontent h2,
  body.userguest .activity-altcontent h3,
  body.userguest .activity-altcontent h4,
  body.userguest .no-overflow h1,
  body.userguest .no-overflow h2,
  body.userguest .no-overflow h3,
  body.userguest .no-overflow h4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  body.userguest #module-484 a.thothgw-hero-button,
  body.userguest #module-484 a[style*="background"],
  body.userguest .modtype_page a.thothgw-hero-button,
  body.userguest .modtype_page a[style*="background"],
  body.userguest .activity-altcontent a.thothgw-hero-button,
  body.userguest .activity-altcontent a[style*="background"],
  body.userguest .no-overflow a.thothgw-hero-button,
  body.userguest .no-overflow a[style*="background"] {
    display: flex !important;
    width: min(92%, 420px) !important;
    max-width: min(92%, 420px) !important;
    margin: .65rem auto .85rem auto !important;
    padding: .82rem 1.25rem !important;
    text-align: center !important;
  }
}

/* STEP-12D20 BUTTON SPACING AND LEFT-CLIPPED TITLE FIX END */











/* STEP-12D25 STANDARD WEBSITE TITLE LINE FONT START */

/*
  Purpose:
  Replace decorative/script-like title rendering with the same standard
  system sans-serif font used by the rest of the public content.
*/

body.userguest #headertitle,
body.userguest #headertitle *,
body.userguest #sitetitle,
body.userguest #sitetitle *,
body.userguest #site-title,
body.userguest #site-title *,
body.userguest .site-title,
body.userguest .site-title *,
body.userguest .sitename,
body.userguest .sitename *,
body.userguest .navbar-brand,
body.userguest .navbar-brand *,
body.userguest #adaptable-page-header-wrapper .navbar-brand,
body.userguest #adaptable-page-header-wrapper .navbar-brand *,
body.userguest #adaptable-page-header-wrapper h1,
body.userguest #adaptable-page-header-wrapper h1 *,
body.userguest #adaptable-page-header-wrapper h2,
body.userguest #adaptable-page-header-wrapper h2 * {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: 600 !important;
  letter-spacing: .015em !important;
}

/* Keep the title readable and proportionate after font replacement. */
body.userguest #headertitle,
body.userguest #sitetitle,
body.userguest #site-title,
body.userguest .site-title,
body.userguest .sitename {
  font-size: clamp(.82rem, 1.05vw, 1.12rem) !important;
  line-height: 1.15 !important;
  color: #e8c96a !important;
  -webkit-text-fill-color: #e8c96a !important;
  text-shadow: 0 0 12px rgba(201,168,76,.20) !important;
}

/* Mobile title line: keep it compact and prevent clipping/wrapping problems. */
@media (max-width: 767px) {
  body.userguest #headertitle,
  body.userguest #sitetitle,
  body.userguest #site-title,
  body.userguest .site-title,
  body.userguest .sitename,
  body.userguest .navbar-brand {
    font-size: clamp(.72rem, 3.1vw, .92rem) !important;
    line-height: 1.15 !important;
    letter-spacing: .01em !important;
    max-width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
  }
}

/* STEP-12D25 STANDARD WEBSITE TITLE LINE FONT END */



/* STEP-12D27 MOBILE MENU BUTTON + FULL PANEL START */

/*
  Mobile-only correction:
  - Do not force six menu labels into a cramped 2-row grid.
  - Hide the original Adaptable mobile menu and failed D26 grid on mobile only.
  - Render one clean Menu button.
  - Open a full dark panel containing Home, About, Pathways, Policies, Students, Contact, and submenu links.
  - Desktop navigation remains unchanged.
*/

@media (max-width: 767px) {
  html,
  body,
  #page-wrapper,
  #page {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body.userguest #main-navbar,
  body.userguest #main-navbar .container,
  body.userguest #main-navbar .container-fluid,
  body.userguest #main-navbar .row,
  body.userguest #main-navbar [class*="col-"],
  body.userguest #main-navbar nav {
    width: 100% !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 58px !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.userguest.thothgw-d27-mobile-menu-ready #main-navbar nav[aria-label="Site links"] > ul.navbar-nav,
  body.userguest.thothgw-d27-mobile-menu-ready #thothgw-d26-mobile-mainnav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.userguest #thothgw-d27-mobile-menubar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.userguest #thothgw-d27-menu-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .45rem !important;
    width: min(92%, 420px) !important;
    min-height: 44px !important;
    height: 44px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(201,168,76,.38) !important;
    border-radius: 12px !important;
    background: rgba(10,14,26,.82) !important;
    color: #e8c96a !important;
    -webkit-text-fill-color: #e8c96a !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: .88rem !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    white-space: nowrap !important;
    padding: .62rem 1rem !important;
    margin: 0 auto !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.28), inset 0 0 18px rgba(0,212,212,.04) !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body.userguest #thothgw-d27-menu-button:hover,
  body.userguest #thothgw-d27-menu-button:focus,
  body.userguest #thothgw-d27-menu-button.thothgw-d27-open {
    background: rgba(201,168,76,.12) !important;
    border-color: rgba(201,168,76,.58) !important;
    outline: none !important;
  }

  body.userguest #thothgw-d27-mobile-panel {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: 0;
    max-height: calc(100vh - 160px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 2147483000 !important;
    background:
      radial-gradient(circle at 92% 12%, rgba(0,212,212,.10), transparent 34%),
      linear-gradient(135deg, rgba(10,14,26,.99), rgba(5,8,18,.99)) !important;
    border: 1px solid rgba(201,168,76,.36) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.58) !important;
    padding: .65rem !important;
    box-sizing: border-box !important;
  }

  body.userguest #thothgw-d27-mobile-panel .thothgw-d27-panel-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem !important;
    color: #e8c96a !important;
    -webkit-text-fill-color: #e8c96a !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    padding: .55rem .72rem .55rem .72rem !important;
    border-bottom: 1px solid rgba(201,168,76,.24) !important;
    margin-bottom: .45rem !important;
  }

  body.userguest #thothgw-d27-mobile-panel .thothgw-d27-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border: 1px solid rgba(201,168,76,.34) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.03) !important;
    color: #e8c96a !important;
    -webkit-text-fill-color: #e8c96a !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    cursor: pointer !important;
  }

  body.userguest #thothgw-d27-mobile-panel .thothgw-d27-section {
    border: 1px solid rgba(201,168,76,.18) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.025) !important;
    margin: .55rem 0 !important;
    overflow: hidden !important;
  }

  body.userguest #thothgw-d27-mobile-panel .thothgw-d27-section-title,
  body.userguest #thothgw-d27-mobile-panel a.thothgw-d27-direct {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: .74rem .82rem !important;
    color: #e8c96a !important;
    -webkit-text-fill-color: #e8c96a !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-decoration: none !important;
    background: rgba(201,168,76,.07) !important;
  }

  body.userguest #thothgw-d27-mobile-panel a.thothgw-d27-link {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    color: #eaf2ff !important;
    -webkit-text-fill-color: #eaf2ff !important;
    background: transparent !important;
    line-height: 1.25 !important;
    padding: .68rem .92rem !important;
    text-decoration: none !important;
    white-space: normal !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
  }

  body.userguest #thothgw-d27-mobile-panel a:hover,
  body.userguest #thothgw-d27-mobile-panel a:focus {
    color: #e8c96a !important;
    -webkit-text-fill-color: #e8c96a !important;
    background: rgba(201,168,76,.12) !important;
    outline: none !important;
  }
}

/* STEP-12D27 MOBILE MENU BUTTON + FULL PANEL END */





















/* STEP-12D37A SAFE MOBILE HOME BUTTON ONLY START */

@media (max-width: 767px) {
  body.userguest #thothgw-d27-mobile-menubar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 58px !important;
    padding: 8px 12px 8px 28px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.userguest #thothgw-d37a-mobile-home,
  body.userguest #thothgw-d27-menu-button {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    min-height: 44px !important;
    height: 44px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(201,168,76,.38) !important;
    border-radius: 12px !important;
    background: rgba(10,14,26,.82) !important;
    color: #e8c96a !important;
    -webkit-text-fill-color: #e8c96a !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: .86rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.24), inset 0 0 18px rgba(0,212,212,.04) !important;
  }

  body.userguest #thothgw-d37a-mobile-home {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    padding: .62rem .88rem !important;
  }

  body.userguest #thothgw-d27-menu-button {
    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;
    padding: .62rem 1rem !important;
    margin: 0 !important;
  }

  body.userguest #thothgw-d37a-mobile-home:hover,
  body.userguest #thothgw-d37a-mobile-home:focus,
  body.userguest #thothgw-d27-menu-button:hover,
  body.userguest #thothgw-d27-menu-button:focus {
    background: rgba(201,168,76,.12) !important;
    border-color: rgba(201,168,76,.58) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    outline: none !important;
  }
}

/* STEP-12D37A SAFE MOBILE HOME BUTTON ONLY END */









/* STEP-12D37M DIRECT MOBILE HEADER TITLE SPLIT START */

@media (max-width: 767px) {
  .thothgw-d37m-title-split {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    text-align: center !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .thothgw-d37m-title-split-line1,
  .thothgw-d37m-title-split-line2 {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    text-align: center !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    box-sizing: border-box !important;
  }

  .thothgw-d37m-title-split-line1 {
    font-size: 16px !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  .thothgw-d37m-title-split-line2 {
    font-size: 14px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
    word-spacing: -0.03em !important;
  }
}

/* STEP-12D37M DIRECT MOBILE HEADER TITLE SPLIT END */