/*
 * Axura Theme Bundle
 * Generated from assets/css/theme/*.css by the theme performance pass.
 * Edit the source files in assets/css/theme/, then rebuild this bundle.
 * 70-toc.css stays separate because it is loaded only on singular pages.
 */


/* ========================================================================== 
   00. Portrait Icon
   Source: assets/css/theme/00-portrait-icon.css
   Purpose: Portrait/logo frame, hover motion, and related small global presentation fixes.
   ========================================================================== */

/* Axura portrait icon frame and small global hides. */

/* ==============================
   Axura portrait icon frame
   ============================== */
   
/* 1) KILL THEME ARTIFACTS */
.header-tou,
.header-tou img {
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}
/* Real size controller */
.header-tou a {
  width: 110px !important; 
  height: 110px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* Make image obey wrapper */
.header-tou img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  border-radius: 50% !important;
}

/* 2) CONTAINER (stacking context) */
.header-tou {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* 3) INNER GLOW CORE (MIDDLE) */
.header-tou::before {
  content: "";
  position: absolute;

  width: 105px;
  height: 105px;
  border-radius: 50%;

  background: radial-gradient(
    circle at 40% 50%,
    rgba(0, 255, 240, 0.45),   /* electric cyan */
    rgba(255, 0, 220, 0.38)    /* hot magenta */
);

  opacity: 0.8;   /* cleaner default */
  z-index: 1;
}

/* 4) GLOW WITH NEON FLICKER */
.header-tou::after {
  content: "";
  position: absolute;

  width: 115px;
  height: 115px;
  border-radius: 50%;
  pointer-events: none;

  /* no physical ring */
  border: none;

  /* base soft aura */
  box-shadow:
    0 0 6px rgba(0, 229, 255, 0.35),
    0 0 8px rgba(255, 0, 204, 0.25);

  animation: neonFlicker 5s infinite ease-in-out;
  z-index: 0;
}

/* —— REALISTIC NEON FLICKER —— */
@keyframes neonFlicker {

  /* BASE STATE — calm idle glow */
  0% {
    box-shadow:
      /* blue layer: radius = spread, alpha = brightness */
      0 0 10px rgba(0, 229, 255, 0.25),   /* ← smaller = tighter glow */
      /* pink layer: softer than blue */
      0 0 12px rgba(255, 0, 204, 0.35);   /* ← lower alpha = more transparent */
  }

  /* PEAK BRIGHTNESS — main “power-on” moment */
  30% {
    box-shadow:
      0 0 5px rgba(0, 229, 255, 0.6),    /* ↑ increase first number → bigger halo */
      0 0 10px rgba(255, 0, 204, 0.55);  /* ↑ increase alpha → stronger pink */
  }

  /* FLICKER DIP — the moment it dims */
  45% {
    box-shadow:
      /* make these very small for sharper flicker */
      0 0 2px rgba(0, 229, 255, 0.25),   
      0 0 3px rgba(255, 0, 204, 0.08);   
  }

  /* SECOND BRIGHT BURST — more energetic flash */
  70% {
    box-shadow:
      0 0 9px rgba(0, 229, 255, 0.7),    /* ← controls blue intensity */
      0 0 12px rgba(255, 0, 204, 0.65);  /* ← controls pink intensity */
  }

  /* RETURN TO IDLE — settles back down */
  100% {
    box-shadow:
      0 0 5px rgba(0, 229, 255, 0.2),    /* final resting blue glow */
      0 0 7px rgba(255, 0, 204, 0.2);    /* final resting pink glow */
  }
}

/* 5) PORTRAIT (TOP LAYER) */
.header-tou img {
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  padding: 0 !important;

  position: relative;
  z-index: 2;
}



/* Adjust the font size of the reCAPTCHA notice */
.google-captcha-notice {
    font-size: 10px; /* Set this to your desired font size */
    color: #666; /* Optional: change the color to make it less prominent */
}

/* Hide the reCAPTCHA badge */
.grecaptcha-badge { 
    visibility: hidden; 
}


/* Homepage intro glass panel and social dock. */
.header-info{width:min(760px,86vw)!important;margin:22px auto 0!important;padding:14px 18px 16px!important;box-sizing:border-box!important;white-space:normal!important;text-align:center;color:rgba(238,242,255,.94)!important;background:linear-gradient(135deg,rgba(0,2,6,.58),rgba(15,23,42,.38))!important;border:1px solid rgba(125,211,252,.26)!important;border-radius:16px!important;box-shadow:0 14px 36px rgba(0,0,0,.32),0 0 28px rgba(56,189,248,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);}
.header-info p{margin:0 0 10px!important;font-family:var(--axura-font-classic),Ubuntu,sans-serif!important;font-size:15px!important;line-height:1.45!important;font-weight:700!important;letter-spacing:.01em!important;text-shadow:0 0 12px rgba(56,189,248,.22),0 1px 0 rgba(0,0,0,.45)!important;}
.top-social_v2{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:10px!important;height:auto!important;margin:0!important;padding:0!important;list-style:none!important;}
.top-social_v2 li{float:none!important;margin:0!important;display:inline-flex!important;}
.top-social_v2 a{width:42px;height:42px;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:rgba(15,23,42,.42)!important;border:1px solid rgba(226,232,240,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.22)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.top-social_v2 a:hover,.top-social_v2 a:focus-visible{transform:translateY(-2px);background:rgba(15,23,42,.62)!important;border-color:rgba(125,211,252,.52)!important;box-shadow:0 0 14px rgba(56,189,248,.34),0 10px 22px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10)!important;outline:none;}
.top-social_v2 img{width:28px!important;height:28px!important;padding:0!important;background:transparent!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(56,189,248,.18));}
@media (max-width:720px){.header-info{width:min(90vw,560px)!important;padding:12px 14px 14px!important;border-radius:14px!important}.header-info p{font-size:13px!important;line-height:1.35!important}.top-social_v2{gap:8px!important}.top-social_v2 a{width:38px!important;height:38px!important;border-radius:11px!important}.top-social_v2 img{width:25px!important;height:25px!important}}

/* Tune homepage intro glass: narrower and more transparent. */
.header-info{width:min(620px,78vw)!important;background:linear-gradient(135deg,rgba(0,2,6,.34),rgba(15,23,42,.20))!important;border-color:rgba(125,211,252,.18)!important;box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 22px rgba(56,189,248,.10),inset 0 1px 0 rgba(255,255,255,.06)!important;}
@media (max-width:720px){.header-info{width:min(86vw,520px)!important;background:linear-gradient(135deg,rgba(0,2,6,.34),rgba(15,23,42,.20))!important;}}

/* Final homepage intro glass tuning. */
.header-info{width:min(550px,78vw)!important;background:linear-gradient(135deg,rgba(0,2,6,.45),rgba(15,23,42,.35))!important;backdrop-filter:blur(5px) saturate(135%)!important;-webkit-backdrop-filter:blur(5px) saturate(135%)!important;}
@media (max-width:720px){.header-info{width:min(86vw,520px)!important;background:linear-gradient(135deg,rgba(0,2,6,.45),rgba(15,23,42,.35))!important;backdrop-filter:blur(5px) saturate(135%)!important;-webkit-backdrop-filter:blur(5px) saturate(135%)!important;}}
.top-social_v2{gap:9px!important;}
.top-social_v2 a{width:39px!important;height:39px!important;border-radius:10px!important;background:linear-gradient(135deg,rgba(8,13,28,.34),rgba(15,23,42,.18))!important;border:1px solid rgba(125,211,252,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 0 1px rgba(239,68,68,.08),0 7px 16px rgba(0,0,0,.22),0 0 12px rgba(56,189,248,.10)!important;}
.top-social_v2 img{width:26px!important;height:26px!important;filter:drop-shadow(0 0 6px rgba(56,189,248,.22)) drop-shadow(0 0 3px rgba(239,68,68,.12))!important;}
.top-social_v2 a:hover,.top-social_v2 a:focus-visible{transform:translateY(-2px);background:linear-gradient(135deg,rgba(15,23,42,.56),rgba(0,2,6,.34))!important;border-color:rgba(125,211,252,.62)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(239,68,68,.20),0 0 16px rgba(56,189,248,.34),0 0 22px rgba(239,68,68,.14),0 10px 22px rgba(0,0,0,.28)!important;}
@media (max-width:720px){.top-social_v2{gap:7px!important}.top-social_v2 a{width:36px!important;height:36px!important;border-radius:9px!important}.top-social_v2 img{width:24px!important;height:24px!important}}

/* Final homepage intro width and idle icon tile cleanup. */
.header-info{width:min(520px,78vw)!important;}
.top-social_v2 a{border-color:transparent!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 7px 16px rgba(0,0,0,.18),0 0 10px rgba(56,189,248,.06)!important;}


/* Final portrait logo cyberpunk frame: restrained site palette. */
.header-tou{
  --portrait-ring-size:130px;
  --portrait-core-size:114px;
  --portrait-primary:#ef4444;
  --portrait-secondary:#38bdf8;
  --portrait-bg:rgba(255,255,255,.08);
  isolation:isolate;
}
body.dark .header-tou{
  --portrait-primary:#60a5fa;
  --portrait-secondary:#ff4fd8;
  --portrait-bg:rgba(0,2,6,.22);
}
.header-tou a{position:relative;z-index:3;}
.header-tou::before{width:var(--portrait-core-size)!important;height:var(--portrait-core-size)!important;background:radial-gradient(circle at 50% 50%,var(--portrait-bg),transparent 48%),conic-gradient(from 225deg,transparent 0 12%,var(--portrait-primary) 18%,transparent 28% 54%,var(--portrait-secondary) 62%,transparent 74% 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 12px color-mix(in srgb,var(--portrait-primary) 38%,transparent),0 0 16px color-mix(in srgb,var(--portrait-secondary) 28%,transparent)!important;opacity:.82!important;animation:portraitCorePulse 6.8s ease-in-out infinite!important;}
.header-tou::after{width:var(--portrait-ring-size)!important;height:var(--portrait-ring-size)!important;border:1px solid color-mix(in srgb,var(--portrait-primary) 28%,transparent)!important;background:conic-gradient(from 130deg,var(--portrait-primary),transparent 20%,var(--portrait-secondary),transparent 58%,var(--portrait-primary));-webkit-mask:radial-gradient(circle,transparent 59px,#000 60px,#000 65px,transparent 66px);mask:radial-gradient(circle,transparent 59px,#000 60px,#000 65px,transparent 66px);box-shadow:0 0 9px color-mix(in srgb,var(--portrait-primary) 22%,transparent),0 0 14px color-mix(in srgb,var(--portrait-secondary) 18%,transparent)!important;opacity:.68!important;animation:portraitRingSweep 10s linear infinite!important;}
.header-tou img{border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--portrait-secondary) 16%,transparent),0 0 14px color-mix(in srgb,var(--portrait-primary) 14%,transparent),0 10px 24px rgba(0,0,0,.28)!important;}
.header-tou:hover::before{animation-duration:4.8s!important;opacity:.94!important;filter:saturate(1.06);}
.header-tou:hover::after{opacity:.88!important;box-shadow:0 0 10px color-mix(in srgb,var(--portrait-primary) 30%,transparent),0 0 18px color-mix(in srgb,var(--portrait-secondary) 24%,transparent)!important;}
@keyframes portraitRingSweep{to{transform:rotate(360deg)}}
@keyframes portraitCorePulse{0%,100%{transform:scale(.99);opacity:.72}48%{transform:scale(1.01);opacity:.90}60%{opacity:.66}68%{opacity:.84}}
@media (max-width:720px){.header-tou{--portrait-ring-size:122px;--portrait-core-size:108px}.header-tou::after{-webkit-mask:radial-gradient(circle,transparent 55px,#000 56px,#000 61px,transparent 62px);mask:radial-gradient(circle,transparent 55px,#000 56px,#000 61px,transparent 62px)}}

/* Portrait contrast pass: separate red portrait from red hero backdrop. */
.header-tou{--portrait-primary:#38bdf8;--portrait-secondary:#e5f6ff;--portrait-accent:rgba(239,68,68,.16);--portrait-bg:rgba(0,2,6,.58);}
body.dark .header-tou{--portrait-primary:#60a5fa;--portrait-secondary:#e0f2fe;--portrait-accent:rgba(255,79,216,.18);--portrait-bg:rgba(0,2,6,.66);}
.header-tou::before{background:radial-gradient(circle at 50% 50%,rgba(0,2,6,.76) 0 48%,rgba(0,2,6,.42) 58%,transparent 70%),conic-gradient(from 220deg,transparent 0 10%,var(--portrait-primary) 16%,transparent 25% 55%,var(--portrait-secondary) 62%,transparent 72% 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 0 22px rgba(0,2,6,.42),0 0 14px rgba(56,189,248,.24),0 0 18px rgba(0,2,6,.40)!important;opacity:.92!important;}
.header-tou::after{border-color:rgba(226,246,255,.34)!important;background:conic-gradient(from 130deg,var(--portrait-primary),transparent 22%,var(--portrait-secondary),transparent 58%,var(--portrait-primary));box-shadow:0 0 8px rgba(56,189,248,.24),0 0 14px rgba(255,255,255,.12),0 0 20px rgba(0,2,6,.34)!important;opacity:.74!important;}
.header-tou img{border:1px solid rgba(226,246,255,.30)!important;box-shadow:0 0 0 1px rgba(0,2,6,.46),0 0 0 2px rgba(226,246,255,.10),0 0 16px rgba(56,189,248,.18),0 12px 26px rgba(0,2,6,.42)!important;}
.header-tou:hover::after{box-shadow:0 0 10px rgba(56,189,248,.32),0 0 18px rgba(255,255,255,.16),0 0 24px rgba(0,2,6,.42)!important;}

/* Portrait spin fix: keep shade static, spin only the outer light ring. */
.header-tou::before{background:radial-gradient(circle at 50% 50%,rgba(0,2,6,.78) 0 50%,rgba(0,2,6,.46) 60%,transparent 70%)!important;box-shadow:inset 0 0 0 1px rgba(226,246,255,.10),inset 0 0 22px rgba(0,2,6,.46),0 0 12px rgba(0,2,6,.32)!important;opacity:.94!important;animation:none!important;transform:none!important;}
.header-tou:hover::before{animation:none!important;transform:none!important;filter:none!important;opacity:.96!important;}
.header-tou::after{background:conic-gradient(from 130deg,var(--portrait-primary) 0 12%,transparent 20% 48%,var(--portrait-secondary) 56% 64%,transparent 72% 100%)!important;box-shadow:0 0 8px rgba(56,189,248,.24),0 0 14px rgba(255,255,255,.10)!important;opacity:.78!important;}
.header-tou:hover::after{opacity:.9!important;box-shadow:0 0 10px rgba(56,189,248,.34),0 0 18px rgba(255,255,255,.14)!important;}

/* Portrait frosted-glass pass: no dark shade, brighter cyan/magenta ring. */
.header-tou{--portrait-primary:#00f5ff;--portrait-secondary:#ff2bd6;--portrait-glass:rgba(255,255,255,.18);--portrait-glass-edge:rgba(255,255,255,.34);}
body.dark .header-tou{--portrait-primary:#38f8ff;--portrait-secondary:#ff4fd8;--portrait-glass:rgba(226,246,255,.10);--portrait-glass-edge:rgba(226,246,255,.24);}
.header-tou::before{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.34),transparent 26%),radial-gradient(circle at 50% 55%,var(--portrait-glass) 0 48%,rgba(255,255,255,.07) 62%,transparent 72%)!important;border:1px solid var(--portrait-glass-edge)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -12px 24px rgba(56,189,248,.08),0 0 12px rgba(0,245,255,.14),0 0 14px rgba(255,43,214,.10)!important;backdrop-filter:blur(7px) saturate(145%)!important;-webkit-backdrop-filter:blur(7px) saturate(145%)!important;opacity:.9!important;animation:none!important;transform:none!important;}
.header-tou::after{border-color:rgba(0,245,255,.42)!important;background:conic-gradient(from 115deg,var(--portrait-primary) 0 15%,transparent 24% 42%,var(--portrait-secondary) 50% 66%,transparent 76% 100%)!important;-webkit-mask:radial-gradient(circle,transparent 58px,#000 59px,#000 67px,transparent 68px)!important;mask:radial-gradient(circle,transparent 58px,#000 59px,#000 67px,transparent 68px)!important;box-shadow:0 0 10px rgba(0,245,255,.42),0 0 16px rgba(255,43,214,.28),0 0 26px rgba(0,245,255,.14)!important;opacity:.88!important;animation:portraitRingSweep 7.5s linear infinite!important;}
.header-tou img{border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 0 0 1px rgba(0,245,255,.20),0 0 14px rgba(0,245,255,.16),0 0 16px rgba(255,43,214,.12),0 10px 24px rgba(0,0,0,.22)!important;}
.header-tou:hover::before{animation:none!important;transform:none!important;filter:saturate(1.08)!important;opacity:.96!important;}
.header-tou:hover::after{opacity:1!important;box-shadow:0 0 12px rgba(0,245,255,.56),0 0 20px rgba(255,43,214,.38),0 0 32px rgba(0,245,255,.18)!important;}
@media (max-width:720px){.header-tou::after{-webkit-mask:radial-gradient(circle,transparent 54px,#000 55px,#000 62px,transparent 63px)!important;mask:radial-gradient(circle,transparent 54px,#000 55px,#000 62px,transparent 63px)!important}}

/* Portrait glass/ring alignment: match header-info glass and use a continuous neon rim. */
.header-tou::before{background:linear-gradient(135deg,rgba(0,2,6,.45),rgba(15,23,42,.35))!important;border:1px solid rgba(125,211,252,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.22),0 0 22px rgba(56,189,248,.10)!important;backdrop-filter:blur(5px) saturate(135%)!important;-webkit-backdrop-filter:blur(5px) saturate(135%)!important;opacity:.96!important;animation:none!important;transform:none!important;}
.header-tou::after{border:0!important;background:conic-gradient(from 90deg,#00f5ff 0deg,#38bdf8 72deg,#ff2bd6 168deg,#8b5cf6 240deg,#00f5ff 360deg)!important;-webkit-mask:radial-gradient(circle,transparent 58px,#000 59px,#000 66px,transparent 67px)!important;mask:radial-gradient(circle,transparent 58px,#000 59px,#000 66px,transparent 67px)!important;box-shadow:0 0 10px rgba(0,245,255,.38),0 0 18px rgba(255,43,214,.30),0 0 28px rgba(0,245,255,.12)!important;opacity:.9!important;animation:portraitRingSweep 9s linear infinite!important;}
.header-tou:hover::after{opacity:1!important;box-shadow:0 0 12px rgba(0,245,255,.52),0 0 22px rgba(255,43,214,.40),0 0 34px rgba(0,245,255,.16)!important;}
@media (max-width:720px){.header-tou::after{-webkit-mask:radial-gradient(circle,transparent 54px,#000 55px,#000 62px,transparent 63px)!important;mask:radial-gradient(circle,transparent 54px,#000 55px,#000 62px,transparent 63px)!important}}

/* Portrait subtle depth pass: translucent ring zones and restrained 3D lift. */
.header-tou::before{background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.16),transparent 28%),linear-gradient(135deg,rgba(0,2,6,.54),rgba(15,23,42,.40))!important;border:1px solid rgba(125,211,252,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -10px 20px rgba(0,2,6,.24),0 12px 28px rgba(0,0,0,.26),0 0 18px rgba(56,189,248,.11)!important;}
.header-tou::after{background:conic-gradient(from 96deg,rgba(0,245,255,.96) 0deg,rgba(0,245,255,.42) 42deg,rgba(0,245,255,.10) 76deg,rgba(255,43,214,.12) 118deg,rgba(255,43,214,.86) 166deg,rgba(255,43,214,.38) 210deg,rgba(139,92,246,.12) 258deg,rgba(0,245,255,.18) 314deg,rgba(0,245,255,.96) 360deg)!important;-webkit-mask:radial-gradient(circle,transparent 58px,#000 59px,#000 66px,transparent 67px)!important;mask:radial-gradient(circle,transparent 58px,#000 59px,#000 66px,transparent 67px)!important;box-shadow:0 0 9px rgba(0,245,255,.34),0 0 17px rgba(255,43,214,.24),0 8px 22px rgba(0,0,0,.18)!important;opacity:.92!important;animation:portraitRingSweep 8s linear infinite!important;}
.header-tou img{box-shadow:0 0 0 1px rgba(226,246,255,.22),0 0 0 3px rgba(0,2,6,.14),0 0 14px rgba(0,245,255,.15),0 0 16px rgba(255,43,214,.10),0 11px 24px rgba(0,0,0,.30)!important;}
.header-tou:hover::after{opacity:1!important;box-shadow:0 0 11px rgba(0,245,255,.48),0 0 21px rgba(255,43,214,.34),0 9px 24px rgba(0,0,0,.22)!important;animation-duration:6.6s!important;}

/* Portrait ring/reflection polish: brighter rim and clearer glass highlight. */
.header-tou::before{background:radial-gradient(ellipse at 30% 18%,rgba(255,255,255,.34) 0 12%,rgba(255,255,255,.13) 24%,transparent 42%),radial-gradient(ellipse at 72% 78%,rgba(0,245,255,.10),transparent 34%),linear-gradient(135deg,rgba(0,2,6,.56),rgba(15,23,42,.42))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -10px 20px rgba(0,2,6,.24),inset 0 0 18px rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.26),0 0 18px rgba(56,189,248,.12)!important;}
.header-tou::after{background:conic-gradient(from 96deg,rgba(0,245,255,1) 0deg,rgba(0,245,255,.66) 42deg,rgba(0,245,255,.22) 78deg,rgba(255,43,214,.22) 118deg,rgba(255,43,214,1) 166deg,rgba(255,43,214,.58) 212deg,rgba(139,92,246,.20) 258deg,rgba(0,245,255,.30) 314deg,rgba(0,245,255,1) 360deg)!important;-webkit-mask:radial-gradient(circle,transparent 57px,#000 58px,#000 67px,transparent 68px)!important;mask:radial-gradient(circle,transparent 57px,#000 58px,#000 67px,transparent 68px)!important;box-shadow:0 0 12px rgba(0,245,255,.54),0 0 22px rgba(255,43,214,.38),0 8px 24px rgba(0,0,0,.20)!important;opacity:.98!important;}
.header-tou:hover::after{box-shadow:0 0 14px rgba(0,245,255,.68),0 0 26px rgba(255,43,214,.48),0 9px 24px rgba(0,0,0,.22)!important;}

/* Portrait inner glass cleanup: remove dark frosty base, keep translucent reflections. */
.header-tou::before{background:radial-gradient(ellipse at 28% 16%,rgba(255,255,255,.38) 0 11%,rgba(255,255,255,.16) 23%,transparent 43%),radial-gradient(ellipse at 72% 78%,rgba(0,245,255,.14),transparent 34%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.075) 0 46%,rgba(255,255,255,.035) 62%,transparent 74%)!important;border:1px solid rgba(226,246,255,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -8px 18px rgba(255,255,255,.035),0 0 14px rgba(0,245,255,.10),0 0 16px rgba(255,43,214,.06)!important;}

/* Portrait motion final: idle ring spin, hover spin only on portrait image. */
.header-tou{transform:none!important;}
.header-tou::after{animation:portraitRingSweep 8s linear infinite!important;transform-origin:center center!important;z-index:2!important;}
.header-tou:hover::after{animation:portraitRingSweep 8s linear infinite!important;transform-origin:center center!important;}
.header-tou a{position:relative!important;z-index:3!important;transform:none!important;}
.header-tou img{position:relative!important;z-index:3!important;transition:transform 1s ease!important;}
.header-tou:hover img{transform:rotate(360deg)!important;}

/* Portrait rotating-shadow fix: no dark offset attached to spinning avatar. */
.header-tou img{box-shadow:0 0 0 1px rgba(226,246,255,.24),0 0 10px rgba(0,245,255,.16),0 0 12px rgba(255,43,214,.10)!important;filter:none!important;}
.header-tou:hover img{box-shadow:0 0 0 1px rgba(226,246,255,.26),0 0 12px rgba(0,245,255,.20),0 0 14px rgba(255,43,214,.12)!important;filter:none!important;}

/* Header info dark-mode brightness polish. */
body.dark .header-info{background:linear-gradient(135deg,rgba(8,18,36,.58),rgba(18,30,54,.46))!important;border-color:rgba(125,211,252,.30)!important;box-shadow:0 12px 30px rgba(0,0,0,.24),0 0 24px rgba(56,189,248,.18),0 0 18px rgba(255,43,214,.08),inset 0 1px 0 rgba(255,255,255,.12)!important;color:rgba(248,250,252,.97)!important;}
body.dark .header-info p{text-shadow:0 0 14px rgba(56,189,248,.28),0 1px 0 rgba(0,0,0,.34)!important;}

/* Header social icon tiles: clearer 3D edge highlights. */
.top-social_v2 a{border-color:rgba(226,246,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,2,6,.30),inset 1px 0 0 rgba(0,245,255,.08),inset -1px 0 0 rgba(255,43,214,.07),0 7px 16px rgba(0,0,0,.20),0 0 11px rgba(56,189,248,.08)!important;}
.top-social_v2 a:hover,.top-social_v2 a:focus-visible{border-color:rgba(226,246,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,2,6,.26),inset 1px 0 0 rgba(0,245,255,.16),inset -1px 0 0 rgba(255,43,214,.14),0 0 16px rgba(56,189,248,.34),0 0 20px rgba(255,43,214,.12),0 10px 22px rgba(0,0,0,.26)!important;}

/* Header social icon tiles: static edge uses inset light only; border appears on hover. */
.top-social_v2 a{border-color:transparent!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.17),inset 0 -1px 0 rgba(0,2,6,.32),inset 1px 0 0 rgba(0,245,255,.10),inset -1px 0 0 rgba(255,43,214,.08),0 7px 16px rgba(0,0,0,.20),0 0 10px rgba(56,189,248,.07)!important;}
.top-social_v2 a:hover,.top-social_v2 a:focus-visible{border-color:rgba(226,246,255,.34)!important;}


/* ========================================================================== 
   05. Typography
   Source: assets/css/theme/05-typography.css
   Purpose: Self-hosted font faces, font-family variables, and Classic/LXGW reading typography.
   ========================================================================== */

/* Axura reading typography. Self-hosted fonts for article text and UI previews. */

@font-face { font-family: "Axura LXGW WenKai TC"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/lxgw-wenkai-tc/LXGWWenKaiTC-Light.ttf") format("truetype"); }
@font-face { font-family: "Axura LXGW WenKai TC"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/lxgw-wenkai-tc/LXGWWenKaiTC-Regular.ttf") format("truetype"); }
@font-face { font-family: "Axura LXGW WenKai TC"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/lxgw-wenkai-tc/LXGWWenKaiTC-Bold.ttf") format("truetype"); }

@font-face { font-family: "Axura HarmonyOS Sans TC"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/harmonyos-sans-tc/HarmonyOS_Sans_TC_Light.ttf") format("truetype"); }
@font-face { font-family: "Axura HarmonyOS Sans TC"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/harmonyos-sans-tc/HarmonyOS_Sans_TC_Regular.ttf") format("truetype"); }
@font-face { font-family: "Axura HarmonyOS Sans TC"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/harmonyos-sans-tc/HarmonyOS_Sans_TC_Medium.ttf") format("truetype"); }
@font-face { font-family: "Axura HarmonyOS Sans TC"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/harmonyos-sans-tc/HarmonyOS_Sans_TC_Bold.ttf") format("truetype"); }
@font-face { font-family: "Axura Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Axura Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/inter/Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: "Axura Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter/Inter-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Axura Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/inter/Inter-Bold.woff2") format("woff2"); }

:root {
  --axura-font-lxgw: "Axura LXGW WenKai TC", "Noto Serif SC", "Source Han Serif SC", "PingFang SC", "Microsoft Yahei", serif;
  --axura-font-classic: "Axura Inter", "Axura HarmonyOS Sans TC", "HarmonyOS Sans", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
}

 .entry-content, .entry-content p, .entry-content li, .entry-content blockquote,
.entry-title, .entry-title a, h1.entry-title,
.single-center .single-header h1.entry-title, .pattern-center h1.entry-title, .pattern-center-axura h1.entry-title,
.toc, .toc-list, .toc-link,
.post-list-thumb .float-content p, .post-list-thumb .post-title h3, .post-list-thumb .post-title h3 a,
.comment .body, .comment .body p {
  font-family: var(--axura-font-lxgw) !important;
}

body.serif .entry-content, body.serif .entry-content p, body.serif .entry-content li, body.serif .entry-content blockquote,
body.serif .entry-title, body.serif .entry-title a, body.serif h1.entry-title,
body.serif .single-center .single-header h1.entry-title, body.serif .pattern-center h1.entry-title, body.serif .pattern-center-axura h1.entry-title,
body.serif .toc, body.serif .toc-list, body.serif .toc-link,
body.serif .post-list-thumb .float-content p, body.serif .post-list-thumb .post-title h3, body.serif .post-list-thumb .post-title h3 a,
body.serif .post-list-thumb .post-meta, body.serif .post-list-thumb .post-date, body.serif .comment .body, body.serif .comment .body p {
  font-family: var(--axura-font-classic) !important;
}

/* LXGW renders optically smaller than the previous serif stack. */
.entry-content, .comment .body { font-size: calc(1em + 1px); }
.post-list-thumb .float-content p { line-height: 1.55; }

.skin-menu .font-family-controls button { font-size: 12px; line-height: 1.2; }
.skin-menu .font-family-controls .control-btn-serif { font-family: var(--axura-font-classic) !important; }
.skin-menu .font-family-controls .control-btn-sans-serif { font-family: var(--axura-font-lxgw) !important; }

/* Preserve a three-line homepage excerpt without clipping descenders. */
.post-list-thumb .float-content p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;height:auto!important;max-height:none!important;overflow:hidden!important;line-height:1.62!important;padding-bottom:.12em!important;}


/* ========================================================================== 
   10. Night Design
   Source: assets/css/theme/10-night-design.css
   Purpose: Dark-mode surfaces, image treatment, Live2D dark filters, and night-mode component colors.
   ========================================================================== */

/* Axura night-mode design layer. */

/* === Scroll === */
.cd-top {
    background: url(https://cdn.jsdelivr.net/gh/4xura/AxuraDesign@main/Blog/Scroll/scroll_arrow_6.png) no-repeat center;
}


/* === AxuraDark === */

/* 0) Global dark text + shell bg */
body.dark {
  color: #e7edf7;
}
body.dark,
body.dark #page,
body.dark #wrapper,
body.dark #content,
body.dark #main-container,
body.dark .site-main,
body.dark .site-content,
body.dark #primary {
  background-color: #000206 !important;
}
/* Kill leftover gray panel bg */
body.dark .pattern-center {
  background: transparent !important;
}
body.dark .pattern-center::after {
  background: #000206 !important;
  box-shadow: none !important;
  border: none !important;
}

/* 1) Header + nav – only change .yya, keep Axura behavior at top */
body.dark .yya {
  background:
    radial-gradient(circle at 0 0, rgba(34, 211, 238, 0.18), transparent 45%),
    radial-gradient(circle at 70% 0, rgba(248, 113, 113, 0.14), transparent 50%),
    #000206;
  box-shadow:
    0 1px 40px -8px rgba(0, 0, 0, 0.9),
    0 0 20px rgba(37, 99, 235, 0.45);
}
/* header links / nav */
body.dark .site-top ul li a,
body.dark .site-title a {
  color: #e5e7eb !important;
}
body.dark .site-top ul li a:hover,
body.dark .site-top ul li.current-menu-item > a {
  color: #7dd3fc !important;
  text-shadow:
    0 0 6px rgba(125, 211, 252, 0.9),
    0 0 10px rgba(59, 130, 246, 0.8);
}
/* Header user dropdown */
body.dark .header-user-menu {
  background: radial-gradient(
      circle at 0 0,
      rgba(56, 189, 248, 0.18),
      transparent 65%
    ),
    #000206;
  border-radius: 8px;
  border: 1px solid rgba(96, 165, 250, 0.7);
  box-shadow:
    0 8px 30px rgba(15, 23, 42, 0.95),
    0 0 16px rgba(56, 189, 248, 0.6);
}
body.dark .header-user-menu a {
  color: #e5e7eb !important;
}
body.dark .header-user-menu a:hover {
  background: rgba(15, 23, 42, 0.9);
  color: #a5f3fc !important;
}

/* 4) Don’t wrap post body with glow/card */
body.dark .single-content,
body.dark .post,
body.dark .entry-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* 6) Main top “Labyrinth” feature row – neon cards */
body.dark .top-feature-row {
  margin-bottom: 32px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 18px;
  row-gap: 16px;
  align-items: stretch;
}
/* Title spans all columns */
body.dark .top-feature-row .fes-title {
  grid-column: 1 / -1;
  margin-bottom: 4px;
  color: #e5e7eb !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-shadow:
    0 0 6px rgba(56, 189, 248, 0.65),
    0 0 12px rgba(129, 140, 248, 0.5);
}
/* tiny neon underline */
body.dark .top-feature-row .fes-title::after {
  content: "";
  display: block;
  height: 2px;
  width: 96px;
  margin-left: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, #22d3ee, #4f46e5, #f97316);
}
/* Each feature cell */
body.dark .top-feature-row .top-feature-v2 {
  margin: 0 !important;
}
/* Neon card */
body.dark .top-feature-row .top-feature-v2 .the-feature.square {
  position: relative;
  background: #000206;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(96, 165, 250, 0.7);
  box-shadow:
    0 0 12px rgba(56, 189, 248, 0.36),
    0 0 20px rgba(15, 23, 42, 0.82);
  transition:
    transform 0.25s ease-out,
    box-shadow 0.25s ease-out,
    border-color 0.25s ease-out;
  height: 100%;
}
/* Glow “aura” */
body.dark .top-feature-row .top-feature-v2 .the-feature.square::before {
  content: "";
  position: absolute;
  inset: -30%;
  background:
    radial-gradient(circle at 0 0, rgba(56, 189, 248, 0.12), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(147, 51, 234, 0.16), transparent 65%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}
/* Card content */
body.dark .top-feature-row .top-feature-v2 .the-feature.square a {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none !important;
  color: inherit;
  position: relative;
  z-index: 1;
}
body.dark .top-feature-row .top-feature-v2 .the-feature.square .img img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.35s ease-out, filter 0.35s ease-out;
}
body.dark .top-feature-row .top-feature-v2 .the-feature.square .info {
  padding: 10px 14px 12px;
  background: linear-gradient(
    to bottom,
    rgba(15, 23, 42, 0.92),
    rgba(15, 23, 42, 0.98)
  );
}
body.dark .top-feature-row .top-feature-v2 .the-feature.square .info h3,
body.dark .top-feature-row .top-feature-v2 .the-feature.square .info p {
  position: relative !important;
  top: 15px !important;     
}
body.dark .top-feature-row .top-feature-v2 .the-feature.square .info h3 {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 600;
  color: #f9fafb;
}
body.dark .top-feature-row .top-feature-v2 .the-feature.square .info p {
  margin: 0;
  font-size: 12px;
  color: #9ca3af;
}
/* Hover */
body.dark .top-feature-row .top-feature-v2 .the-feature.square:hover {
  transform: translateY(-4px);
  border-color: rgba(129, 140, 248, 0.9);
  box-shadow:
    0 0 16px rgba(56, 189, 248, 0.55),
    0 0 24px rgba(129, 140, 248, 0.42);
}
body.dark .top-feature-row .top-feature-v2 .the-feature.square:hover::before {
  opacity: 0.72;
}
body.dark .top-feature-row .top-feature-v2 .the-feature.square:hover .img img {
  transform: scale(1.06);
  filter: saturate(1.2);
}
/* Responsive */
@media (max-width: 1024px) {
  body.dark .top-feature-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  body.dark .top-feature-row {
    grid-template-columns: 1fr;
  }
}

/* 7) Main article cards – neon list */
body.dark article.post-list-thumb.post-list-show {
  position: relative;
  background: #000206;
  border-radius: 16px;
  border: 1px solid rgba(30, 64, 175, 0.7);
  box-shadow:
    0 0 16px rgba(15, 23, 42, 0.95),
    0 0 24px rgba(37, 99, 235, 0.45);
  padding: 16px 18px;
  margin-bottom: 28px;
  overflow: hidden;
  transition:
    transform 0.22s ease-out,
    box-shadow 0.22s ease-out,
    border-color 0.22s ease-out;
}
/* Neon aura */
body.dark article.post-list-thumb.post-list-show::before {
  content: "";
  position: absolute;
  inset: -30%;
  background:
    radial-gradient(circle at 0 0, rgba(56, 189, 248, 0.15), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(129, 140, 248, 0.18), transparent 65%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}
/* Internal layout tweaks */
body.dark .post-list-thumb .post-thumb img {
  border-radius: 2px;
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-out, filter 0.3s ease-out;
}
body.dark .post-list-thumb .post-content-wrap {
  background: transparent !important;
}
/* Hide "read more" button on post list */
.post-list-thumb .post-bottom,
.post-list-thumb .post-bottom .button-normal {
  display: none !important;
}
/* Text colors */
body.dark .post-list-thumb .post-title h3 {
  color: #e5e7eb !important;
  text-shadow: 0 0 6px rgba(56, 189, 248, 0.3);
}
body.dark .post-list-thumb .post-date,
body.dark .post-list-thumb .post-meta span,
body.dark .post-list-thumb .post-meta a {
  color: #9ca3af !important;
}
body.dark .post-list-thumb .post-date i,
body.dark .post-list-thumb .post-meta i {
  color: #60a5fa !important;
}
body.dark .post-list-thumb .float-content p {
  color: #cbd5f5 !important;
}
/* Hover */
body.dark article.post-list-thumb.post-list-show:hover {
  transform: translateY(-4px);
  border-color: rgba(96, 165, 250, 0.95);
  box-shadow:
    0 0 22px rgba(59, 130, 246, 0.8),
    0 0 40px rgba(15, 23, 42, 0.98);
}
body.dark article.post-list-thumb.post-list-show:hover::before {
  opacity: 1;
}
body.dark article.post-list-thumb.post-list-show:hover .post-thumb img {
  transform: scale(1.04);
  filter: saturate(1.18);
}

/* 8) Dropdown menus – neon + centered under tabs */
/* Container styling */
body.dark .site-top .sub-menu {
  background-color: #000206 !important;
  border-radius: 10px;
  border: 1px solid rgba(96, 165, 250, 0.7);
  box-shadow:
    0 12px 36px rgba(15, 23, 42, 0.98),
    0 0 18px rgba(37, 99, 235, 0.55);
  padding: 6px 0;
  min-width: 160px;
  z-index: 9999;
}
/* Each entry */
body.dark .site-top .sub-menu li {
  border-bottom: 1px solid rgba(31, 41, 55, 0.85);
}

body.dark .site-top .sub-menu li:last-child {
  border-bottom: none;
}
/* Links */
body.dark .site-top .sub-menu a {
  display: block;
  padding: 6px 14px;
  color: #e5e7eb !important;
  font-size: 13px;
  white-space: nowrap;
}
/* Hover */
body.dark .site-top .sub-menu a:hover {
  background: linear-gradient(
    90deg,
    rgba(56, 189, 248, 0.18),
    rgba(129, 140, 248, 0.22)
  );
  color: #7dd3fc !important;
}
/* Positioning context for top-level menu items */
#menu-top-navigation > li {
  position: relative !important;
}
/* Center dropdown + gap under tab */
#menu-top-navigation > li > ul.sub-menu {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}

/* 9) Kill footer */
.site-footer,
#colophon.site-footer {
  display: none !important;
}

/* 10) main background image tuning */
body.dark .centerbg,
body.dark #centerbg {
  /* a) Blend mode */
  background-blend-mode: color-dodge !important;
  /* b) the “veil” */
  background-color: rgba(22, 18, 56, 0.1) !important;
  /* c) neon infusion layered on top */
  box-shadow:
    inset 0 0 140px rgba(168, 85, 247, 0.25),  /* purple */
}
/* the purple light layer */
body.dark .centerbg::before,
body.dark #centerbg::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  /* overall neon purple wash + subtle cyan accent */
  background:
    radial-gradient(circle at 70% 20%, rgba(168, 85, 247, 0.25), transparent 55%),
    radial-gradient(circle at 30% 35%, rgba(56, 189, 248, 0.1), transparent 60%),
    linear-gradient(135deg, rgba(168, 85, 247, 0.10), rgba(2, 6, 23, 0.30));
  mix-blend-mode: soft-light;
  opacity: 0.5; /* master intensity */
}

/* 11) SIMPLE DARK-MODE COMMENTS FIX */
body.dark #comments {
  background: #000206 !important;
}
/* Fix the “View comments” button container */
body.dark #comments .commentwrap.comments-hidden {
  background: #000206 !important;
  border: none !important;
  box-shadow: none !important;
}
/* Make sure the button text is readable */
body.dark #comments .commentwrap.comments-hidden .notification {
  background: transparent !important;
  color: #e5e7eb !important;
}
/* Kill any leftover grey decorative bars */
body.dark #comments::before,
body.dark #comments::after {
  background: #000206 !important;
}
/* Remove avatar in comment form */
body #comments .comment-user-avatar {
  display: none !important;
}
/* Make comment textarea match dark background */
body.dark #comments .comment-textarea textarea {
  border: 1.8px solid rgba(255,255,255,0.12); /* subtle neon edge */
}
body.dark #comments .comment-textarea {
  background: transparent !important;
}
/* keep it dark when cursor is inside */
body.dark #comments .comment-textarea textarea:focus {
  background: #000206 !important;
  outline: none;
  border-color: rgba(56, 189, 248, 0.35); /* soft cyan glow */
}

/* 12) Password page: Enter button */
body.dark input[type="submit"][name="Submit"][value="Enter"] {
  background: #000206 !important;
  border: 1.5px solid rgba(56,189,248,0.35) !important;
  border-radius: 8px !important;
  padding: 0.6em 1em !important;
}
/* optional hover glow */
body.dark input[type="submit"][name="Submit"][value="Enter"]:hover {
  box-shadow: 0 0 10px rgba(56,189,248,0.35) !important;
}



/* Override the legacy generated dark shell background on mobile/home. */
html body.dark #main-container,
html body.dark .headertop-bar::after,
html body.dark .pattern-center::after {
  background: #000206 !important;
  background-color: #000206 !important;
}

/* Live2D dark-mode rendering for model surfaces, independent of the selected model. */
body.dark .pio-container canvas,body.dark .pio-container #pio,body.dark canvas#pio,body.dark .live2d-container canvas,body.dark .live2d-widget canvas{filter:brightness(0.75) contrast(1.65) saturate(0.92) hue-rotate(325deg)!important;}


/* ========================================================================== 
   20. Day Design
   Source: assets/css/theme/20-day-design.css
   Purpose: Day-mode color corrections, component surfaces, and light-mode readability patches.
   ========================================================================== */

/* Axura day-mode design layer. */

/* === AxuraDay === */
/* Everything here only applies when NOT in dark mode */
body:not(.dark) {
  color: #111827;
}

/* 1) Header / main nav – keep Axura .yya */
body:not(.dark) .yya {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(254, 243, 199, 0.70) 40%,   /* warm amber */
    rgba(254, 226, 226, 0.70) 60%   /* soft red */
  );
  box-shadow: 0 1px 40px -8px rgba(15, 23, 42, 0.7);
}
/* header links / nav (safe to keep these) */
body:not(.dark) .site-top ul li a,
body:not(.dark) .site-title a {
  color: #111827 !important;   /* near-black text */
}
body:not(.dark) .site-top ul li a:hover,
body:not(.dark) .site-top ul li.current-menu-item > a {
  color: #ef4444 !important;   /* main red accent */
  text-shadow:
    0 0 5px rgba(239, 68, 68, 0.85),
    0 0 8px rgba(34, 211, 238, 0.7);
}
/* user avatar dropdown (top-right) */
body:not(.dark) .header-user-menu {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.7);
  box-shadow:
    0 12px 26px rgba(15, 23, 42, 0.12),
    0 0 14px rgba(239, 68, 68, 0.35);
}
body:not(.dark) .header-user-menu a {
  color: #111827 !important;
}
body:not(.dark) .header-user-menu a:hover {
  background: rgba(254, 226, 226, 0.96);
  color: #b91c1c !important;
}

/* 2) Top feature row (Labyrinth / Hacktag / Discord) */
body:not(.dark) .top-feature-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 18px;
  row-gap: 16px;
  align-items: stretch;
  margin-bottom: 32px;
}
/* Title spanning all columns */
body:not(.dark) .top-feature-row .fes-title {
  grid-column: 1 / -1;
  margin-bottom: 4px;
  color: #0f172a !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-shadow:
    0 0 3px rgba(239, 68, 68, 0.55),
    0 0 7px rgba(34, 211, 238, 0.40);
}
/* subtle underline */
body:not(.dark) .top-feature-row .fes-title::after {
  content: "";
  display: block;
  height: 2px;
  width: 120px;
  margin-left: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ef4444, #f97316, #22d3ee);
}
/* ignore old inline margins, grid handles layout */
body:not(.dark) .top-feature-row .top-feature-v2 {
  margin: 0 !important;
  min-width: 0;
}
/* feature card – neon frame around existing content, no inner changes */
body:not(.dark) .top-feature-row .top-feature-v2 .the-feature.square {
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(239, 68, 68, 0.35);
  box-shadow:
    0 8px 18px rgba(15, 23, 42, 0.12),
    0 0 8px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition:
    transform 0.22s ease-out,
    box-shadow 0.22s ease-out,
    border-color 0.22s ease-out;
  cursor: pointer;
  min-width: 0;
}
body:not(.dark) .top-feature-row .top-feature-v2 .the-feature.square a {
  display: block;
  height: 100%;
  text-decoration: none !important;
  color: inherit;
}
/* hover */
body:not(.dark) .top-feature-row .top-feature-v2 .the-feature.square:hover {
  transform: translateY(-4px);
  border-color: #ef4444 !important;
  box-shadow:
    0 0 12px rgba(239, 68, 68, 0.62),
    0 0 20px rgba(34, 211, 238, 0.42),
    0 14px 24px rgba(15, 23, 42, 0.18) !important;
}

/* 5) Post list – cyberpunk-tinted cards on index/archive */
body:not(.dark) article.post-list-thumb.post-list-show {
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  /* light outline so it still feels like a card, not a box */
  border: 1px solid rgba(229, 231, 235, 0.85);
  /* subtle cyberpunk shade: neutral + faint red/purple/cyan */
  box-shadow:
    0 8px 18px rgba(15, 23, 42, 0.08),        /* soft depth */
    0 0 14px rgba(239, 68, 68, 0.14),         /* red ambient */
    0 0 18px rgba(168, 85, 247, 0.12),        /* purple ambient */
    0 0 20px rgba(34, 211, 238, 0.10);        /* cyan whisper */

  padding: 16px 18px;
  margin-bottom: 28px;
  overflow: hidden;
  transition:
    transform 0.22s ease-out,
    box-shadow 0.22s ease-out,
    border-color 0.22s ease-out;
}
/* aura – stronger neon only visible on hover */
body:not(.dark) article.post-list-thumb.post-list-show::before {
  content: "";
  position: absolute;
  inset: -30%;
  background:
    radial-gradient(circle at 0 0, rgba(239, 68, 68, 0.30), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(34, 211, 238, 0.24), transparent 65%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}
/* thumb */
body:not(.dark) .post-list-thumb .post-thumb img {
  border-radius: 2px;
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-out;
}
/* content wrap stays transparent so card bg rules above apply */
body:not(.dark) .post-list-thumb .post-content-wrap {
  background: transparent !important;
}
/* titles + meta */
body:not(.dark) .post-list-thumb .post-title h3 {
  color: #0f172a !important;
  text-shadow: 0 0 4px rgba(239, 68, 68, 0.35);
}
body:not(.dark) .post-list-thumb .post-date,
body:not(.dark) .post-list-thumb .post-meta span,
body:not(.dark) .post-list-thumb .post-meta a {
  color: #4b5563 !important;
}
body:not(.dark) .post-list-thumb .post-date i,
body:not(.dark) .post-list-thumb .post-meta i {
  color: #ef4444 !important;
}
body:not(.dark) .post-list-thumb .float-content p {
  color: #374151 !important;
}
/* hover – soft neon highlight */
body:not(.dark) article.post-list-thumb.post-list-show:hover {
  transform: translateY(-2px);
  border-color: rgba(239, 68, 68, 0.62);
  box-shadow:
    0 14px 28px rgba(15, 23, 42, 0.14),
    0 0 16px rgba(239, 68, 68, 0.38),
    0 0 22px rgba(168, 85, 247, 0.30),
    0 0 26px rgba(34, 211, 238, 0.28);
}
body:not(.dark) article.post-list-thumb.post-list-show:hover::before {
  opacity: 0.46;
}
body:not(.dark) article.post-list-thumb.post-list-show:hover .post-thumb img {
  transform: scale(1.025);
}

/* 6) Dropdown menus (Binex / Writeups, etc.) */
body:not(.dark) .site-top .sub-menu {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(209, 213, 219, 0.95);
  box-shadow:
    0 12px 26px rgba(15, 23, 42, 0.12),
    0 0 14px rgba(239, 68, 68, 0.35);
  padding: 6px 0;
  min-width: 160px;
  z-index: 9999;
}
body:not(.dark) .site-top .sub-menu li {
  border-bottom: 1px solid rgba(229, 231, 235, 0.95);
}
body:not(.dark) .site-top .sub-menu li:last-child {
  border-bottom: none;
}
body:not(.dark) .site-top .sub-menu a {
  display: block;
  padding: 6px 14px;
  color: #111827 !important;
  font-size: 13px;
  white-space: nowrap;
}
body:not(.dark) .site-top .sub-menu a:hover {
  background: linear-gradient(
    90deg,
    rgba(254, 226, 226, 1),
    rgba(254, 243, 199, 1)
  );
  color: #b91c1c !important;
}


/* 7) Search modal – light neon frame */
body:not(.dark) .js-search.search-form--modal .search-form__inner {
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid rgba(209, 213, 219, 0.95);
  box-shadow:
    0 12px 26px rgba(15, 23, 42, 0.12),
    0 0 14px rgba(239, 68, 68, 0.35);
}
body:not(.dark) .js-search .text-input {
  background: transparent;
  color: #111827;
  border: none;
}
body:not(.dark) .js-search .icon-search {
  color: #ef4444;
}


body:not(.dark) .js-search.search-form--modal .search-form__inner {
  height: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  padding: 24px 22px 20px;
}

body:not(.dark) .js-search.search-form--modal .micro {
  margin: 0;
}


/* ========================================================================== 
   30. Feature Row
   Source: assets/css/theme/30-feature-row.css
   Purpose: Home feature cards, responsive grid behavior, and feature hover glow tuning.
   ========================================================================== */

/* Feature-row responsive sizing and structural alignment. */

/* === Feature row: mobile sizing fix (day + night) === */
/* Tablet: 2 columns */
@media (max-width: 1024px) {
  .top-feature-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* Mobile: keep 1 column BUT shrink tiles + lock aspect ratio */
@media (max-width: 720px) {
  .top-feature-row {
    grid-template-columns: 1fr !important;
    row-gap: 14px !important;
  }
  /* stop any theme CSS from forcing weird widths */
  .top-feature-row .top-feature-v2,
  .top-feature-row .top-feature-v2 .the-feature.square,
  .top-feature-row .top-feature-v2 .the-feature.square a {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* THIS is what fixes the “giant poster” look */
  .top-feature-row .top-feature-v2 .the-feature.square .img {
    aspect-ratio: 16 / 9;          /* pick 16/9 or 2/1 */
    overflow: hidden;
  }
  .top-feature-row .top-feature-v2 .the-feature.square .img img {
    width: 100% !important;
    height: 100% !important;       /* fill the aspect-ratio box */
    object-fit: cover !important;  /* crop nicely */
    display: block;
  }
  /* Optional: if the info text makes cards too tall, tighten it */
  .top-feature-row .top-feature-v2 .the-feature.square .info {
    padding: 8px 12px !important;
  }
  .top-feature-row .top-feature-v2 .the-feature.square .info p {
    display: none !important;       /* keep it super clean on phone */
  }
}

/* DARK + MOBILE: replace Axura's white arc separator */
@media (max-width: 900px) {
  body.dark .pattern-center::after,
  body.dark .headertop-bar::after {
    background: #000206 !important; /* dark base */
  }
}


/* ============================================================
   Feature Row Structural Alignment
   Keeps the front-page feature cards consistent in day/night modes.
   ============================================================ */

/* Keep Axura feature cards structurally consistent between day and night. */
.top-feature-row .top-feature-v2,
.top-feature-row .top-feature-v2 .the-feature.square {
  min-width: 0 !important;
}

.top-feature-row .top-feature-v2 .the-feature.square {
  margin: 0 !important;
}

body.dark .top-feature-row .top-feature-v2 .the-feature.square a {
  display: block !important;
  height: 100% !important;
}

body.dark .top-feature-row .top-feature-v2 .the-feature.square .info {
  inset: 0 !important;
  height: auto !important;
  padding: 0 !important;
  background: rgba(2, 6, 23, 0.68) !important;
}

body.dark .top-feature-row .top-feature-v2 .the-feature.square .info h3,
body.dark .top-feature-row .top-feature-v2 .the-feature.square .info p {
  top: auto !important;
}

body.dark .top-feature-row .top-feature-v2 .the-feature.square .info h3 {
  margin: 30px 0 0 !important;
  padding: 10px !important;
  background: rgba(2, 6, 23, 0.82) !important;
}

body.dark .top-feature-row .top-feature-v2 .the-feature.square .info p {
  padding: 20px !important;
}

@media (max-width: 720px) {
  .top-feature-row .top-feature-v2,
  .top-feature-row .top-feature-v2 .the-feature.square,
  .top-feature-row .top-feature-v2 .the-feature.square a {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .top-feature-row .top-feature-v2 .the-feature.square,
  body.dark .top-feature-row .top-feature-v2 .the-feature.square {
    height: auto !important;
  }

  .top-feature-row .top-feature-v2 .the-feature.square a,
  body.dark .top-feature-row .top-feature-v2 .the-feature.square a {
    display: block !important;
    height: auto !important;
  }

  .top-feature-row .top-feature-v2 .the-feature.square .img {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
  }

  .top-feature-row .top-feature-v2 .the-feature.square .img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .top-feature-row .top-feature-v2 .the-feature.square .info,
  body.dark .top-feature-row .top-feature-v2 .the-feature.square .info {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: auto !important;
    min-height: 46px !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.82), rgba(15, 23, 42, 0.46), transparent) !important;
  }

  body.dark .top-feature-row .top-feature-v2 .the-feature.square .info {
    background: linear-gradient(to top, rgba(2, 6, 23, 0.92), rgba(15, 23, 42, 0.64), transparent) !important;
  }

  .top-feature-row .top-feature-v2 .the-feature.square .info h3,
  body.dark .top-feature-row .top-feature-v2 .the-feature.square .info h3 {
    position: static !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 14px !important;
    background: transparent !important;
    color: #f9fafb !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.72) !important;
  }

  .top-feature-row .top-feature-v2 .the-feature.square .info p {
    display: none !important;
  }
}


/* ========================================================================== 
   35. Post Card Layout
   Source: assets/css/theme/35-post-card-layout.css
   Purpose: Main post-card geometry, cover sizing, excerpt clipping, and protected-post marker alignment.
   ========================================================================== */

/* Post list card geometry: keeps cover images and text columns aligned. */

@media (min-width: 769px) {
  article.post-list-thumb.post-list-show {
    display: flex;
    align-items: center;
    min-height: 287px;
    height: auto;
    box-sizing: border-box;
  }

  article.post-list-thumb.post-list-show:nth-child(even) {
    flex-direction: row-reverse;
  }

  .post-list-thumb .post-thumb,
  .post-list-thumb .post-content-wrap {
    float: none !important;
  }

  .post-list-thumb .post-thumb {
    flex: 0 0 55%;
    width: 55% !important;
  }

  .post-list-thumb .post-content-wrap {
    flex: 1 1 auto;
    width: auto !important;
    margin: 0 !important;
    padding: 18px 22px !important;
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
  }

  .post-list-thumb .post-content {
    width: 100%;
  }

  .post-list-thumb .post-thumb a {
    height: 255px;
    border-radius: 8px !important;
  }

  .post-list-thumb .post-thumb a img,
  body.dark .post-list-thumb .post-thumb img,
  body:not(.dark) .post-list-thumb .post-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 8px !important;
  }
}

.post-list-thumb .post-title-lock {
  display: inline-block;
  width: 0.96em;
  height: 0.96em;
  margin-right: 6px;
  background-color: #ef4444;
  line-height: 1;
  vertical-align: -0.13em;
  -webkit-mask: url("/wp-content/themes/axura/assets/img/ui/lock-svgrepo-com.svg") center / contain no-repeat;
  mask: url("/wp-content/themes/axura/assets/img/ui/lock-svgrepo-com.svg") center / contain no-repeat;
}
body.dark .post-list-thumb .post-title-lock {
  background-color: #60a5fa;
}


/* ========================================================================== 
   40. Header
   Source: assets/css/theme/40-header.css
   Purpose: Top navigation, hero/header transparency, sticky state, and post-page underlay behavior.
   ========================================================================== */

/* Header transparency, sticky states, and post-page underlay. */

/* === Axura Header Controll === */

/* 0) Hard force: header layers are transparent at top by default */
body:not(.axura-scrolled) header.site-header,
body:not(.axura-scrolled) header.site-header .site-top,
body:not(.axura-scrolled) header.site-header::before,
body:not(.axura-scrolled) header.site-header::after,
body:not(.axura-scrolled) header.site-header .site-top::before,
body:not(.axura-scrolled) header.site-header .site-top::after {
  background: transparent !important;
  box-shadow: none !important;
}

/* 1) TOP + DAY hover */
body:not(.axura-scrolled):not(.dark) header.site-header:hover,
body:not(.axura-scrolled):not(.dark) header.site-header:hover .site-top,
body:not(.axura-scrolled):not(.dark) header.site-header:hover::before,
body:not(.axura-scrolled):not(.dark) header.site-header:hover::after,
body:not(.axura-scrolled):not(.dark) header.site-header:hover .site-top::before,
body:not(.axura-scrolled):not(.dark) header.site-header:hover .site-top::after {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(254, 243, 199, 0.70) 40%,
    rgba(254, 226, 226, 0.70) 60%
  ) !important;
  box-shadow: 0 1px 40px -8px rgba(15, 23, 42, 0.7) !important;
}

/* 2) TOP + NIGHT hover */
body:not(.axura-scrolled).dark header.site-header:hover,
body:not(.axura-scrolled).dark header.site-header:hover .site-top,
body:not(.axura-scrolled).dark header.site-header:hover::before,
body:not(.axura-scrolled).dark header.site-header:hover::after,
body:not(.axura-scrolled).dark header.site-header:hover .site-top::before,
body:not(.axura-scrolled).dark header.site-header:hover .site-top::after {
  background:
    radial-gradient(circle at 0 0, rgba(34, 211, 238, 0.18), transparent 45%),
    radial-gradient(circle at 70% 0, rgba(168, 85, 247, 0.16), transparent 55%),
    rgba(5, 8, 20, 0.72) !important;
  box-shadow:
    0 1px 40px -8px rgba(0, 0, 0, 0.75),
    0 0 18px rgba(56, 189, 248, 0.26) !important;
}

/* 3) SCROLLED + DAY (default AND hover identical) */
body.axura-scrolled:not(.dark) header.site-header,
body.axura-scrolled:not(.dark) header.site-header:hover,
body.axura-scrolled:not(.dark) header.site-header .site-top,
body.axura-scrolled:not(.dark) header.site-header:hover .site-top,
body.axura-scrolled:not(.dark) header.site-header::before,
body.axura-scrolled:not(.dark) header.site-header:hover::before,
body.axura-scrolled:not(.dark) header.site-header::after,
body.axura-scrolled:not(.dark) header.site-header:hover::after {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(254, 243, 199, 0.70) 40%,
    rgba(254, 226, 226, 0.70) 60%
  ) !important;
  box-shadow: 0 1px 40px -8px rgba(15, 23, 42, 0.7) !important;
}

/* 4) SCROLLED + NIGHT (default AND hover identical) */
body.axura-scrolled.dark header.site-header,
body.axura-scrolled.dark header.site-header:hover,
body.axura-scrolled.dark header.site-header .site-top,
body.axura-scrolled.dark header.site-header:hover .site-top,
body.axura-scrolled.dark header.site-header::before,
body.axura-scrolled.dark header.site-header:hover::before,
body.axura-scrolled.dark header.site-header::after,
body.axura-scrolled.dark header.site-header:hover::after {
  background:
    radial-gradient(circle at 0 0, rgba(34, 211, 238, 0.18), transparent 45%),
    radial-gradient(circle at 70% 0, rgba(168, 85, 247, 0.16), transparent 55%),
    rgba(5, 8, 20, 0.72) !important;
  box-shadow:
    0 1px 40px -8px rgba(0, 0, 0, 0.75),
    0 0 18px rgba(56, 189, 248, 0.26) !important;
}

/* 5) Smooth transitions */
header.site-header,
header.site-header .site-top,
header.site-header::before,
header.site-header::after,
header.site-header .site-top::before,
header.site-header .site-top::after {
  transition: background 0.35s ease, box-shadow 0.35s ease;
}

/* 6) Post-page top underlay (behind fixed header) */
/* --- DAY (top, not scrolled) --- */
body.single:not(.axura-scrolled):not(.dark) .pattern-center-blank,
body.single:not(.axura-scrolled):not(.dark) .pattern-center-blank::before,
body.single:not(.axura-scrolled):not(.dark) .pattern-center-blank::after,
body.single:not(.axura-scrolled):not(.dark) .pattern-center::after,
body.single:not(.axura-scrolled):not(.dark) .headertop-bar::after {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.55) 0%,
    rgba(254, 243, 199, 0.42) 40%,
    rgba(254, 226, 226, 0.42) 60%
  ) !important;
  box-shadow: none !important;
}

/* --- NIGHT (top, not scrolled) --- */
body.single:not(.axura-scrolled).dark .pattern-center-blank,
body.single:not(.axura-scrolled).dark .pattern-center-blank::before,
body.single:not(.axura-scrolled).dark .pattern-center-blank::after,
body.single:not(.axura-scrolled).dark .pattern-center::after,
body.single:not(.axura-scrolled).dark .headertop-bar::after {
  background:
    radial-gradient(circle at 0 0, rgba(34, 211, 238, 0.14), transparent 55%),
    radial-gradient(circle at 70% 0, rgba(168, 85, 247, 0.12), transparent 60%),
    rgba(5, 8, 20, 0.55) !important;
  box-shadow: none !important;
}

/* 7) REMOVE pattern-center-blank (clean fix, no layout ghosts) */
.pattern-center-blank {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* prevent it from leaving a gap */
.pattern-center-blank + * {
  margin-top: 0 !important;
}




/* ========================================================================== 
   50. Toggle UI
   Source: assets/css/theme/50-toggle-ui.css
   Purpose: Bottom display panel, day/auto/night selectors, font switchers, and cursor-mode controls.
   ========================================================================== */

/* Skin menu, day/night chips, bottom gear, and cursor-mode toggle labels. */

/* 3) Bottom gear (cursor + DAY | NIGHT) */
body.dark .changeSkin-gear {
  background-color: #000206 !important;
  border-radius: 999px;
  border: 1px solid rgba(96, 165, 250, 0.6);
  box-shadow: 0 0 12px rgba(37, 99, 235, 0.4);
  padding: 4px 16px;
}

/* 4) Bottom gear (cursor + DAY | NIGHT) */
body:not(.dark) .changeSkin-gear {
  /* mostly white, with a *very* subtle red→purple→cyan wash */
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98),
    rgba(239, 68, 68, 0.04),
    rgba(168, 85, 247, 0.04),
    rgba(34, 211, 238, 0.04)
  );
  border-radius: 999px;
  border: 1px solid rgba(209, 213, 219, 0.9);  /* neutral gray border */
  /* softer, more “card-like” shadow to blend with white bg */
  box-shadow:
    0 8px 18px rgba(15, 23, 42, 0.10),
    0 0 6px rgba(148, 163, 184, 0.30);
  padding: 4px 16px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition:
    transform 0.2s ease-out,
    box-shadow 0.22s ease-out,
    border-color 0.22s ease-out,
    background 0.22s ease-out;
}
/* Hover: let the neon speak */
body:not(.dark) .changeSkin-gear:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.96),
    rgba(239, 68, 68, 0.12),
    rgba(168, 85, 247, 0.16),
    rgba(34, 211, 238, 0.16)
  );
  border-color: rgba(239, 68, 68, 0.65);
  box-shadow:
    0 0 14px rgba(239, 68, 68, 0.45),   /* soft red glow */
    0 0 20px rgba(168, 85, 247, 0.35),  /* soft purple halo */
    0 0 24px rgba(34, 211, 238, 0.32),  /* soft cyan edge */
    0 10px 22px rgba(15, 23, 42, 0.20); /* slight lift */
}
/* === Axura Skin Menu – Light/Dark Glass + Day/Night Chips === */

.skin-menu {
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.65);
  padding: 14px 18px 16px;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* DAY PANEL */
body:not(.dark) .skin-menu {
  background:
    radial-gradient(circle at 0 0, rgba(251, 191, 36, 0.10), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(248, 113, 113, 0.12), transparent 55%),
    rgba(255, 255, 255, 0.96);
  box-shadow:
    0 16px 32px rgba(15, 23, 42, 0.18),
    0 0 16px rgba(148, 163, 184, 0.45);
  color: #111827;
}

/* NIGHT PANEL */
body.dark .skin-menu {
  background:
    radial-gradient(circle at 0 0, rgba(56, 189, 248, 0.25), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(239, 68, 68, 0.18), transparent 55%),
    rgba(15, 23, 42, 0.92);
  box-shadow:
    0 18px 40px rgba(15, 23, 42, 0.85),
    0 0 22px rgba(56, 189, 248, 0.45);
  color: #e5e7eb;
}



/* ==================================== */

/* ============================================================
   1. Toggle UI layout + label colors
   ------------------------------------------------------------ */

/* Layout for DAY | NIGHT + cursor toggle */
.changeSkin-gear .keys {
  display: flex;
  align-items: center;
  gap: 10px;
}

#cursor-mode-toggle,
#open-skinMenu {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  letter-spacing: 0.03em;
}

#cursor-mode-toggle i,
#open-skinMenu i {
  margin-right: 4px;
}

/* Base label style */
#cursor-mode-label {
  transition: color 0.2s ease, font-weight 0.2s ease;
}

/* Label colors per scheme */

/* Aurora: orange/purple ambient lighting */
body.cursor-glow #cursor-mode-label{
  display: inline-block;
  font-weight: 800;
  letter-spacing: 0.02em;
  /* orange ↔ purple gradient */
  background-image: linear-gradient(
    90deg,
    #fb923c,  /* orange */
    #f97316,  /* deeper orange */
    #a855f7,  /* purple */
    #c084fc,  /* brighter purple */
    #fb923c   /* loop back */
  );
  background-size: 320% 100%;
  background-position: 0% 50%;
  animation: glowShift 4.4s ease-in-out infinite;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  /* warm + cool aura */
  text-shadow:
    0 0 1px  rgba(255,255,255,0.18),
    0 0 12px rgba(251,146,60,0.28),
    0 0 22px rgba(168,85,247,0.22);
}
@keyframes glowShift{
  0%   { background-position:   0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position:   0% 50%; }
}

/* Red */
body.cursor-red #cursor-mode-label{
  display: inline-block;
  font-weight: 900;
  background-image: linear-gradient(90deg, #fecaca, #f87171, #dc2626, #f87171);
  background-size: 260% 100%;
  animation: redShift 4s ease-in-out infinite;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow:
    0 0 1px rgba(255,255,255,0.18),
    0 0 14px rgba(248,113,113,0.22);
}
@keyframes redShift{
  0%   { background-position:   0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position:   0% 50%; }
}

/* Firefly: ambient, animated, green/yellow */
body.cursor-firefly #cursor-mode-label{
  display: inline-block;
  font-weight: 800;
  background-image: linear-gradient(90deg, #86efac, #4ade80, #fef08a);
  background-size: 260% 100%;
  animation: fireflyDrift 4.2s ease-in-out infinite, fireflyPulse 2.8s ease-in-out infinite;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 8px  rgba(74,222,128,0.28),
    0 0 18px rgba(254,240,138,0.18);
}
@keyframes fireflyDrift{
  0%   { background-position:   0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position:   0% 50%; }
}
@keyframes fireflyPulse{
  0%,100% { filter: brightness(1) saturate(1.05); }
  50%     { filter: brightness(1.18) saturate(1.35); }
}

/* Eclipse: dark/ash -> blood red -> dark/ash, animated */
body.cursor-dark #cursor-mode-label{
  font-weight: 800;
  background: linear-gradient(
    90deg,
    #6b7280,  /* ash gray */
    #111827,  /* near-black */
    #ef4444,  /* blood red */
    #111827,  /* near-black */
    #6b7280   /* ash gray */
  );
  background-size: 320% 100%;
  animation: eclipseShift 5.5s ease-in-out infinite;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
@keyframes eclipseShift{
  0%   { background-position:   0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position:   0% 50%; }
}

/* Neon: red blue purple gradient, animated */
body.cursor-neon #cursor-mode-label{
  font-weight: 800;
  background: linear-gradient(
    90deg,
    #ef4444,  /* red */
    #a855f7,  /* purple */
    #3b82f6,  /* blue */
    #ef4444   /* loop back to red */
  );
  background-size: 300% 100%;
  animation: cursorLabelHue 4.5s ease-in-out infinite;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
@keyframes cursorLabelHue {
  0%   { background-position:   0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position:   0% 50%; }
}



/* Mobile display controls: top, font, day/night. */
#moblieFontSwitch{visibility:hidden;position:fixed;right:10px;bottom:60px;z-index:99;border:0;outline:0;background-color:#fff;color:#404040;cursor:pointer;padding:15px;border-radius:12px;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);transform:scale(0);transition:transform .3s;}
#moblieFontSwitch .mobile-font-label{display:inline-flex;align-items:center;justify-content:center;font-family:var(--axura-font-classic)!important;font-size:13px;font-weight:700;letter-spacing:0;line-height:1;}
body:not(.serif) #moblieFontSwitch .mobile-font-label{font-family:var(--axura-font-lxgw)!important;}
@media screen and (max-width:860px){#moblieGoTop{bottom:110px;}#moblieFontSwitch{visibility:visible;}}
body.dark #moblieFontSwitch{color:#eee;background-color:#232629;box-shadow:0 0 12px rgba(96,165,250,.28);}
#moblieFontSwitch:hover,body.dark #moblieFontSwitch:hover{opacity:.85;}
body.dark #moblieFontSwitch{color:#eee!important;background-color:#232629!important;box-shadow:0 0 12px rgba(96,165,250,.28)!important;}
@media screen and (max-width:860px){#moblieGoTop,#moblieFontSwitch,#moblieDarkLight{width:46px!important;height:46px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;}#moblieFontSwitch .mobile-font-label{font-size:13px!important;line-height:1!important;}}

/* Align display panel with the bottom display switch and keep one attached triangle. */
.skin-menu{right:5px!important;width:min(232px,calc(100vw - 20px))!important;transform-origin:center bottom!important}
.skin-menu::before{content:none!important;display:none!important}
.skin-menu::after{content:""!important;position:absolute!important;left:50%!important;bottom:-18px!important;margin-left:-9px!important;width:0!important;height:0!important;border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-top:9px solid rgba(255,255,255,.94)!important;background:transparent!important;transform:none!important;filter:drop-shadow(0 2px 3px rgba(15,23,42,.10))!important;pointer-events:none!important}
body.dark .skin-menu.no-select{background:radial-gradient(circle at 0 0,rgba(0,245,255,.14),transparent 55%),radial-gradient(circle at 100% 100%,rgba(255,43,214,.12),transparent 58%),rgba(0,2,6,.96)!important;background-color:rgba(0,2,6,.96)!important;border-color:rgba(0,245,255,.28)!important}
body.dark .skin-menu.no-select::after{border-top-color:rgba(0,2,6,.96)!important;filter:drop-shadow(0 0 4px rgba(0,245,255,.24)) drop-shadow(0 0 5px rgba(255,43,214,.14))!important}
/* Keep bottom display switch stable across Classic/LXGW font changes. */
.changeSkin-gear,.changeSkin-gear *{font-family:Inter,"Helvetica Neue",Arial,sans-serif!important}
.changeSkin-gear{box-sizing:border-box!important;min-width:232px!important}
.changeSkin-gear .keys{width:100%!important;justify-content:center!important}
#cursor-mode-toggle{min-width:104px!important;justify-content:center!important}
#open-skinMenu{min-width:92px!important;justify-content:center!important}
/* Tighten bottom display switch spacing to match the panel width. */
.changeSkin-gear{width:232px!important;min-width:232px!important;padding-left:12px!important;padding-right:12px!important}
.changeSkin-gear .keys{gap:8px!important}
#cursor-mode-toggle{min-width:88px!important;justify-content:center!important}
#open-skinMenu{min-width:88px!important;justify-content:center!important}
/* Stable three-zone bottom display switch: cursor | gear | display. */
.changeSkin-gear{width:232px!important;min-width:232px!important;padding-left:12px!important;padding-right:12px!important}
.changeSkin-gear .keys{position:relative!important;display:grid!important;grid-template-columns:1fr 28px 1fr!important;align-items:center!important;gap:6px!important;width:100%!important}
#cursor-mode-toggle{grid-column:1!important;min-width:0!important;width:100%!important;justify-content:center!important;white-space:nowrap!important}
#open-skinMenu{grid-column:2 / 4!important;min-width:0!important;width:100%!important;justify-content:center!important;white-space:nowrap!important}
/* Final three-zone bottom display switch alignment. */
.changeSkin-gear{width:232px!important;min-width:232px!important;padding-left:12px!important;padding-right:12px!important}
.changeSkin-gear .keys{display:grid!important;grid-template-columns:86px 28px 86px!important;align-items:center!important;justify-content:center!important;column-gap:6px!important;width:100%!important}
#cursor-mode-toggle{grid-column:1!important;min-width:0!important;width:86px!important;justify-content:center!important;white-space:nowrap!important}
#open-skinMenu{grid-column:2 / 4!important;display:grid!important;grid-template-columns:28px 86px!important;align-items:center!important;min-width:0!important;width:120px!important}
#open-skinMenu i{grid-column:1!important;margin-right:0!important;justify-self:center!important}
#open-skinMenu .display-label{grid-column:2!important;justify-self:center!important}
/* DISPLAY label: match cursor label weight/lighting with day red and night blue. */
#open-skinMenu .display-label{display:inline-block!important;font-weight:800!important;letter-spacing:.02em!important;line-height:1!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;background-size:280% 100%!important;animation:cursorLabelHue 4.5s ease-in-out infinite!important;}
body:not(.dark) #open-skinMenu .display-label{background-image:linear-gradient(90deg,#fecaca,#ef4444,#a855f7,#ef4444)!important;text-shadow:0 0 1px rgba(255,255,255,.18),0 0 12px rgba(239,68,68,.24),0 0 20px rgba(168,85,247,.16)!important;}
body.dark #open-skinMenu .display-label{background-image:linear-gradient(90deg,#bae6fd,#38bdf8,#3b82f6,#a855f7,#38bdf8)!important;text-shadow:0 0 1px rgba(255,255,255,.16),0 0 12px rgba(56,189,248,.25),0 0 20px rgba(59,130,246,.18)!important;}
/* DISPLAY label simple color pass: day red/black, night blue/white. */
body:not(.dark) #open-skinMenu .display-label{background-image:linear-gradient(90deg,#111827,#ef4444,#7f1d1d,#111827)!important;text-shadow:0 0 1px rgba(255,255,255,.14),0 0 12px rgba(239,68,68,.22)!important;}
body.dark #open-skinMenu .display-label{background-image:linear-gradient(90deg,#ffffff,#93c5fd,#38bdf8,#ffffff)!important;text-shadow:0 0 1px rgba(255,255,255,.20),0 0 12px rgba(56,189,248,.24)!important;}
/* DISPLAY label subtle motion: keep colors, reduce attention draw. */
#open-skinMenu .display-label{background-size:180% 100%!important;animation:displayLabelDrift 9s ease-in-out infinite!important;}
@keyframes displayLabelDrift{0%{background-position:0% 50%;filter:saturate(.92)}50%{background-position:80% 50%;filter:saturate(1.04)}100%{background-position:0% 50%;filter:saturate(.92)}}
body:not(.dark) #open-skinMenu .display-label{text-shadow:0 0 1px rgba(255,255,255,.10),0 0 8px rgba(239,68,68,.14)!important;}
body.dark #open-skinMenu .display-label{text-shadow:0 0 1px rgba(255,255,255,.14),0 0 8px rgba(56,189,248,.16)!important;}

/* Mobile font switch uses SVG icons, matching the floating mobile controls. */
#moblieFontSwitch .mobile-font-label{width:100%!important;height:100%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;}
#moblieFontSwitch .mobile-font-icon{display:none;width:22px!important;height:22px!important;object-fit:contain!important;opacity:.9;filter:brightness(0) saturate(100%) invert(18%) sepia(8%) saturate(994%) hue-rotate(174deg) brightness(92%) contrast(90%) drop-shadow(0 1px 1px rgba(0,0,0,.10));}
#moblieFontSwitch.mobile-font-next-lxgw .mobile-font-icon-lxgw,#moblieFontSwitch.mobile-font-next-classic .mobile-font-icon-classic{display:block!important;}
body.dark #moblieFontSwitch .mobile-font-icon{filter:brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(481%) hue-rotate(178deg) brightness(104%) contrast(96%) drop-shadow(0 0 5px rgba(96,165,250,.28));opacity:.94;}
#moblieFontSwitch:hover .mobile-font-icon{opacity:1;}

/* Desktop font controls use SVG icons with short labels. */
.skin-menu .font-family-controls button{gap:6px!important;}
.skin-menu .font-family-controls .font-control-icon{width:17px!important;height:17px!important;object-fit:contain!important;flex:0 0 auto!important;opacity:.9;filter:brightness(0) saturate(100%) invert(18%) sepia(8%) saturate(994%) hue-rotate(174deg) brightness(92%) contrast(90%);}
.skin-menu .font-family-controls .font-control-label{display:inline-flex!important;align-items:center!important;line-height:1!important;font-size:12px!important;font-weight:700!important;letter-spacing:.02em!important;}
body.dark .skin-menu .font-family-controls .font-control-icon{filter:brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(481%) hue-rotate(178deg) brightness(104%) contrast(96%) drop-shadow(0 0 4px rgba(96,165,250,.22));opacity:.94;}
.skin-menu .font-family-controls button.selected .font-control-icon,.skin-menu .font-family-controls button:hover .font-control-icon{opacity:1;}


/* Mobile font switch: remove extra glow so it matches go-to-top and day/night buttons. */
#moblieFontSwitch,
body.dark #moblieFontSwitch{box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24)!important;}
#moblieFontSwitch .mobile-font-icon,
body.dark #moblieFontSwitch .mobile-font-icon{filter:none!important;}
/* Mobile font switch: keep night icon light without adding glow. */
body.dark #moblieFontSwitch .mobile-font-icon{filter:brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(481%) hue-rotate(178deg) brightness(104%) contrast(96%)!important;}

/* Auto display mode: DAY | AUTO | NIGHT. */
.skin-menu .theme-controls .menu-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;list-style:none!important;margin:0!important;padding:0!important}
.skin-menu .font-family-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important}
.skin-menu .theme-controls,.skin-menu .font-family-controls{margin:0!important;padding:0!important}
.skin-menu :where(#white-bg,#auto-bg,#dark-bg,button){position:relative!important;overflow:hidden!important;width:100%!important;min-width:0!important;height:34px!important;margin:0!important;padding:0 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;box-sizing:border-box!important;border-radius:10px!important;border:1px solid rgba(148,163,184,.32)!important;background:rgba(255,255,255,.46)!important;color:#1f2937!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important;line-height:1!important;letter-spacing:.02em!important;text-transform:uppercase!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
body.dark .skin-menu :where(#white-bg,#auto-bg,#dark-bg,button){border-color:rgba(148,163,184,.24)!important;background:rgba(15,23,42,.46)!important;color:#dbeafe!important}
.skin-menu #auto-bg:not(#white-bg):not(#dark-bg){display:inline-flex!important;visibility:visible!important;opacity:1!important}
.skin-menu :where(#white-bg,#auto-bg,#dark-bg,button):hover{transform:translateY(-1px)!important;background:linear-gradient(135deg,rgba(239,68,68,.10),rgba(168,85,247,.07),rgba(34,211,238,.08))!important;border-color:rgba(239,68,68,.46)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 0 8px rgba(239,68,68,.12),0 0 10px rgba(34,211,238,.08)!important}
body.dark .skin-menu :where(#white-bg,#auto-bg,#dark-bg,button):hover{background:linear-gradient(135deg,rgba(0,245,255,.11),rgba(168,85,247,.08),rgba(255,43,214,.07))!important;border-color:rgba(0,245,255,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 8px rgba(0,245,255,.12),0 0 10px rgba(255,43,214,.07)!important}
body:not(.dark).axura-theme-manual-day .skin-menu #white-bg,body:not(.dark).axura-theme-auto .skin-menu #auto-bg,body:not(.dark) .skin-menu .font-family-controls button.selected{background:linear-gradient(135deg,rgba(239,68,68,.24),rgba(168,85,247,.14),rgba(34,211,238,.16))!important;border:1px solid rgba(239,68,68,.56)!important;color:#1f2937!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(239,68,68,.12),0 0 6px rgba(239,68,68,.10),0 0 7px rgba(34,211,238,.06)!important}
body.dark.axura-theme-manual-night .skin-menu #dark-bg,body.dark.axura-theme-auto .skin-menu #auto-bg,body.dark .skin-menu .font-family-controls button.selected{background:linear-gradient(135deg,rgba(0,245,255,.24),rgba(168,85,247,.16),rgba(255,43,214,.13))!important;border:1px solid rgba(0,245,255,.52)!important;color:#f8fafc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset 0 -1px 0 rgba(0,245,255,.12),0 0 7px rgba(0,245,255,.12),0 0 7px rgba(255,43,214,.07)!important}
.skin-menu :where(#auto-bg .axura-auto-icon,#white-bg .axura-sun-icon){width:14px!important;height:14px!important;display:inline-block!important;flex:0 0 14px!important;background-color:currentColor!important;background-image:none!important}
.skin-menu #auto-bg .axura-auto-icon{-webkit-mask:url(/wp-content/themes/axura/assets/img/ui/time-outlined.svg) center/contain no-repeat!important;mask:url(/wp-content/themes/axura/assets/img/ui/time-outlined.svg) center/contain no-repeat!important}
.skin-menu #white-bg .axura-sun-icon{-webkit-mask:url(/wp-content/themes/axura/assets/img/ui/sun-o.svg) center/contain no-repeat!important;mask:url(/wp-content/themes/axura/assets/img/ui/sun-o.svg) center/contain no-repeat!important}
.skin-menu :where(#white-bg i,#dark-bg i){font-size:14px!important;width:14px!important;text-align:center!important;line-height:1!important}
.skin-menu.no-select{border-radius:14px!important;border:1px solid rgba(209,213,219,.86)!important;padding:12px!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
body:not(.dark) .skin-menu.no-select{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,68,68,.04),rgba(168,85,247,.04),rgba(34,211,238,.04))!important;box-shadow:0 8px 18px rgba(15,23,42,.10),0 0 6px rgba(148,163,184,.30)!important;color:#111827!important}
body.dark .skin-menu.no-select{background:linear-gradient(135deg,rgba(0,2,6,.96),rgba(37,99,235,.08),rgba(168,85,247,.07),rgba(34,211,238,.06))!important;border-color:rgba(96,165,250,.60)!important;box-shadow:0 0 12px rgba(37,99,235,.36)!important;color:#e5e7eb!important}
body:not(.dark) .skin-menu.no-select::after{border-top-color:rgba(255,255,255,.96)!important;filter:drop-shadow(0 2px 3px rgba(15,23,42,.10))!important}
body.dark .skin-menu.no-select::after{border-top-color:rgba(0,2,6,.96)!important;filter:drop-shadow(0 0 4px rgba(37,99,235,.28))!important}
.skin-menu.show{transform:scaleX(1)!important}
body.dark .skin-menu .theme-controls .menu-list :where(#white-bg,#auto-bg,#dark-bg){border-color:rgba(148,163,184,.24)!important;background:rgba(15,23,42,.46)!important;color:#dbeafe!important}
body.dark.axura-theme-manual-night .skin-menu #dark-bg,body.dark.axura-theme-auto .skin-menu #auto-bg{background:linear-gradient(135deg,rgba(0,245,255,.24),rgba(168,85,247,.16),rgba(255,43,214,.13))!important;border:1px solid rgba(0,245,255,.52)!important;color:#f8fafc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset 0 -1px 0 rgba(0,245,255,.12),0 0 7px rgba(0,245,255,.12),0 0 7px rgba(255,43,214,.07)!important}
.skin-menu .font-family-controls{margin-top:10px!important}


/* ========================================================================== 
   60. Cursor
   Source: assets/css/theme/60-cursor.css
   Purpose: Neon cursor schemes, trail visuals, and desktop cursor rendering.
   ========================================================================== */

/* Neon cursor color schemes and desktop cursor visuals. */

/* ============================================================
   0. Cursor color variables (schemes)
   ------------------------------------------------------------ */

/* GLOW – default */
:root {
  --cursor-core: #ffffff;

  --cursor-main-glow-1: rgba(255, 255, 255, 0.9);
  --cursor-main-glow-2: rgba(255, 180, 80, 0.9);

  --cursor-trail-border: rgba(255, 160, 70, 0.9);
  --cursor-trail-glow-1: rgba(255, 160, 70, 0.8);
  --cursor-trail-glow-2: rgba(255, 0, 150, 0.6);

  --cursor-glow-stop-1: rgba(255, 200, 120, 0.8);
  --cursor-glow-stop-2: rgba(255, 0, 200, 0.4);
  --cursor-glow-shadow-1: rgba(255, 180, 100, 0.9);
  --cursor-glow-shadow-2: rgba(255, 0, 200, 0.7);
  --cursor-glow-shadow-3: rgba(0, 220, 255, 0.7);
}

/* just a marker; vars already come from :root */
body.cursor-glow {}

/* RED – bloody crimson / wine red */
body.cursor-red {
  /* Core: pale */
  --cursor-core: #fee2e2; /* very light red */

  /* Inner glow: soft -> mid red */
  --cursor-main-glow-1: rgba(254, 202, 202, 0.95); /* soft red */
  --cursor-main-glow-2: rgba(248, 113, 113, 0.9);  /* medium red */

  /* Ring: deep crimson edge */
  --cursor-trail-border: rgba(185, 28, 28, 1);      /* dark red border */
  --cursor-trail-glow-1: rgba(220, 38, 38, 0.95);   /* strong red */
  --cursor-trail-glow-2: rgba(127, 29, 29, 0.9);    /* deeper blood red */

  /* Outer halo: dark blood / wine red */
  --cursor-glow-stop-1: rgba(190, 24, 24, 0.9);     /* rich blood red */
  --cursor-glow-stop-2: rgba(76, 5, 25, 0.85);      /* wine / dried blood */

  --cursor-glow-shadow-1: rgba(127, 29, 29, 0.95);  /* dark red shadow */
  --cursor-glow-shadow-2: rgba(69, 10, 10, 0.95);   /* very dark red */
  --cursor-glow-shadow-3: rgba(24, 0, 0, 1);        /* almost black red */
}

/* FIREFLY – yellow core, green/yellow glow */
body.cursor-firefly {
  --cursor-core: #facc15; /* bright yellow dot */

  --cursor-main-glow-1: rgba(250, 250, 170, 1);   /* yellow glow */
  --cursor-main-glow-2: rgba(132, 204, 22, 1);    /* yellow-green */

  --cursor-trail-border: rgba(74, 222, 128, 1);   /* green ring */
  --cursor-trail-glow-1: rgba(52, 211, 153, 0.95);
  --cursor-trail-glow-2: rgba(22, 163, 74, 0.9);

  --cursor-glow-stop-1: rgba(250, 250, 170, 0.95); /* outer yellow halo */
  --cursor-glow-stop-2: rgba(132, 204, 22, 0.6);
  --cursor-glow-shadow-1: rgba(190, 242, 100, 0.9);
  --cursor-glow-shadow-2: rgba(74, 222, 128, 0.9);
  --cursor-glow-shadow-3: rgba(21, 128, 61, 0.9);
}

/* DARK – black core, pure red ring, purple glow */
body.cursor-dark {
  /* Core: almost black */
  --cursor-core: #020617; /* deep navy/black */

  /* Inner glow: very dark */
  --cursor-main-glow-1: rgba(15, 23, 42, 1);       /* dark navy */
  --cursor-main-glow-2: rgba(15, 23, 42, 0.8);     /* slightly softer navy */

  /* RING: pure evil red */
  --cursor-trail-border: rgba(239, 68, 68, 1);     /* pure red edge */
  --cursor-trail-glow-1: rgba(248, 113, 113, 0.95);/* bright red glow */
  --cursor-trail-glow-2: rgba(185, 28, 28, 0.9);   /* deeper red */

  /* Outer halo: purple glow fading into near-black */
  --cursor-glow-stop-1: rgba(147, 51, 234, 0.9);   /* strong purple inner */
  --cursor-glow-stop-2: rgba(76, 29, 149, 0.7);    /* darker purple mid */

  --cursor-glow-shadow-1: rgba(168, 85, 247, 0.9); /* bright purple edge */
  --cursor-glow-shadow-2: rgba(46, 16, 101, 0.85); /* deep violet */
  --cursor-glow-shadow-3: rgba(3, 7, 18, 1);       /* near black shadow */
}

/* NEON – pink core, cyan ring, purple neon glow */
body.cursor-neon {
  /* Core: same neon magenta */
  --cursor-core: #f973e5; /* neon pink core */

  /* Inner glow: soft pink → lilac */
  --cursor-main-glow-1: rgba(244, 114, 182, 0.95); /* pink */
  --cursor-main-glow-2: rgba(196, 181, 253, 0.9);  /* lilac/indigo */

  /* RING: sharper, shinier cyan */
  --cursor-trail-border: rgba(56, 189, 248, 1);      /* bright cyan edge */
  --cursor-trail-glow-1: rgba(125, 211, 252, 0.95);  /* light cyan glow */
  --cursor-trail-glow-2: rgba(59, 130, 246, 0.7);    /* softer blue depth */

  /* Outer halo: purple neon cloud around it */
  --cursor-glow-stop-1: rgba(216, 180, 254, 0.9);    /* light purple inner */
  --cursor-glow-stop-2: rgba(168, 85, 247, 0.85);    /* richer purple mid */

  --cursor-glow-shadow-1: rgba(217, 70, 239, 0.95);  /* magenta/purple */
  --cursor-glow-shadow-2: rgba(147, 51, 234, 0.95);  /* solid purple */
  --cursor-glow-shadow-3: rgba(76, 29, 149, 0.9);    /* deep violet */
}


/* ============================================================
   2. Neon cursor visuals + cursor behavior (desktop only)
   ------------------------------------------------------------ */

@media (pointer: fine) {
  /* 1) Cursify mode: hide native cursor for everything by default */
  * ,
  *::before,
  *::after {
    cursor: none !important;
  }

  /* 2) I-beam on body text (entry content) */
  .entry-content,
  .entry-content * {
    cursor: text !important;
  }

  /* 3) But NOT on images inside posts – keep them neon-only */
  .entry-content img,
  .entry-content figure,
  .entry-content .wp-block-image {
    cursor: none !important;
  }

  /* 4) I-beam on search fields */
  .search-form input,
  .s-search input,
  input[type="search"] {
    cursor: none !important;
  }

  /* Neon cursor layers */

  .neon-cursor-main,
  .neon-cursor-trail,
  .neon-cursor-glow {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
  }

  /* Main dot – tight bright core */
  .neon-cursor-main {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--cursor-core);
    box-shadow:
      0 0 6px var(--cursor-main-glow-1),
      0 0 12px var(--cursor-main-glow-2);
    transition:
      transform 0.12s ease-out,
      box-shadow 0.12s ease-out,
      opacity 0.12s ease-out;
  }

  /* Trail ring – bigger circle that lags slightly */
  .neon-cursor-trail {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    border: 2px solid var(--cursor-trail-border);
    box-shadow:
      0 0 10px var(--cursor-trail-glow-1),
      0 0 22px var(--cursor-trail-glow-2);
    transition:
      transform 0.16s ease-out,
      box-shadow 0.16s ease-out,
      opacity 0.16s ease-out;
  }

  /* Outer glow – soft halo */
  .neon-cursor-glow {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: radial-gradient(
      circle,
      var(--cursor-glow-stop-1) 0,
      var(--cursor-glow-stop-2) 40%,
      transparent 70%
    );
    filter: blur(2px);
    box-shadow:
      0 0 20px var(--cursor-glow-shadow-1),
      0 0 40px var(--cursor-glow-shadow-2),
      0 0 60px var(--cursor-glow-shadow-3);
    mix-blend-mode: screen;
    transition:
      transform 0.2s ease-out,
      box-shadow 0.2s ease-out,
      opacity 0.2s ease-out;
  }

  /* Click compression */
  .neon-cursor-main.is-clicking {
    transform: scale(0.8);
  }

  .neon-cursor-trail.is-clicking,
  .neon-cursor-glow.is-clicking {
    transform: scale(0.9);
  }

  /* Hover highlight (JS adds .is-hovering) */
  .neon-cursor-main.is-hovering,
  .neon-cursor-trail.is-hovering,
  .neon-cursor-glow.is-hovering {
    box-shadow:
      0 0 16px var(--cursor-main-glow-1),
      0 0 32px var(--cursor-main-glow-2),
      0 0 72px var(--cursor-glow-shadow-3);
  }
}





/* ========================================================================== 
   80. Post Content
   Source: assets/css/theme/80-post-content.css
   Purpose: Article body patches, inline code, lists, terminals, footer, headings, and post content details.
   ========================================================================== */

/* Post body content patches: lists, quotes, and inline code. */


.entry-content :not(pre) > code {
  font-size: 0.9em !important;
}

/* ============================== Inline Code: Soft Magenta ============================== */

.entry-content :not(pre) > code {
    background: linear-gradient(
        120deg,
        rgba(253, 248, 252, 0.74),
        rgba(250, 246, 250, 0.60)
    ) !important;
    color: #D018C8 !important;
    word-break: break-word;
    font-family: 'Code-Pro-JetBrains-Mono', 'Source Code Pro', monospace, Helvetica, Tahoma, Arial, STXihei, "STHeiti Light", "Microsoft YaHei", sans-serif;
    padding: 1px 3px;
    line-height: inherit;
    vertical-align: baseline;
    text-shadow: 0 0 2px rgba(208, 24, 200, 0.16), 0 0 5px rgba(255, 70, 170, 0.075);
    border-radius: 4px;
    border: none;
    box-shadow: 0 1px 2px rgba(80, 40, 90, 0.03), 0 0 5px rgba(255, 70, 170, 0.03), inset 0 1px 0 rgba(255, 255, 255, 0.40);
}

/* =============================== Inline Code: Dark Mode Soft Matrix ============================== */

body.dark .entry-content :not(pre) > code,
.dark .entry-content :not(pre) > code {
    background: rgba(72, 255, 156, 0.08) !important;
    color: #46E889 !important;
    font-weight: 400;
    word-break: break-word;
    font-family: 'Code-Pro-JetBrains-Mono', 'Source Code Pro', monospace, Helvetica, Tahoma, Arial, STXihei, "STHeiti Light", "Microsoft YaHei", sans-serif;
    padding: 2px;
    text-shadow: 0 0 4px rgba(70, 232, 137, 0.36);
    border-radius: 5px;
    border: none;
    box-shadow: none;
}
/* Inline code inside quotes keeps a quieter neutral scheme than body inline code. */
.entry-content .wp-block-quote code:not(pre code) {
  background: rgba(120,140,180,.18) !important;
  color: #374151 !important;
  padding: 2px 4px !important;
  font-family: ui-monospace,SFMono-Regular,Consolas,monospace !important;
  font-size: .92em !important;
  text-shadow: none !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

body.dark .entry-content .wp-block-quote code:not(pre code) {
  background: rgba(120,160,220,.2) !important;
  color: #9EB5DC !important;
  text-shadow: none !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}


/* ============================== Entry Links: Access Trace ============================== */

.entry-content a {
    color: #2f343b !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: solid !important;
    text-decoration-color: transparent !important;

    border-bottom: none !important;
    background-image: linear-gradient(90deg, #D85F73, #9B5CFF, #00D8FF);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: 0 calc(100% - 1px);

    text-shadow: none;
    transition:
        color .18s ease-out,
        background-size .18s ease-out;
}

.entry-content a:hover {
    color: #111827 !important;
    text-decoration: none !important;
    text-decoration-line: none !important;

    background-size: 100% 2px;
}

body.dark .entry-content a {
    color: #e5e7eb !important;
}

body.dark .entry-content a:hover {
    color: #ffffff !important;
}


/* =========================================================
   LIST STYLING PATCH 
   ========================================================= */

.wp-block-list{
  font-size:.95em;
  margin:.6em 0!important;
  padding-top:.6em!important;
  padding-bottom:.6em!important;
}

/* control each bullet row height */
.wp-block-list li{
  margin:.45em 0!important;
  padding:.05em 0!important;
}


/* =========================================================
   Gutenberg DEV BLOCKQUOTE 
   ========================================================= */

.wp-block-quote{
  quotes:none!important;
  margin:1.3em 0!important;
  padding:.8em 1em .8em 1.3em!important;
  border-radius:6px!important;
  border:0!important;
  position:relative;
  font-family:inherit!important;
  font-style:normal!important;
  line-height:1.75!important;
	font-size:.95em;
	color:#5C718D!important;
   background:rgba(120,140,180,.08)!important;
}
body.dark .wp-block-quote{
  color:#b8c3d1!important;       
}

/* p */
.wp-block-quote p{
  margin:0!important;
  color:inherit!important;
  line-height:inherit!important;
	margin-top:.35em!important;
	margin-bottom:.35em!important;
}

/* Gradient rail */
.wp-block-quote::before{
  content:""!important;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  border-radius:6px 0 0 6px;
  background:linear-gradient(to bottom,#6c7cff,#2dd4bf);
}


/* Dark mode background */
body.dark .wp-block-quote{
  background:rgba(120,160,220,.12)!important;
}

/* Remove theme decorations */
.wp-block-quote::after,
.wp-block-quote p::before,
.wp-block-quote p::after{
  content:none!important;
  display:none!important;
}


/* Tight lists inside quote */
.wp-block-quote ul,
.wp-block-quote ol{
  margin:.5em 0!important;       
  color:inherit!important;
}
.wp-block-quote li{
  color:inherit!important;
  margin:.35em 0!important;
  line-height:1.5!important;
}
.wp-block-quote li::marker{
  color:inherit!important;
}



.entry-content a.axura-link-clicked {
    background-image: linear-gradient(90deg, rgba(148,163,184,.70), rgba(107,114,128,.52), rgba(148,163,184,.42));
}

body.dark .entry-content a.axura-link-clicked {
    background-image: linear-gradient(90deg, rgba(229,231,235,.46), rgba(148,163,184,.30), rgba(229,231,235,.22));
}

/* Keep neon link underlines visible when the link wraps inline code. */
.entry-content a:has(code) {
  position: relative;
  background-image: none !important;
}

.entry-content a:has(code)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  z-index: 3;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, #D85F73, #9B5CFF, #00D8FF);
}

.entry-content a:has(code):hover::after {
  height: 2px;
}

.entry-content a.axura-link-clicked:has(code)::after {
  background: linear-gradient(90deg, rgba(148,163,184,.70), rgba(107,114,128,.52), rgba(148,163,184,.42));
}

body.dark .entry-content a.axura-link-clicked:has(code)::after {
  background: linear-gradient(90deg, rgba(229,231,235,.46), rgba(148,163,184,.30), rgba(229,231,235,.22));
}

/* Terminal shortcode blocks should sit closer to surrounding prose. */
.entry-content .terminal {
  margin: 1.35em auto !important;
}

/* Terminal output stays compact after enlarging the main article font. */
.entry-content .terminal pre {
  font-size: 0.8em !important;
}


/* Keep mobile post lists aligned with desktop list rhythm. */
@media (max-width: 860px) {
  .entry-content ul,
  .entry-content ol,
  .entry-content li,
  .entry-content .wp-block-list {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .entry-content ul,
  .entry-content ol,
  .entry-content .wp-block-list {
    margin: .6em 0 !important;
    padding-top: .6em !important;
    padding-bottom: .6em !important;
  }

  .entry-content li {
    margin: .45em 0 !important;
    padding: .05em 0 !important;
  }
}

/* Code block scrollbar: terminal-style, low-contrast cyberpunk shell. */
.entry-content pre,.entry-content .highlight-wrap code,.entry-content .wp-block-kevinbatdorf-code-block-pro code,.entry-content .terminal pre{scrollbar-width:thin;scrollbar-color:rgba(146,64,132,.62) rgba(3,4,10,.28)}
.entry-content pre::-webkit-scrollbar,.entry-content .highlight-wrap code::-webkit-scrollbar,.entry-content .wp-block-kevinbatdorf-code-block-pro code::-webkit-scrollbar,.entry-content .terminal pre::-webkit-scrollbar{height:8px!important;width:8px!important;background:transparent!important}
.entry-content pre::-webkit-scrollbar-thumb:hover,.entry-content .highlight-wrap code::-webkit-scrollbar-thumb:hover,.entry-content .wp-block-kevinbatdorf-code-block-pro code::-webkit-scrollbar-thumb:hover,.entry-content .terminal pre::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,rgba(0,245,255,.46) 0,rgba(0,245,255,.18) 12%,rgba(14,18,30,.22) 24%,rgba(8,12,20,.18) 76%,rgba(255,43,214,.18) 88%,rgba(255,43,214,.44) 100%)!important;box-shadow:0 0 8px rgba(255,43,214,.06)!important}
body.dark .entry-content pre,body.dark .entry-content .highlight-wrap code,body.dark .entry-content .wp-block-kevinbatdorf-code-block-pro code,body.dark .entry-content .terminal pre{scrollbar-color:rgba(120,88,150,.68) rgba(2,6,23,.46)}
.entry-content pre::-webkit-scrollbar-track,.entry-content .highlight-wrap code::-webkit-scrollbar-track,.entry-content .wp-block-kevinbatdorf-code-block-pro code::-webkit-scrollbar-track,.entry-content .terminal pre::-webkit-scrollbar-track{background:rgba(3,4,10,.36)!important;border-radius:999px!important;box-shadow:inset 0 0 0 1px rgba(0,245,255,.08),inset 0 -1px 0 rgba(255,43,214,.10)!important}
.entry-content pre::-webkit-scrollbar-thumb,.entry-content .highlight-wrap code::-webkit-scrollbar-thumb,.entry-content .wp-block-kevinbatdorf-code-block-pro code::-webkit-scrollbar-thumb,.entry-content .terminal pre::-webkit-scrollbar-thumb{border-radius:999px!important;border:1px solid rgba(0,2,6,.30)!important;background:linear-gradient(90deg,rgba(0,245,255,.38) 0,rgba(0,245,255,.14) 11%,rgba(12,16,28,.18) 24%,rgba(7,10,18,.12) 76%,rgba(255,43,214,.14) 89%,rgba(255,43,214,.36) 100%)!important;box-shadow:0 0 6px rgba(0,245,255,.03)!important}
body.dark .entry-content pre::-webkit-scrollbar-track,body.dark .entry-content .highlight-wrap code::-webkit-scrollbar-track,body.dark .entry-content .wp-block-kevinbatdorf-code-block-pro code::-webkit-scrollbar-track,body.dark .entry-content .terminal pre::-webkit-scrollbar-track{background:rgba(2,6,23,.62)!important;box-shadow:inset 0 0 0 1px rgba(0,245,255,.10),inset 0 -1px 0 rgba(255,43,214,.12)!important}
body.dark .entry-content pre::-webkit-scrollbar-thumb,body.dark .entry-content .highlight-wrap code::-webkit-scrollbar-thumb,body.dark .entry-content .wp-block-kevinbatdorf-code-block-pro code::-webkit-scrollbar-thumb,body.dark .entry-content .terminal pre::-webkit-scrollbar-thumb{border-color:rgba(2,6,23,.40)!important;background:linear-gradient(90deg,rgba(0,245,255,.44) 0,rgba(0,245,255,.18) 11%,rgba(12,16,28,.16) 24%,rgba(6,9,16,.10) 76%,rgba(255,43,214,.18) 89%,rgba(255,43,214,.42) 100%)!important;box-shadow:0 0 8px rgba(0,245,255,.04)!important}
/* Keep post content images undimmed in night mode. */
body.dark .entry-content img,body.dark .entry-content figure img,body.dark .entry-content .wp-block-image img{filter:none!important;opacity:1!important;}
/* Terminal contrast against the blacker night-mode page shell. */
body.dark .entry-content .terminal{border-color:rgba(0,245,255,.34)!important;box-shadow:0 14px 28px rgba(0,0,0,.58),0 0 0 1px rgba(255,43,214,.16),0 0 18px rgba(0,245,255,.22),0 0 28px rgba(255,43,214,.10)!important;}
body.dark .entry-content .terminal .terminal-body{background:radial-gradient(130% 90% at 50% 0%,rgba(18,31,46,.72) 0%,rgba(5,9,16,.98) 38%,#000711 100%)!important;}
/* Terminal border palette: muted violet edge with restrained cyan secondary glow. */
body.dark .entry-content .terminal{border-color:rgba(146,64,132,.38)!important;box-shadow:0 14px 28px rgba(0,0,0,.58),0 0 0 1px rgba(255,43,214,.20),0 0 16px rgba(146,64,132,.24),0 0 22px rgba(0,245,255,.08)!important;}
/* Terminal output background: lifted from page black while staying terminal-dark. */
body.dark .entry-content .terminal .terminal-body{background:radial-gradient(130% 90% at 50% 0%,rgba(31,48,68,.82) 0%,rgba(10,18,30,.99) 42%,#06111d 100%)!important;}
/* Terminal output background: solid panel color. */
body.dark .entry-content .terminal .terminal-body{background:#06111d!important;}

/* Axura site footer with aggregate publishing stats. */
.site-footer.axura-site-footer,#colophon.site-footer.axura-site-footer{display:block!important;max-width:800px;margin:34px auto 28px!important;padding:0 18px!important;background:transparent!important;}
.axura-footer-inner{border-radius:14px;padding:16px 18px;text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(248,250,252,.68));border:1px solid rgba(148,163,184,.22);box-shadow:0 12px 28px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.62);backdrop-filter:blur(8px) saturate(130%);-webkit-backdrop-filter:blur(8px) saturate(130%);}
.axura-footer-copy{font-size:13px;line-height:1.5;font-weight:600;color:#374151;}
.axura-footer-stats{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:12px;line-height:1.35;color:#64748b;}
.axura-footer-stats span{display:inline-flex;align-items:center;gap:4px;}
body.dark .axura-footer-inner{background:linear-gradient(135deg,rgba(0,2,6,.58),rgba(15,23,42,.42));border-color:rgba(125,211,252,.22);box-shadow:0 12px 30px rgba(0,0,0,.30),0 0 20px rgba(56,189,248,.10),inset 0 1px 0 rgba(255,255,255,.08);}
body.dark .axura-footer-copy{color:#e5edf8;}
body.dark .axura-footer-stats{color:#93a4b8;}
@media(max-width:720px){.site-footer.axura-site-footer,#colophon.site-footer.axura-site-footer{margin:24px auto 22px!important;padding:0 14px!important}.axura-footer-inner{padding:14px 12px}.axura-footer-stats{gap:8px}}

/* Dark-mode bottom shell alignment. */
html:has(body.dark),body.dark,body.dark #page,body.dark .site,body.dark #content{background:#000206!important;}
body.dark .site-footer.axura-site-footer,body.dark #colophon.site-footer.axura-site-footer{margin-bottom:0!important;padding-bottom:28px!important;}
@media(max-width:720px){body.dark .site-footer.axura-site-footer,body.dark #colophon.site-footer.axura-site-footer{padding-bottom:22px!important}}

/* Single-post license and tags: allow long tag sets to wrap cleanly. */
.post-footer{height:auto!important;min-height:0!important;padding:18px 0!important;margin-top:30px!important;display:block!important;overflow:visible!important;border-top:1px dashed rgba(148,163,184,.42)!important;border-bottom:1px dashed rgba(148,163,184,.42)!important;}
.post-lincenses{display:block!important;text-align:center!important;padding:0 10px 12px!important;margin:0!important;font-size:13px!important;line-height:1.55!important;}
.post-lincenses a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;max-width:100%!important;white-space:normal!important;color:#94a3b8!important;}
.post-tags{float:none!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0 10px!important;box-sizing:border-box!important;text-align:center!important;font-size:12px!important;line-height:1.35!important;text-transform:none!important;color:#94a3b8!important;}
.post-tags i{flex:0 0 auto!important;margin:0 2px 0 0!important;color:#ef4444!important;line-height:1!important;}
.post-tags a{display:inline-flex!important;align-items:center!important;max-width:100%!important;margin:0!important;padding:4px 9px!important;border-radius:999px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;color:#475569!important;background:rgba(148,163,184,.10)!important;border:1px solid rgba(148,163,184,.20)!important;}
.post-tags a:hover{color:#111827!important;background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(34,211,238,.10))!important;border-color:rgba(239,68,68,.34)!important;}
body.dark .post-footer{border-top-color:rgba(125,211,252,.24)!important;border-bottom-color:rgba(125,211,252,.24)!important;}
body.dark .post-lincenses a{color:#93a4b8!important;}
body.dark .post-tags{color:#93a4b8!important;}
body.dark .post-tags i{color:#60a5fa!important;}
body.dark .post-tags a{color:#cbd5e1!important;background:rgba(15,23,42,.42)!important;border-color:rgba(125,211,252,.20)!important;}
body.dark .post-tags a:hover{color:#f8fafc!important;background:linear-gradient(135deg,rgba(0,245,255,.12),rgba(255,43,214,.09))!important;border-color:rgba(0,245,255,.34)!important;}

/* Footer coffee action. */
.axura-footer-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;text-align:left!important;}
.axura-footer-main{min-width:0!important;flex:1 1 auto!important;text-align:left!important;}
.axura-footer-main .axura-footer-stats{justify-content:flex-start!important;}
.axura-footer-coffee{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;border-radius:12px!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;}
.axura-footer-coffee img{display:block!important;width:auto!important;height:42px!important;max-width:180px!important;border:0!important;border-radius:10px!important;box-shadow:0 8px 18px rgba(0,0,0,.14)!important;}
.axura-footer-coffee:hover,.axura-footer-coffee:focus-visible{transform:translateY(-1px)!important;filter:saturate(1.06)!important;box-shadow:0 0 16px rgba(245,158,11,.16)!important;outline:none!important;}
body.dark .axura-footer-coffee img{box-shadow:0 8px 18px rgba(0,0,0,.34),0 0 14px rgba(245,158,11,.10)!important;}
@media(max-width:720px){.axura-footer-inner{flex-direction:column!important;text-align:center!important;gap:12px!important}.axura-footer-main{text-align:center!important}.axura-footer-main .axura-footer-stats{justify-content:center!important}.axura-footer-coffee img{height:40px!important;max-width:174px!important}}

/* Footer coffee gap fix: keep copyright/stats and BMC as a compact group. */
.axura-footer-inner{justify-content:center!important;gap:14px!important;}
.axura-footer-main{flex:0 1 auto!important;text-align:right!important;}
.axura-footer-main .axura-footer-stats{justify-content:flex-end!important;}
@media(max-width:720px){.axura-footer-main{text-align:center!important}.axura-footer-main .axura-footer-stats{justify-content:center!important}}

/* Footer presentation: keep it integrated with the page, not inside a boxed panel. */
.axura-footer-inner{padding:6px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
body.dark .axura-footer-inner{background:transparent!important;border-color:transparent!important;box-shadow:none!important;}


/* Theme heading permalinks: visual marker only, outside heading text flow. */
.entry-content :where(h1,h2,h3,h4,h5,h6),
.links :where(h1,h2,h3,h4,h5,h6) {
  overflow: visible;
}

.axura-heading-anchor {
  position: absolute;
  left: -1.18em;
  top: .08em;
  width: 1em;
  height: 1.25em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateX(.18em);
  color: #b91c1c !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-shadow: 0 0 6px rgba(239, 68, 68, .20);
  font: inherit;
  font-weight: 800;
  line-height: 1;
  z-index: 3;
  transition: opacity .16s ease, transform .16s ease, color .16s ease;
}

.axura-heading-anchor::before {
  content: "#";
}

.entry-content :where(h1,h2,h3,h4,h5,h6):hover > .axura-heading-anchor,
.entry-content :where(h1,h2,h3,h4,h5,h6) > .axura-heading-anchor:focus-visible,
.links :where(h1,h2,h3,h4,h5,h6):hover > .axura-heading-anchor,
.links :where(h1,h2,h3,h4,h5,h6) > .axura-heading-anchor:focus-visible {
  opacity: .82;
  transform: translateX(0);
}

.axura-heading-anchor:hover,
.axura-heading-anchor:focus-visible {
  opacity: 1 !important;
  color: #dc2626 !important;
  outline: none;
  text-shadow: 0 0 8px rgba(239, 68, 68, .30);
}

body.dark .axura-heading-anchor,
.dark .axura-heading-anchor {
  color: #38bdf8 !important;
  text-shadow: 0 0 7px rgba(56, 189, 248, .24);
}

body.dark .axura-heading-anchor:hover,
body.dark .axura-heading-anchor:focus-visible,
.dark .axura-heading-anchor:hover,
.dark .axura-heading-anchor:focus-visible {
  color: #67e8f9 !important;
  text-shadow: 0 0 9px rgba(56, 189, 248, .34);
}

@media screen and (max-width: 720px) {
  .axura-heading-anchor {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* Specificity guard: keep heading permalink marker on theme colors. */
.entry-content .axura-heading-anchor,.links .axura-heading-anchor{color:#b91c1c!important;-webkit-text-fill-color:#b91c1c!important;}
.entry-content .axura-heading-anchor:hover,.entry-content .axura-heading-anchor:focus-visible,.links .axura-heading-anchor:hover,.links .axura-heading-anchor:focus-visible{color:#dc2626!important;-webkit-text-fill-color:#dc2626!important;}
body.dark .entry-content .axura-heading-anchor,body.dark .links .axura-heading-anchor,.dark .entry-content .axura-heading-anchor,.dark .links .axura-heading-anchor{color:#38bdf8!important;-webkit-text-fill-color:#38bdf8!important;}
body.dark .entry-content .axura-heading-anchor:hover,body.dark .entry-content .axura-heading-anchor:focus-visible,body.dark .links .axura-heading-anchor:hover,body.dark .links .axura-heading-anchor:focus-visible,.dark .entry-content .axura-heading-anchor:hover,.dark .entry-content .axura-heading-anchor:focus-visible,.dark .links .axura-heading-anchor:hover,.dark .links .axura-heading-anchor:focus-visible{color:#67e8f9!important;-webkit-text-fill-color:#67e8f9!important;}
body.dark .entry-content :is(h1,h2,h3,h4,h5,h6)>.axura-heading-anchor,.dark .entry-content :is(h1,h2,h3,h4,h5,h6)>.axura-heading-anchor,body.dark .links :is(h1,h2,h3,h4,h5,h6)>.axura-heading-anchor,.dark .links :is(h1,h2,h3,h4,h5,h6)>.axura-heading-anchor{color:#38bdf8!important;-webkit-text-fill-color:#38bdf8!important;}

/* Invisible readable heading permalink target. */
.axura-heading-target{display:block;height:0;overflow:hidden;scroll-margin-top:96px;}
@media(max-width:720px){.axura-heading-target{scroll-margin-top:72px;}}