/* Lunar Letter: Digital Jewelry Box art direction */
:root {
  --jewel-hot-pink: #ff4fa4;
  --jewel-pink: #ff79b8;
  --jewel-baby-pink: #ffc7df;
  --jewel-sky: #65bfff;
  --jewel-blue: #617cff;
  --jewel-cyan: #6ce7ef;
  --jewel-lilac: #c09cff;
  --jewel-violet: #996cff;
  --jewel-mint: #79e5c0;
  --jewel-coral: #ff776c;
  --jewel-white: #fffaff;
  --jewel-ink: #37243d;
  --jewel-black: #221722;
  --jewel-silver: #dce2f2;
  --jewel-wine: #85345f;
  --jewel-line: #b86693;
  --jewel-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --jewel-serif: Georgia, "Times New Roman", serif;
  --jewel-pixel: "Courier New", ui-monospace, monospace;
}

html { background: var(--jewel-baby-pink); }

body.archive-zine.ll-portalized,
body.archive-zine:has([data-lunar-shell="portal-v5"]) {
  color: var(--jewel-ink);
  background-color: var(--jewel-baby-pink) !important;
  background-image:
    radial-gradient(circle at 12px 12px, rgba(255,255,255,.9) 0 1.5px, transparent 1.7px),
    radial-gradient(circle at 28px 28px, rgba(97,124,255,.25) 0 1px, transparent 1.2px),
    linear-gradient(90deg, transparent 0 31px, rgba(255,255,255,.26) 32px 33px, transparent 34px),
    linear-gradient(0deg, transparent 0 31px, rgba(255,255,255,.22) 32px 33px, transparent 34px) !important;
  background-size: 40px 40px, 40px 40px, 96px 96px, 96px 96px !important;
  font-family: var(--jewel-body);
}

body.archive-zine.ll-portalized::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(108,231,239,.42) 0 13%, transparent 13% 100%) top left / 300px 230px no-repeat,
    linear-gradient(315deg, rgba(192,156,255,.48) 0 15%, transparent 15% 100%) bottom right / 340px 260px no-repeat;
}

.ll-portal-shell[data-lunar-shell="portal-v5"] {
  position: relative;
  width: min(1570px, calc(100% - 28px));
  margin: 18px auto 42px;
  padding: 20px 24px 0;
  overflow: visible;
  border: 1px solid rgba(255,255,255,.96);
  border-radius: 48px 48px 18px 18px;
  color: var(--jewel-ink);
  background:
    linear-gradient(90deg, rgba(255,255,255,.7), rgba(255,255,255,.24) 18%, rgba(255,255,255,.24) 82%, rgba(255,255,255,.72)),
    var(--jewel-baby-pink);
  box-shadow:
    inset 0 0 0 3px var(--jewel-white),
    inset 0 0 0 5px var(--jewel-lilac),
    8px 8px 0 rgba(97,124,255,.28) !important;
}

.ll-portal-shell::before,
.ll-portal-shell::after {
  content: "✦";
  position: absolute;
  top: 154px;
  z-index: 4;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid var(--jewel-wine);
  border-radius: 50%;
  color: var(--jewel-white);
  background: var(--jewel-blue);
  box-shadow: inset 0 0 0 3px var(--jewel-white), 3px 3px 0 var(--jewel-hot-pink);
}

.ll-portal-shell::before { left: -12px; }
.ll-portal-shell::after { right: -12px; color: var(--jewel-ink); background: var(--jewel-cyan); }

.ll-portal-lace {
  position: relative;
  z-index: 3;
  height: 38px !important;
  margin: -18px 16px 0;
  overflow: hidden;
  border: 0 !important;
  background: transparent !important;
  filter: saturate(1.8) contrast(1.05);
}

.ll-portal-lace img {
  width: 100%;
  height: 54px !important;
  object-fit: cover;
  object-position: center 42%;
  mix-blend-mode: multiply;
  opacity: .76;
}

.ll-portal-lace--bottom { margin-top: 10px; transform: rotate(180deg); }

/* Brand-object masthead */
.ll-portal-masthead {
  position: relative;
  display: grid !important;
  min-height: 260px;
  padding: 46px 150px 36px !important;
  place-items: center;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 44% 44% 20px 20px / 32px 32px 20px 20px;
  color: var(--jewel-ink) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,255,255,.98) 0 16%, transparent 17%),
    radial-gradient(circle at 15px 15px, rgba(255,255,255,.9) 0 2px, transparent 2.3px) 0 0 / 30px 30px,
    var(--jewel-pink) !important;
  box-shadow:
    inset 0 0 0 3px var(--jewel-white),
    inset 0 0 0 6px var(--jewel-hot-pink),
    inset 0 -14px 0 rgba(192,156,255,.55),
    0 6px 0 var(--jewel-blue) !important;
}

.ll-portal-masthead::before,
.ll-portal-masthead::after {
  content: "";
  position: absolute;
  top: 35px;
  width: 118px;
  height: 168px;
  background:
    radial-gradient(circle, var(--jewel-cyan) 0 3px, transparent 4px) 8px 8px / 24px 24px,
    linear-gradient(90deg, var(--jewel-lilac), rgba(255,255,255,.8));
  clip-path: polygon(0 8%, 76% 0, 100% 15%, 82% 50%, 100% 85%, 76% 100%, 0 92%, 18% 50%);
  opacity: .9;
}

.ll-portal-masthead::before { left: 26px; }
.ll-portal-masthead::after { right: 26px; transform: scaleX(-1); }

.ll-masthead-status {
  position: absolute;
  top: 15px;
  padding: 4px 12px;
  border: 1px solid var(--jewel-wine);
  color: var(--jewel-white) !important;
  background: var(--jewel-black);
  box-shadow: 2px 2px 0 var(--jewel-cyan);
  font: 700 10px/1 var(--jewel-pixel);
  letter-spacing: .08em;
}

.ll-portal-masthead > p {
  z-index: 2;
  margin: 6px 0 3px !important;
  color: var(--jewel-wine) !important;
  font: 800 11px/1 var(--jewel-pixel) !important;
  letter-spacing: .15em !important;
}

.ll-portal-brand-lockup {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 18px;
}

.ll-portal-brand-lockup > img {
  width: 66px;
  height: 66px;
  border-radius: 20px;
  box-shadow: 4px 4px 0 var(--jewel-blue);
}

.ll-portal-title {
  position: relative;
  color: var(--jewel-white) !important;
  font: italic 900 clamp(52px, 6vw, 88px)/.8 var(--jewel-serif) !important;
  letter-spacing: -.055em !important;
  text-align: center;
  text-shadow:
    -2px -2px 0 var(--jewel-wine), 2px -2px 0 var(--jewel-wine),
    -2px 2px 0 var(--jewel-wine), 2px 2px 0 var(--jewel-wine),
    6px 7px 0 var(--jewel-blue), 9px 10px 0 rgba(108,231,239,.75);
}

.ll-portal-masthead > span:not(.ll-masthead-status) {
  z-index: 2;
  max-width: 680px;
  margin-top: 15px;
  color: var(--jewel-ink) !important;
  font: italic 18px/1.2 var(--jewel-serif) !important;
  text-align: center;
}

.ll-masthead-bow {
  position: absolute;
  right: 74px;
  bottom: -28px;
  z-index: 5;
  width: 105px;
  height: 78px;
  object-fit: contain;
  filter: saturate(2.2) hue-rotate(282deg) brightness(1.18);
}

.ll-charm-chain { color: var(--jewel-hot-pink); }
.ll-charm-chain i { display: block; background: var(--jewel-silver); }
.ll-charm-chain b { display: grid; place-items: center; font-style: normal; }
.ll-charm-chain--horizontal { display: flex; align-items: center; width: min(420px, 65%); gap: 7px; }
.ll-charm-chain--horizontal i { flex: 1; height: 1px; box-shadow: 0 2px 0 rgba(255,255,255,.75); }
.ll-charm-chain--horizontal b { width: 18px; height: 18px; border: 1px solid var(--jewel-white); border-radius: 50%; background: var(--jewel-lilac); }
.ll-charm-chain--vertical { display: grid; width: 26px; margin: -4px auto 6px; justify-items: center; }
.ll-charm-chain--vertical i { width: 1px; height: 13px; }
.ll-charm-chain--vertical b { width: 22px; height: 22px; border: 1px solid var(--jewel-wine); border-radius: 50%; background: var(--jewel-white); font-size: 10px; }

.ll-portal-ticker {
  position: relative;
  z-index: 6;
  margin: 8px 34px 0;
  border: 1px solid var(--jewel-black) !important;
  border-radius: 16px 16px 4px 4px;
  color: var(--jewel-white) !important;
  background: var(--jewel-black) !important;
  box-shadow: inset 0 0 0 2px var(--jewel-violet), 3px 3px 0 var(--jewel-cyan) !important;
}

.ll-portal-ticker span { color: var(--jewel-white) !important; }
.ll-portal-ticker i { background: var(--jewel-hot-pink) !important; }

/* Jewelry-box architecture */
.ll-portal-grid {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(158px, 215px) minmax(0, 1fr) minmax(178px, 238px) !important;
  gap: 18px !important;
  align-items: start;
  padding: 24px 4px 12px !important;
}

.ll-portal-main.main-mirror {
  position: relative;
  min-width: 0;
  padding: 28px !important;
  overflow: visible !important;
  border: 1px solid var(--jewel-line) !important;
  border-radius: 62px 62px 18px 18px / 42px 42px 18px 18px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(245,247,255,.9)) !important;
  box-shadow:
    inset 0 0 0 3px var(--jewel-white),
    inset 0 0 0 6px var(--jewel-lilac),
    7px 7px 0 rgba(97,124,255,.25) !important;
}

.ll-portal-main.main-mirror::before {
  content: "☾  ✦  LUNAR MIRROR  ✦  ☾";
  position: absolute;
  top: -16px;
  left: 50%;
  z-index: 5;
  min-width: 240px;
  padding: 7px 18px;
  transform: translateX(-50%);
  border: 1px solid var(--jewel-wine);
  border-radius: 50%;
  color: var(--jewel-white);
  background: linear-gradient(180deg, var(--jewel-silver), var(--jewel-violet) 44%, var(--jewel-blue) 45% 100%);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.9), 3px 3px 0 var(--jewel-hot-pink);
  font: 800 10px/1 var(--jewel-pixel);
  letter-spacing: .08em;
  text-align: center;
}

.ll-portal-main.main-mirror::after {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: -1;
  pointer-events: none;
  border: 1px dotted rgba(255,79,164,.55);
  border-radius: 50px 50px 12px 12px;
}

.ll-portal-sidebar { display: grid !important; gap: 12px !important; min-width: 0; }
.ll-portal-sidebar--left { padding-top: 20px; }
.ll-portal-sidebar--right { padding-top: 52px; transform: translateY(8px); }

/* Six title and panel treatments */
.ll-web-panel {
  position: relative;
  padding: 34px 12px 14px !important;
  overflow: visible !important;
  border: 1px solid var(--jewel-line) !important;
  border-radius: 8px !important;
  background: var(--jewel-white) !important;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.96), 3px 3px 0 rgba(97,124,255,.28) !important;
}

.ll-web-panel__title {
  position: absolute !important;
  top: -9px !important;
  right: 10px;
  left: 10px;
  display: flex !important;
  min-height: 28px !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 5px 8px !important;
  border: 1px solid var(--jewel-wine) !important;
  border-radius: 0 !important;
  color: var(--jewel-white) !important;
  background: var(--jewel-hot-pink) !important;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.9), 2px 2px 0 var(--jewel-blue) !important;
  font: 800 10px/1 var(--jewel-pixel) !important;
  letter-spacing: .08em !important;
}

.ll-panel-ribbon { margin-inline: -5px; border-radius: 6px 6px 26px 26px !important; }
.ll-panel-ribbon .ll-web-panel__title { right: -8px; left: -8px; clip-path: polygon(0 0, 8% 50%, 0 100%, 100% 100%, 92% 50%, 100% 0); background: var(--jewel-blue) !important; }

.ll-panel-microplate {
  border-color: var(--jewel-violet) !important;
  background: linear-gradient(135deg, var(--jewel-silver), var(--jewel-white) 45%, var(--jewel-cyan)) !important;
}
.ll-panel-microplate .ll-web-panel__title { right: 20px; left: 20px; border-radius: 14px !important; color: var(--jewel-ink) !important; background: linear-gradient(180deg, var(--jewel-white), var(--jewel-silver) 48%, var(--jewel-sky)) !important; }

.ll-panel-scallop {
  padding-bottom: 24px !important;
  border-radius: 22px 22px 8px 8px !important;
  background:
    radial-gradient(circle at 12px 100%, transparent 10px, var(--jewel-white) 10.5px) 0 100% / 24px 14px repeat-x,
    var(--jewel-white) !important;
}
.ll-panel-scallop .ll-web-panel__title { border-radius: 18px 18px 5px 5px !important; background: var(--jewel-violet) !important; }

.ll-panel-gel {
  border-color: rgba(255,255,255,.95) !important;
  background: rgba(192,156,255,.38) !important;
  backdrop-filter: blur(5px);
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.96), inset -1px -1px 0 rgba(55,36,61,.16), 4px 4px 0 rgba(255,79,164,.25) !important;
}
.ll-panel-gel .ll-web-panel__title { left: 18px; width: max-content; color: var(--jewel-ink) !important; background: var(--jewel-cyan) !important; }

.ll-panel-chrome {
  border-radius: 20px 6px 20px 6px !important;
  background: linear-gradient(155deg, #fffaff 0 22%, #dce2f2 23% 50%, #65bfff 51% 57%, #fffaff 58% 100%) !important;
}
.ll-panel-chrome .ll-web-panel__title { right: 18px; left: 18px; border-radius: 50% !important; color: var(--jewel-ink) !important; background: var(--jewel-silver) !important; }

.ll-panel-pixel {
  border-style: dotted !important;
  background:
    radial-gradient(circle at 5px 5px, rgba(97,124,255,.22) 0 1px, transparent 1.5px) 0 0 / 10px 10px,
    var(--jewel-white) !important;
}
.ll-panel-pixel .ll-web-panel__title { justify-content: flex-start; background: var(--jewel-black) !important; box-shadow: 2px 2px 0 var(--jewel-cyan) !important; }

.ll-open-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 10px;
  padding: 4px 8px 10px;
  border-left: 2px dotted var(--jewel-hot-pink);
}
.ll-open-links span { grid-column: 1 / -1; color: var(--jewel-wine); font: 800 10px var(--jewel-pixel); letter-spacing: .1em; }
.ll-open-links a { color: var(--jewel-ink); font: 700 12px var(--jewel-body); text-decoration: none; }
.ll-open-links a::before { content: "✦ "; color: var(--jewel-blue); }

.ll-side-nav a {
  min-height: 30px !important;
  border: 0 !important;
  border-bottom: 1px dotted rgba(133,52,95,.36) !important;
  background: transparent !important;
}
.ll-side-nav a img { width: 15px !important; height: 15px !important; filter: hue-rotate(218deg) saturate(3.4) brightness(1.05); }
.ll-side-nav a[aria-current="page"] { color: var(--jewel-white) !important; background: var(--jewel-hot-pink) !important; }

.ll-pixel-button-stack { display: grid !important; gap: 5px !important; }
.ll-pixel-button-stack a {
  display: grid !important;
  width: 88px;
  min-height: 31px !important;
  margin-inline: auto;
  place-items: center;
  padding: 2px 4px !important;
  border: 1px solid var(--jewel-black) !important;
  color: var(--jewel-black) !important;
  background:
    radial-gradient(circle at 6px 6px, rgba(255,255,255,.9) 0 1.5px, transparent 1.8px) 0 0 / 12px 12px,
    var(--jewel-cyan) !important;
  box-shadow: inset 1px 1px 0 var(--jewel-white), 2px 2px 0 var(--jewel-violet) !important;
  font: 800 8px/1 var(--jewel-pixel) !important;
  letter-spacing: .04em;
  text-align: center;
}
.ll-pixel-button-stack a:nth-child(2) { background-color: var(--jewel-lilac) !important; }
.ll-pixel-button-stack a:nth-child(3) { background-color: var(--jewel-pink) !important; }
.ll-pixel-button-stack a:nth-child(4) { background-color: var(--jewel-mint) !important; }

.ll-widget-feature { border-bottom: 1px dotted rgba(133,52,95,.36) !important; }
.ll-status-list dt { color: var(--jewel-wine) !important; }
.ll-status-list dd i { background: var(--jewel-mint) !important; box-shadow: 0 0 0 2px var(--jewel-white), 0 0 0 3px var(--jewel-ink); }

/* Eight original 88x31 web badges */
.ll-web-buttons {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px !important;
  margin: 10px auto 18px !important;
  padding: 12px !important;
  border: 0 !important;
  background: transparent !important;
}
.ll-web-buttons a {
  display: grid !important;
  grid-template-columns: 29px 1fr;
  grid-template-rows: 1fr 1fr;
  width: 88px !important;
  height: 31px !important;
  min-height: 31px !important;
  padding: 2px 4px !important;
  overflow: hidden;
  border: 1px solid var(--jewel-black) !important;
  color: var(--jewel-black) !important;
  background:
    radial-gradient(circle at 14px 15px, var(--jewel-white) 0 4px, var(--jewel-pink) 4.5px 7px, transparent 7.5px),
    linear-gradient(90deg, var(--jewel-cyan) 0 29px, var(--jewel-white) 29px) !important;
  box-shadow: inset 1px 1px 0 var(--jewel-white), 2px 2px 0 var(--jewel-violet) !important;
  font-family: var(--jewel-pixel) !important;
  text-decoration: none;
}
.ll-web-buttons a:nth-child(2n) { background: radial-gradient(circle at 14px 15px, var(--jewel-white) 0 4px, var(--jewel-blue) 4.5px 7px, transparent 7.5px), linear-gradient(90deg, var(--jewel-lilac) 0 29px, var(--jewel-white) 29px) !important; }
.ll-web-buttons a:nth-child(3n) { background: radial-gradient(circle at 14px 15px, var(--jewel-white) 0 4px, var(--jewel-coral) 4.5px 7px, transparent 7.5px), linear-gradient(90deg, var(--jewel-mint) 0 29px, var(--jewel-white) 29px) !important; }
.ll-web-buttons b,.ll-web-buttons span { grid-column: 2; margin: 0 !important; color: inherit !important; font-size: 7px !important; line-height: 1 !important; white-space: nowrap; }
.ll-web-buttons b { align-self: end; }
.ll-web-buttons span { align-self: start; }

.ll-portal-signoff {
  border: 1px solid var(--jewel-black) !important;
  border-radius: 3px;
  color: var(--jewel-white) !important;
  background: var(--jewel-black) !important;
  box-shadow: 3px 3px 0 var(--jewel-cyan) !important;
}
.ll-portal-signoff a,.ll-portal-signoff span { color: var(--jewel-white) !important; }

/* Home: an open digital jewelry box */
.ll-portal-shell--home .ll-portal-main { padding: 24px !important; }
.ll-home-zine.ll-asset-home { width: 100% !important; max-width: none !important; }
.ll-asset-home > section { margin-inline: 0 !important; }

.ll-asset-hero {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, .94fr) minmax(360px, 1.06fr) !important;
  min-height: 650px !important;
  padding: 54px 40px 44px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 50% 50% 24px 24px / 52px 52px 24px 24px !important;
  background:
    radial-gradient(circle at 10px 10px, rgba(255,255,255,.94) 0 2px, transparent 2.4px) 0 0 / 20px 20px,
    var(--jewel-baby-pink) !important;
  box-shadow: inset 0 0 0 3px var(--jewel-white), inset 0 0 0 6px var(--jewel-hot-pink), 6px 6px 0 var(--jewel-cyan) !important;
}
.ll-asset-hero::before {
  content: "LOVE / FATE / FUTURE";
  position: absolute;
  right: 3%;
  bottom: 0;
  color: rgba(97,124,255,.11);
  font: italic 900 clamp(54px, 7vw, 104px)/.8 var(--jewel-serif);
  pointer-events: none;
}
.ll-asset-hero__copy { position: relative; z-index: 3; padding: 30px 5px 20px !important; }
.ll-asset-hero__copy h1 { color: var(--jewel-white) !important; font-family: var(--jewel-serif) !important; font-style: italic; text-shadow: -2px -2px 0 var(--jewel-wine), 2px 2px 0 var(--jewel-wine), 6px 6px 0 var(--jewel-blue) !important; }
.ll-asset-hero__tagline { color: var(--jewel-wine) !important; font: italic 24px/1.1 var(--jewel-serif) !important; }
body.ll-portalized--home .ll-portal-main .ll-asset-hero__composition { display: block !important; position: relative !important; min-width: 0; min-height: 540px !important; overflow: visible !important; }
body.ll-portalized--home .ll-portal-main .ll-asset-hero__moon { display: block !important; }
body.ll-portalized--home .ll-portal-main .ll-asset-hero__flower,
body.ll-portalized--home .ll-portal-main .ll-asset-hero__chrome { display: block !important; }
.ll-asset-hero__moon {
  inset: 34px 4% 20px 0 !important;
  border: 1px solid var(--jewel-wine) !important;
  border-radius: 50% 50% 18px 18px !important;
  background: var(--jewel-silver) !important;
  box-shadow: inset 0 0 0 5px var(--jewel-white), inset 0 0 0 8px var(--jewel-lilac), 9px 9px 0 rgba(97,124,255,.35) !important;
}
.ll-asset-hero__moon img { border-radius: 50% 50% 14px 14px; filter: saturate(1.1) hue-rotate(184deg); }
.ll-asset-hero__chrome { border-color: var(--jewel-hot-pink) !important; box-shadow: 4px 4px 0 var(--jewel-blue) !important; }
.ll-home-launchpad { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
.ll-home-launchpad a { border: 1px solid var(--jewel-line) !important; border-radius: 18px 4px 18px 4px !important; background: rgba(255,255,255,.74) !important; box-shadow: inset 1px 1px 0 #fff, 3px 3px 0 rgba(97,124,255,.25) !important; }

.ll-asset-today {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(190px,.45fr) !important;
  gap: 28px;
  margin-top: 42px !important;
  padding: 34px !important;
  border: 1px solid var(--jewel-line) !important;
  border-radius: 12px 12px 52px 52px !important;
  background: rgba(192,156,255,.35) !important;
  backdrop-filter: blur(5px);
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.9), 5px 5px 0 var(--jewel-pink) !important;
}
.ll-asset-today__copy h2 { font-style: italic; color: var(--jewel-wine) !important; }
.ll-today-card-frame { border-color: var(--jewel-hot-pink) !important; box-shadow: 5px 5px 0 var(--jewel-blue) !important; }

.ll-worlds-spread { margin-top: 42px !important; padding: 36px 0 !important; border: 0 !important; background: transparent !important; }
.ll-worlds-intro { grid-template-columns: 150px minmax(0,1fr) 170px !important; padding: 22px !important; border: 1px dotted var(--jewel-violet) !important; background: transparent !important; }
.ll-worlds-intro__copy h2 { max-width: 16ch; color: var(--jewel-ink) !important; font: italic 700 clamp(44px,5.4vw,78px)/.88 var(--jewel-serif) !important; }

.ll-world-preview {
  position: relative;
  margin-block: 30px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.ll-world-preview__body { position: relative; z-index: 2; }
.ll-world-preview--astrology {
  grid-template-columns: minmax(0,.78fr) minmax(330px,1.22fr) !important;
  padding: 28px !important;
  border: 1px solid var(--jewel-blue) !important;
  border-radius: 80px 80px 18px 18px !important;
  background: linear-gradient(135deg, var(--jewel-white), rgba(101,191,255,.45)) !important;
  box-shadow: inset 0 0 0 4px var(--jewel-white), 7px 7px 0 var(--jewel-lilac) !important;
}
.ll-world-preview--astrology figure { border-radius: 50% 50% 12px 12px !important; overflow: hidden; }
.ll-world-preview--astrology h3 { font-family: var(--jewel-serif) !important; }

.ll-world-preview--tarot {
  grid-template-columns: minmax(250px,.58fr) minmax(0,1.42fr) !important;
  max-width: 88%;
  margin-left: auto !important;
  padding: 24px !important;
  border: 1px solid var(--jewel-hot-pink) !important;
  border-radius: 4px 38px 4px 38px !important;
  color: var(--jewel-white) !important;
  background: var(--jewel-black) !important;
  box-shadow: inset 0 0 0 3px var(--jewel-violet), 7px 7px 0 var(--jewel-hot-pink) !important;
}
.ll-world-preview--tarot h3,.ll-world-preview--tarot p,.ll-world-preview--tarot span,.ll-world-preview--tarot a { color: var(--jewel-white) !important; }
.ll-world-preview--tarot h3 { font: italic 700 clamp(38px,4vw,64px)/.88 var(--jewel-serif) !important; }
.ll-world-preview--tarot figure { max-width: 280px; margin: 0 auto; border: 1px solid var(--jewel-silver) !important; box-shadow: 4px 4px 0 var(--jewel-lilac) !important; }

.ll-world-preview--bazi {
  grid-template-columns: minmax(0,1.45fr) minmax(250px,.55fr) !important;
  padding: 18px 24px !important;
  border: 2px solid var(--jewel-blue) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, var(--jewel-mint) 0 13%, var(--jewel-white) 13% 88%, var(--jewel-coral) 88%) !important;
  box-shadow: 8px 8px 0 rgba(97,124,255,.28) !important;
}
.ll-world-preview--bazi .ll-large-characters { display: flex; justify-content: space-between; color: var(--jewel-blue) !important; font-size: clamp(34px,5vw,70px) !important; font-weight: 900; }
.ll-world-preview--bazi figure { clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%); }

.ll-world-preview--manifestation {
  grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr) !important;
  max-width: 92%;
  margin-right: auto !important;
  padding: 34px 28px 28px 52px !important;
  border: 1px solid var(--jewel-line) !important;
  border-radius: 8px 28px 28px 8px !important;
  background:
    radial-gradient(circle at 14px 20px, var(--jewel-white) 0 5px, var(--jewel-blue) 5.5px 7px, transparent 7.5px) 0 0 / 28px 38px repeat-y,
    repeating-linear-gradient(0deg, rgba(101,191,255,.18) 0 1px, transparent 1px 30px),
    var(--jewel-white) !important;
  box-shadow: 6px 6px 0 var(--jewel-pink) !important;
}
.ll-world-preview--manifestation h3 { color: var(--jewel-hot-pink) !important; font: italic 700 clamp(38px,4vw,62px)/.9 var(--jewel-serif) !important; }
.ll-world-preview--manifestation figure { border: 1px dotted var(--jewel-violet) !important; }

.ll-world-preview__enter,.ll-btn-print {
  border: 1px solid var(--jewel-wine) !important;
  border-radius: 16px 4px 16px 4px !important;
  color: var(--jewel-ink) !important;
  background: linear-gradient(180deg, var(--jewel-white), var(--jewel-pink)) !important;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.95), inset -1px -1px 0 rgba(55,36,61,.18), 3px 3px 0 var(--jewel-blue) !important;
}
.ll-category-wordmark { max-width: 100%; font-size: clamp(44px,5.2vw,76px) !important; line-height: .88 !important; overflow-wrap: normal !important; word-break: normal !important; }
.ll-category-wordmark--manifestation { font-size: clamp(40px,4.35vw,64px) !important; }
.ll-portal-shell[data-world="bazi"] .ll-category-wordmark,
.ll-portal-shell[data-world="bazi"] .ll-category-frame h1,
.ll-portal-shell[data-world="bazi"] .ll-category-frame h2 { color: var(--jewel-blue) !important; }
.ll-portal-shell[data-world="bazi"] .ll-hero-microcopy,
.ll-portal-shell[data-world="bazi"] .typewritten-label { color: var(--jewel-coral) !important; }
.ll-world-preview__links a { border-bottom: 1px dotted currentColor !important; }

.ll-keepsakes {
  padding: 38px !important;
  border: 1px solid var(--jewel-hot-pink) !important;
  border-radius: 44px 44px 12px 12px !important;
  background:
    radial-gradient(circle at 14px 100%, transparent 12px, var(--jewel-lilac) 12.5px) 0 100% / 28px 18px repeat-x,
    rgba(255,255,255,.88) !important;
  box-shadow: 6px 6px 0 var(--jewel-cyan) !important;
}
.ll-keepsakes > div { grid-template-columns: 1.25fr .75fr 1fr .9fr !important; align-items: stretch; }
.ll-keepsakes a { border: 1px solid var(--jewel-line) !important; border-radius: 22px 5px 22px 5px !important; background: rgba(255,255,255,.78) !important; box-shadow: 3px 3px 0 rgba(192,156,255,.6) !important; }

.ll-small-press {
  margin-top: 46px !important;
  padding: 38px !important;
  border: 1px solid var(--jewel-line) !important;
  border-radius: 6px;
  background: var(--jewel-silver) !important;
  box-shadow: inset 0 0 0 4px var(--jewel-white), 7px 7px 0 var(--jewel-violet) !important;
}
.ll-report-stack { grid-template-columns: repeat(3,minmax(0,1fr)) !important; background: transparent !important; }
.ll-report-stack a { transform: none !important; border: 0 !important; background: transparent !important; }

/* Category worlds */
.ll-portal-shell[data-world="astrology"] { --world-a: var(--jewel-sky); --world-b: var(--jewel-lilac); --world-c: var(--jewel-silver); }
.ll-portal-shell[data-world="tarot"] { --world-a: var(--jewel-hot-pink); --world-b: var(--jewel-violet); --world-c: var(--jewel-black); }
.ll-portal-shell[data-world="bazi"] { --world-a: var(--jewel-mint); --world-b: var(--jewel-coral); --world-c: var(--jewel-blue); }
.ll-portal-shell[data-world="manifestation"] { --world-a: var(--jewel-pink); --world-b: var(--jewel-cyan); --world-c: var(--jewel-lilac); }
.ll-portal-shell[data-world="account"] { --world-a: var(--jewel-lilac); --world-b: var(--jewel-pink); --world-c: var(--jewel-silver); }
.ll-portal-shell[data-world="reports"] { --world-a: var(--jewel-sky); --world-b: var(--jewel-hot-pink); --world-c: var(--jewel-lilac); }
.ll-portal-shell[data-world]:not([data-world="home"]) .ll-portal-masthead { background: radial-gradient(circle at 14px 14px, rgba(255,255,255,.85) 0 2px, transparent 2.4px) 0 0 / 28px 28px, var(--world-a, var(--jewel-pink)) !important; }
.ll-portal-shell[data-world="tarot"] .ll-portal-ticker,.ll-portal-shell[data-world="tarot"] .ll-panel-pixel { background-color: var(--jewel-black) !important; }
.ll-portal-shell[data-world="tarot"] .ll-portal-main::before { background: linear-gradient(180deg,var(--jewel-silver),var(--jewel-hot-pink) 48%,var(--jewel-black) 49%) !important; }
.ll-portal-shell[data-world="bazi"] .ll-portal-main { border-radius: 8px !important; box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 6px var(--jewel-mint), 7px 7px 0 var(--jewel-coral) !important; }
.ll-portal-shell[data-world="bazi"] .ll-portal-main::after { border-radius: 2px; border-style: dotted; }
.ll-portal-shell[data-world="manifestation"] .ll-portal-main { background: repeating-linear-gradient(0deg,rgba(101,191,255,.14) 0 1px,transparent 1px 32px),var(--jewel-white) !important; }

/* Native chart desk */
body.archive-birth-chart-fansite {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: var(--jewel-baby-pink) !important;
  background-image:
    radial-gradient(circle at 12px 12px, rgba(255,255,255,.9) 0 1.5px, transparent 1.7px),
    radial-gradient(circle at 28px 28px, rgba(97,124,255,.25) 0 1px, transparent 1.2px) !important;
  background-size: 40px 40px !important;
  box-shadow: none !important;
}
body.archive-birth-chart-fansite .astro-fansite {
  position: relative;
  width: min(1440px, calc(100% - 28px)) !important;
  margin: 22px auto 52px !important;
  padding: 28px !important;
  border: 1px solid var(--jewel-line) !important;
  border-radius: 56px 56px 16px 16px !important;
  background: linear-gradient(135deg,var(--jewel-white),rgba(101,191,255,.18)) !important;
  box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 7px var(--jewel-lilac), 8px 8px 0 rgba(97,124,255,.3) !important;
}
body.archive-birth-chart-fansite .astro-fansite::before { content: "☾  BIRTH CHART.exe  ✦"; position: absolute; top: -16px; left: 50%; z-index: 8; width: max-content; max-width: 80%; padding: 8px 28px; transform: translateX(-50%); border: 1px solid var(--jewel-wine); border-radius: 50%; color: #fff; background: var(--jewel-blue); box-shadow: inset 0 0 0 2px #fff,3px 3px 0 var(--jewel-hot-pink); font: 800 11px var(--jewel-pixel); letter-spacing: .08em; }
body.archive-birth-chart-fansite .astro-fansite__masthead {
  position: relative;
  min-height: 160px !important;
  padding: 36px 80px 28px !important;
  overflow: hidden;
  border: 1px solid var(--jewel-line) !important;
  border-radius: 42px 42px 10px 10px !important;
  background: radial-gradient(circle at 12px 12px,rgba(255,255,255,.9) 0 2px,transparent 2.4px) 0 0 / 24px 24px,var(--jewel-pink) !important;
  box-shadow: inset 0 0 0 3px #fff,inset 0 0 0 6px var(--jewel-lilac),5px 5px 0 var(--jewel-cyan) !important;
}
body.archive-birth-chart-fansite .astro-fansite__brand { color: #fff !important; font: italic 900 clamp(50px,6vw,82px)/.86 var(--jewel-serif) !important; text-shadow: -2px -2px 0 var(--jewel-wine),2px 2px 0 var(--jewel-wine),6px 6px 0 var(--jewel-blue) !important; }
body.archive-birth-chart-fansite .astro-fansite__masthead p { color: var(--jewel-ink) !important; font-family: var(--jewel-pixel) !important; }
body.archive-birth-chart-fansite .astro-fansite__topnav { margin: 8px 20px 20px !important; padding: 3px 14px !important; border: 1px solid var(--jewel-black) !important; border-radius: 15px 15px 3px 3px !important; color: #fff !important; background: var(--jewel-black) !important; box-shadow: inset 0 0 0 2px var(--jewel-violet),3px 3px 0 var(--jewel-cyan) !important; }
body.archive-birth-chart-fansite .astro-fansite__topnav a { min-height: 38px !important; border: 0 !important; color: #fff !important; background: transparent !important; }
body.archive-birth-chart-fansite .astro-fansite__topnav a[aria-current="page"] { color: var(--jewel-black) !important; background: var(--jewel-cyan) !important; }
body.archive-birth-chart-fansite .astro-fansite__portal { grid-template-columns: 188px minmax(0,1fr) 210px !important; gap: 18px !important; padding: 0 18px 24px !important; border: 0 !important; background: transparent !important; }
body.archive-birth-chart-fansite .astro-fansite__main { min-width: 0; padding: 0 !important; border: 1px solid var(--jewel-line) !important; border-radius: 42px 42px 12px 12px !important; background: rgba(255,255,255,.88) !important; box-shadow: inset 0 0 0 3px #fff,inset 0 0 0 6px var(--jewel-silver),5px 5px 0 rgba(97,124,255,.24) !important; }
body.archive-birth-chart-fansite .astro-fansite__pagehead { margin: 12px !important; border: 0 !important; background: transparent !important; }
body.archive-birth-chart-fansite .astro-pixel-window { padding: 36px 12px 14px !important; border: 1px solid var(--jewel-line) !important; border-radius: 18px 5px 18px 5px !important; background: var(--jewel-white) !important; box-shadow: inset 0 0 0 2px #fff,3px 3px 0 rgba(97,124,255,.28) !important; }
body.archive-birth-chart-fansite .astro-pixel-window h2 { top: -8px !important; right: 9px !important; left: 9px !important; border: 1px solid var(--jewel-wine) !important; border-radius: 15px 4px 15px 4px !important; color: #fff !important; background: var(--jewel-blue) !important; box-shadow: 2px 2px 0 var(--jewel-cyan) !important; }
body.archive-birth-chart-fansite .astro-fansite__sidebar--left .astro-pixel-window:nth-child(2) { border-radius: 4px !important; background: linear-gradient(135deg,var(--jewel-silver),var(--jewel-white),var(--jewel-cyan)) !important; }
body.archive-birth-chart-fansite .astro-fansite__sidebar--right .astro-pixel-window:first-child { border-radius: 24px 24px 5px 5px !important; background: rgba(192,156,255,.4) !important; backdrop-filter: blur(5px); }
body.archive-birth-chart-fansite .chart-workspace { display: block !important; background: transparent !important; }
body.archive-birth-chart-fansite .chart-inputs { width: min(980px,100%); margin: 0 auto 28px; border: 1px solid var(--jewel-line) !important; border-radius: 28px 8px 28px 8px !important; background: rgba(255,255,255,.74) !important; box-shadow: 4px 4px 0 var(--jewel-cyan) !important; }
body.archive-birth-chart-fansite .chart-wheel-shell { border: 1px solid var(--jewel-blue) !important; border-radius: 50% 50% 18px 18px !important; background: var(--jewel-white) !important; box-shadow: inset 0 0 0 5px #fff, inset 0 0 0 8px var(--jewel-silver), 7px 7px 0 var(--jewel-lilac) !important; }
body.archive-birth-chart-fansite .chart-data-window { border: 1px solid var(--jewel-line) !important; border-radius: 12px !important; background: var(--jewel-white) !important; box-shadow: 3px 3px 0 rgba(97,124,255,.24) !important; }
body.archive-birth-chart-fansite .chart-data-window h3 { display: inline-block; padding: 5px 13px; border-radius: 16px 4px 16px 4px; color: #fff !important; background: var(--jewel-blue) !important; }

/* My Lunar: private jewelry drawer */
.ll-portal-shell[data-world="account"] .ll-portal-main { background: linear-gradient(135deg,rgba(255,255,255,.98),rgba(192,156,255,.28)) !important; }
.ll-portal-shell[data-world="account"] .account-shell,
.ll-portal-shell[data-world="account"] .my-lunar-grid { border: 0 !important; background: transparent !important; }
.ll-portal-shell[data-world="account"] [id*="read"],
.ll-portal-shell[data-world="account"] [id*="report"],
.ll-portal-shell[data-world="account"] [id*="purchase"],
.ll-portal-shell[data-world="account"] [id*="setting"] { position: relative; margin-top: 30px; padding-top: 42px !important; border: 1px solid var(--jewel-line) !important; border-radius: 5px 5px 24px 24px !important; background: var(--jewel-white) !important; box-shadow: 5px 7px 0 rgba(97,124,255,.25) !important; }
.ll-portal-shell[data-world="account"] [id*="read"]::before,
.ll-portal-shell[data-world="account"] [id*="report"]::before,
.ll-portal-shell[data-world="account"] [id*="purchase"]::before,
.ll-portal-shell[data-world="account"] [id*="setting"]::before { content: "PRIVATE DRAWER"; position: absolute; top: -17px; left: 18px; padding: 8px 18px; border: 1px solid var(--jewel-wine); border-radius: 14px 14px 0 0; color: #fff; background: var(--jewel-hot-pink); box-shadow: 3px 0 0 var(--jewel-blue); font: 800 9px var(--jewel-pixel); }

/* Reports: mini magazine shop */
.reports-hub-grid,.product-tier-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 24px !important; }
.reports-hub-grid article,.product-tier-grid article { padding: 16px !important; border: 1px solid var(--jewel-line) !important; border-radius: 7px !important; background: rgba(255,255,255,.84) !important; box-shadow: 5px 5px 0 rgba(192,156,255,.5) !important; transform: none !important; }
.ll-edition-cover { border: 1px solid var(--jewel-ink) !important; border-radius: 2px !important; box-shadow: inset 0 0 0 4px #fff,6px 6px 0 rgba(97,124,255,.35) !important; }
.ll-edition-cover--quick { background: var(--jewel-pink) !important; }
.ll-edition-cover--in-depth { background: var(--jewel-sky) !important; }
.ll-edition-cover--complete { color: #fff !important; background: var(--jewel-violet) !important; }

/* Shared form surfaces and raised controls */
[data-lunar-shell="portal-v5"] input,
[data-lunar-shell="portal-v5"] select,
[data-lunar-shell="portal-v5"] textarea,
.archive-birth-chart-fansite input,
.archive-birth-chart-fansite select,
.archive-birth-chart-fansite textarea {
  border: 1px solid var(--jewel-line) !important;
  border-radius: 12px 4px 12px 4px !important;
  color: var(--jewel-ink) !important;
  background: rgba(255,255,255,.93) !important;
  box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 rgba(55,36,61,.12), 2px 2px 0 rgba(101,191,255,.32) !important;
}
[data-lunar-shell="portal-v5"] button:not(.mobile-menu-button):not(.site-search-submit),
[data-lunar-shell="portal-v5"] .button,
.archive-birth-chart-fansite button {
  border: 1px solid var(--jewel-wine) !important;
  border-radius: 14px 4px 14px 4px !important;
  color: var(--jewel-ink) !important;
  background: linear-gradient(180deg,var(--jewel-white),var(--jewel-pink)) !important;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.95), inset -1px -1px 0 rgba(55,36,61,.16), 3px 3px 0 var(--jewel-blue) !important;
}

/* Footer as the dark velvet base of the box */
body.archive-zine .site-footer,
.ll-portal-shell + .site-footer {
  position: relative;
  border-top: 8px double var(--jewel-pink) !important;
  color: var(--jewel-white) !important;
  background: var(--jewel-black) !important;
  box-shadow: inset 0 5px 0 var(--jewel-violet) !important;
}
body.archive-zine .site-footer a,body.archive-zine .site-footer p,body.archive-zine .site-footer span { color: var(--jewel-white) !important; }

@media (max-width: 1180px) {
  .ll-portal-shell { width: min(100% - 18px, 1120px); padding-inline: 14px; }
  .ll-portal-grid { grid-template-columns: 176px minmax(0,1fr) !important; }
  .ll-portal-sidebar--right { grid-column: 1 / -1; grid-template-columns: repeat(4,minmax(0,1fr)); padding-top: 8px; transform: none; }
  .ll-portal-masthead { padding-inline: 105px !important; }
  .ll-masthead-bow { right: 36px; }
  .ll-worlds-intro { grid-template-columns: 120px minmax(0,1fr) !important; }
  .ll-worlds-intro__index { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
  .ll-portal-shell { margin-top: 8px; border-radius: 28px 28px 10px 10px; }
  .ll-portal-masthead { min-height: 230px; padding: 42px 28px 30px !important; }
  .ll-portal-masthead::before,.ll-portal-masthead::after { width: 60px; opacity: .58; }
  .ll-portal-brand-lockup > img { width: 48px; height: 48px; }
  .ll-portal-title { font-size: clamp(44px,11vw,70px) !important; }
  .ll-masthead-bow { right: 8px; width: 78px; }
  .ll-portal-grid { grid-template-columns: 1fr !important; }
  .ll-portal-sidebar--left { grid-template-columns: 1fr 1fr; align-items: start; }
  .ll-portal-sidebar--left .ll-charm-chain { display: none; }
  .ll-open-links { align-self: stretch; }
  .ll-portal-main.main-mirror { grid-row: 2; padding: 22px 14px !important; border-radius: 38px 38px 14px 14px !important; }
  .ll-portal-sidebar--right { grid-template-columns: 1fr 1fr; }
  .ll-asset-hero { grid-template-columns: 1fr !important; padding: 46px 22px 30px !important; }
  body.ll-portalized--home .ll-portal-main .ll-asset-hero__composition { min-height: 430px !important; }
  .ll-world-preview,.ll-world-preview--astrology,.ll-world-preview--tarot,.ll-world-preview--bazi,.ll-world-preview--manifestation { grid-template-columns: 1fr !important; max-width: 100%; margin-inline: 0 !important; }
  .ll-world-preview--tarot figure { max-width: 220px; }
  .ll-asset-today { grid-template-columns: 1fr !important; }
  .ll-keepsakes > div { grid-template-columns: 1fr 1fr !important; }
  .reports-hub-grid,.product-tier-grid { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 520px) {
  body.archive-zine.ll-portalized { background-size: 28px 28px,28px 28px,72px 72px,72px 72px !important; }
  .ll-portal-shell { width: calc(100% - 8px); margin-inline: 4px; padding-inline: 7px; box-shadow: inset 0 0 0 2px #fff,inset 0 0 0 4px var(--jewel-lilac),4px 4px 0 rgba(97,124,255,.25) !important; }
  .ll-portal-shell::before,.ll-portal-shell::after { display: none; }
  .ll-portal-lace { margin-inline: 4px; }
  .ll-portal-masthead { min-height: 210px; padding-inline: 12px !important; }
  .ll-portal-masthead::before,.ll-portal-masthead::after { display: none; }
  .ll-portal-brand-lockup { gap: 9px; }
  .ll-portal-brand-lockup > img { width: 38px; height: 38px; border-radius: 12px; }
  .ll-portal-title { font-size: clamp(37px,12vw,55px) !important; text-shadow: -1px -1px 0 var(--jewel-wine),1px 1px 0 var(--jewel-wine),4px 4px 0 var(--jewel-blue) !important; }
  .ll-portal-masthead > span:not(.ll-masthead-status) { font-size: 15px !important; }
  .ll-charm-chain--horizontal { width: 80%; }
  .ll-portal-ticker { margin-inline: 7px; }
  .ll-portal-sidebar--left,.ll-portal-sidebar--right { grid-template-columns: 1fr; }
  .ll-portal-main.main-mirror { padding-inline: 9px !important; }
  .ll-portal-main.main-mirror::before { min-width: 190px; padding-inline: 10px; font-size: 8px; }
  .ll-asset-hero { min-height: 0 !important; padding-inline: 12px !important; }
  .ll-asset-hero__copy { padding-inline: 3px !important; }
  body.ll-portalized--home .ll-portal-main .ll-asset-hero__composition { min-height: 340px !important; }
  .ll-home-launchpad { grid-template-columns: 1fr !important; }
  .ll-worlds-intro { grid-template-columns: 1fr !important; padding-inline: 10px !important; }
  .ll-worlds-intro__copy h2 { font-size: 42px !important; }
  .ll-world-preview--astrology,.ll-world-preview--tarot,.ll-world-preview--bazi,.ll-world-preview--manifestation { padding: 20px 12px !important; }
  .ll-world-preview--manifestation { padding-left: 34px !important; }
  .ll-keepsakes { padding: 28px 12px !important; }
  .ll-keepsakes > div { grid-template-columns: 1fr !important; }
  .ll-small-press { padding: 28px 10px !important; }
  .ll-report-stack,.reports-hub-grid,.product-tier-grid { grid-template-columns: 1fr !important; }
  .ll-portal-signoff { display: grid !important; gap: 5px; text-align: center; }
  body.archive-birth-chart-fansite .astro-fansite { width: calc(100% - 8px) !important; padding-inline: 9px !important; }
  body.archive-birth-chart-fansite .astro-fansite__portal { grid-template-columns: 1fr !important; padding-inline: 3px !important; }
  body.archive-birth-chart-fansite .astro-fansite__sidebar { display: none !important; }
  body.archive-birth-chart-fansite .astro-fansite__masthead { padding-inline: 18px !important; }
}