/*
Theme Name: 98Novels
Theme URI: https://98novels.com
Description: Child theme for Fictioneer, styled after the 98NOVELS glossy logo: bubblegum pink, peach, plum and a pinch of gold. Light mode is the cream-and-pink "book page" look, dark mode is a late-night plum look.
Author: 98Novels
Template: fictioneer
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-3.0-or-later
Text Domain: novels98
*/

/* =============================================================================
   FONT: Fredoka (self-hosted, SIL OFL). Rounded and bubbly, like the logo digits.
   ========================================================================== */
@font-face{font-family:"Fredoka";font-style:normal;font-display:swap;font-weight:300 700;
  src:url("fonts/fredoka-latin-wght-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fredoka";font-style:normal;font-display:swap;font-weight:300 700;
  src:url("fonts/fredoka-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* =============================================================================
   BRAND TOKENS (sampled from the logo)
   ========================================================================== */
:root{
  --n98-ink:#2e041f;
  --n98-plum:#56233f;
  --n98-plum-soft:#6d2e51;
  --n98-pink:#fe95a8;
  --n98-pink-deep:#c93a62;
  --n98-peach:#f8d0a8;
  --n98-cream:#fdf7f4;
  --n98-gold:#fdc217;
  --n98-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23fe95a8' fill-opacity='.17'%3E%3Cpath transform='translate(14 18) rotate(-12 10 10) scale(.85)' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3Cpath transform='translate(108 120) rotate(14 10 10) scale(.6)' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/g%3E%3Cg fill='%23fdc217' fill-opacity='.24'%3E%3Cpath transform='translate(92 28) scale(.55)' d='M12 2c.6 5.4 4.6 9.4 10 10-5.4.6-9.4 4.6-10 10-.6-5.4-4.6-9.4-10-10C7.4 11.4 11.4 7.4 12 2z'/%3E%3Cpath transform='translate(30 104) scale(.4)' d='M12 2c.6 5.4 4.6 9.4 10 10-5.4.6-9.4 4.6-10 10-.6-5.4-4.6-9.4-10-10C7.4 11.4 11.4 7.4 12 2z'/%3E%3C/g%3E%3C/svg%3E");

  --ff-heading:"Fredoka","Nunito","Varela Round",var(--ff-base);
  --ff-nav-item:var(--ff-heading);
  --ff-site-title:var(--ff-heading);
  --ff-card-title:var(--ff-heading);
  --ff-story-title:var(--ff-heading);
  --ff-chapter-title:var(--ff-heading);

  --layout-border-radius-large:22px;
  --layout-border-radius-small:10px;

  --header-logo-height:150px;
  --header-height:calc(clamp(150px, 20vw + 70px, 220px) - var(--page-inset-top,0px));
  --site-title-text-shadow:none;

  --footer-menu-divider:" \2665  ";
  --hr-dots-color:var(--n98-pink);
}

/* =============================================================================
   LIGHT MODE (default): cream book pages on a bubblegum background
   ========================================================================== */
:root[data-mode=light]{
  --theme-color-base:20 69 97;
  --bg-50-free:calc(20deg + var(--hue-rotate)) calc(60% * var(--saturation)) clamp(49.5%, 99% * var(--darken), 99.5%);
  --bg-100-free:calc(20deg + var(--hue-rotate)) calc(69% * var(--saturation)) clamp(49%, 97.4% * var(--darken), 99%);
  --bg-200-free:calc(345deg + var(--hue-rotate)) calc(55% * var(--saturation)) clamp(48%, 95% * var(--darken), 98%);
  --bg-300-free:calc(345deg + var(--hue-rotate)) calc(45% * var(--saturation)) clamp(45.5%, 91% * var(--darken), 95.5%);
  --bg-400-free:calc(345deg + var(--hue-rotate)) calc(42% * var(--saturation)) clamp(42%, 84% * var(--darken), 92%);
  --bg-500-free:calc(340deg + var(--hue-rotate)) calc(30% * var(--saturation)) clamp(37.5%, 75% * var(--darken), 87.5%);
  --bg-600-free:calc(330deg + var(--hue-rotate)) calc(20% * var(--saturation)) clamp(23%, 46% * var(--darken), 73%);
  --bg-700-free:calc(330deg + var(--hue-rotate)) calc(40% * var(--saturation)) clamp(17%, 34% * var(--darken), 67%);
  --bg-800-free:calc(330deg + var(--hue-rotate)) calc(55% * var(--saturation)) clamp(8.5%, 17% * var(--darken), 58.5%);
  --bg-900-free:calc(330deg + var(--hue-rotate)) calc(60% * var(--saturation)) clamp(5.5%, 11% * var(--darken), 55.5%);
  --bg-950-free:calc(330deg + var(--hue-rotate)) calc(70% * var(--saturation)) clamp(2%, 4% * var(--darken), 52%);

  --body-bg-color:var(--bg-400);
  --site-bg-color:#fdf7f4;
  --page-bg-color:#fdf7f4;
  --card-bg-color:#ffffff;
  --card-footer-bg-color:#fdeef2;
  --card-overlay-bg-color:#fcedf1;
  --card-frame-border-color:#f4d9df;
  --layout-lineart-color:#f6dfe4;
  --modal-bg-color:#fff;

  --page-box-shadow:0 0 0 3px #fbd9e1, 0 18px 40px -18px rgba(100,25,63,.38);
  --card-box-shadow:0 0 0 1.5px #f6dae1, 0 10px 18px -12px rgba(100,25,63,.35);

  --primary-400:#e0668a;
  --primary-500:#c93a62;
  --primary-600:#8f2346;
  --heading-link-color-hover:var(--n98-pink-deep);
  --widget-link-color-hover:var(--primary-500);
  --footnote-link-color:var(--primary-500);
  --footnote-link-color-hover:var(--primary-600);
  --tax-cloud-current:var(--primary-500);
  --bookmark-line:var(--n98-pink);
  --bookmark-color-alpha:#fe95a8;
  --bookmark-color-beta:#fdc217;
  --bookmark-color-gamma:#77bfa3;
  --bookmark-color-delta:#9a86f0;
  --bookmark-button-color-active-alpha:var(--n98-ink);
  --bookmark-button-color-active-beta:var(--n98-ink);
  --bookmark-button-color-active-gamma:var(--n98-ink);
  --bookmark-button-color-active-delta:#fff;
  --button-bookmark-background-active:var(--n98-pink);
  --alert-highlight-color:var(--n98-pink-deep);
  --text-selection-background:#fe95a866;
  --text-selection-color:var(--fg-100);

  --navigation-background:#fff;
  --navigation-submenu-background:#fff;
  --navigation-item-background-hover:#fdeef1;
  --navigation-subitem-background-hover:#fdeef1;
  --navigation-color:#3b1d2f;
  --navigation-color-hover:#c93a62;
  --navigation-subitem-divider:1px solid #f6dfe4;
  --navigation-submenu-box-shadow:0 8px 14px -6px rgba(86,35,63,.25);
  --navigation-drop-shadow:drop-shadow(0 3px 4px rgba(86,35,63,.12));
  --mobile-menu-background:#fff3f6;
  --mobile-menu-advanced-background:#fbe3ea;

  --button-primary-border:1.5px solid var(--n98-plum);
  --button-primary-border-hover:1.5px solid var(--n98-plum);
  --button-primary-background:var(--n98-plum);
  --button-primary-background-hover:var(--n98-plum-soft);
  --button-primary-background-disabled:#f3d3dc;
  --button-primary-color:var(--n98-cream);
  --button-primary-color-hover:#fff;
  --button-primary-color-disabled:#a97e94;
  --button-background-active:#c93a62;
  --button-color-active:#fff;
  --button-border-active:1.5px solid #c93a62;
  --button-barberpole:#fbc0cf;
  --button-secondary-color:var(--n98-plum);
  --button-secondary-color-hover:var(--n98-ink);
  --button-secondary-background-hover:#fdeef2;
  --button-secondary-border:1.5px solid #e7c5ce;
  --button-secondary-border-hover:1.5px solid var(--n98-pink);
  --button-quick-background:#fbdde5;
  --button-quick-background-hover:var(--n98-pink);
  --button-quick-color:var(--n98-plum);
  --button-quick-color-hover:var(--n98-ink);
  --button-suggestion-background:var(--n98-plum);
  --button-suggestion-background-hover:var(--n98-plum-soft);
  --button-suggestion-color:var(--n98-cream);
  --button-suggestion-color-hover:#fff;
  --pagination-background:#fbdde5;
  --pagination-background-hover:var(--n98-pink);
  --pagination-background-current:#c93a62;
  --pagination-color:var(--n98-plum);
  --pagination-color-hover:var(--n98-ink);
  --pagination-color-current:#fff;

  --tab-background:#fbdde5;
  --tab-background-hover:#fcc9d6;
  --tab-background-active:#c93a62;
  --tab-color:#864163;
  --tab-color-hover:var(--n98-plum);
  --tab-color-active:#fff;
  --filter-reel-background:#fbdde5;
  --filter-reel-background-active:#c93a62;
  --filter-reel-color:#864163;
  --filter-reel-color-active:#fff;
  --toggle-background-checked:#c93a62;
  --toggle-border:#c93a62;
  --toggle-border-checked:#c93a62;
  --input-fill:#c93a62;
  --input-range-thumb:var(--n98-pink-deep);
  --input-token-background:var(--n98-plum);
  --tag-background:#fbdde5;
  --tag-background-hover:var(--n98-pink);
  --tag-color:#8f2346;
  --tag-color-hover:var(--n98-ink);
  --tag-secondary-border:1px solid #f0c3cf;
  --tag-secondary-background-hover:var(--n98-pink);
  --tag-secondary-color-hover:var(--n98-ink);
  --read-ribbon-background:var(--n98-pink);
  --read-ribbon-color:var(--n98-ink);
  --progress-bar-background:#fbdde5;
  --progress-bar-color:var(--n98-pink-deep);
  --scrollbar-thumb:var(--n98-pink-deep);
  --badge-supporter-background:#f2557d;
  --badge-author-background:#f0a60e;
  --badge-admin-background:#64193f;
}

/* Text colors (also scoped to .chapter-formatting so reader font settings keep working) */
:root[data-mode=light],:root[data-mode=light] .chapter-formatting{
  --fg-100:hsl(calc(324deg + var(--hue-rotate)) max(calc(60% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(3% * var(--font-lightness,1)), 100%));
  --fg-200:hsl(calc(324deg + var(--hue-rotate)) max(calc(50% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(6% * var(--font-lightness,1)), 100%));
  --fg-300:hsl(calc(324deg + var(--hue-rotate)) max(calc(42% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(9% * var(--font-lightness,1)), 100%));
  --fg-400:hsl(calc(324deg + var(--hue-rotate)) max(calc(38% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(13% * var(--font-lightness,1)), 100%));
  --fg-500:hsl(calc(324deg + var(--hue-rotate)) max(calc(34% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(17.3% * var(--font-lightness,1)), 100%));
  --fg-600:hsl(calc(324deg + var(--hue-rotate)) max(calc(28% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(27% * var(--font-lightness,1)), 100%));
  --fg-700:hsl(calc(324deg + var(--hue-rotate)) max(calc(22% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(38% * var(--font-lightness,1)), 100%));
  --fg-800:hsl(calc(324deg + var(--hue-rotate)) max(calc(18% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(46% * var(--font-lightness,1)), 100%));
  --fg-900:hsl(calc(324deg + var(--hue-rotate)) max(calc(15% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(58% * var(--font-lightness,1)), 100%));
  --fg-950:hsl(calc(324deg + var(--hue-rotate)) max(calc(14% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(65% * var(--font-lightness,1)), 100%));
  --fg-tinted:hsl(calc(324deg + var(--hue-rotate)) max(calc(34% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(17.3% * var(--font-lightness,1)), 100%));
  --fg-inverted:hsl(calc(20deg + var(--hue-rotate)) max(calc(69% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(99% * var(--font-lightness,1)), 100%));
}
:root:not([data-mode=light]),:root:not([data-mode=light]) .chapter-formatting{
  --fg-100:hsl(calc(340deg + var(--hue-rotate)) max(calc(60% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(93% * var(--font-lightness,1)), 100%));
  --fg-200:hsl(calc(340deg + var(--hue-rotate)) max(calc(45% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(89% * var(--font-lightness,1)), 100%));
  --fg-300:hsl(calc(338deg + var(--hue-rotate)) max(calc(35% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(85% * var(--font-lightness,1)), 100%));
  --fg-400:hsl(calc(336deg + var(--hue-rotate)) max(calc(30% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(80.5% * var(--font-lightness,1)), 100%));
  --fg-500:hsl(calc(336deg + var(--hue-rotate)) max(calc(26% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(77% * var(--font-lightness,1)), 100%));
  --fg-600:hsl(calc(336deg + var(--hue-rotate)) max(calc(22% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(71% * var(--font-lightness,1)), 100%));
  --fg-700:hsl(calc(336deg + var(--hue-rotate)) max(calc(20% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(65% * var(--font-lightness,1)), 100%));
  --fg-800:hsl(calc(336deg + var(--hue-rotate)) max(calc(17% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(61% * var(--font-lightness,1)), 100%));
  --fg-900:hsl(calc(336deg + var(--hue-rotate)) max(calc(15% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(54% * var(--font-lightness,1)), 100%));
  --fg-950:hsl(calc(336deg + var(--hue-rotate)) max(calc(12% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(49% * var(--font-lightness,1)), 100%));
  --fg-tinted:hsl(calc(336deg + var(--hue-rotate)) max(calc(28% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(76% * var(--font-lightness,1)), 100%));
  --fg-inverted:hsl(calc(334deg + var(--hue-rotate)) max(calc(40% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(5% * var(--font-lightness,1)), 100%));
}

/* =============================================================================
   DARK MODE: late-night plum with bubblegum accents
   ========================================================================== */
:root:not([data-mode=light]){
  --theme-color-base:334 44 8;
  --bg-50-free:calc(334deg + var(--hue-rotate)) calc(22% * var(--saturation)) clamp(40%, 80% * var(--darken), 90%);
  --bg-100-free:calc(334deg + var(--hue-rotate)) calc(22% * var(--saturation)) clamp(34%, 68% * var(--darken), 84%);
  --bg-200-free:calc(334deg + var(--hue-rotate)) calc(24% * var(--saturation)) clamp(27%, 54% * var(--darken), 77%);
  --bg-300-free:calc(334deg + var(--hue-rotate)) calc(26% * var(--saturation)) clamp(19%, 38% * var(--darken), 69%);
  --bg-400-free:calc(334deg + var(--hue-rotate)) calc(28% * var(--saturation)) clamp(15.5%, 31% * var(--darken), 65.5%);
  --bg-500-free:calc(334deg + var(--hue-rotate)) calc(30% * var(--saturation)) clamp(13.25%, 26.5% * var(--darken), 63.25%);
  --bg-600-free:calc(334deg + var(--hue-rotate)) calc(32% * var(--saturation)) clamp(11.75%, 23.5% * var(--darken), 61.75%);
  --bg-700-free:calc(334deg + var(--hue-rotate)) calc(34% * var(--saturation)) clamp(10%, 20% * var(--darken), 60%);
  --bg-800-free:calc(334deg + var(--hue-rotate)) calc(38% * var(--saturation)) clamp(8.5%, 17% * var(--darken), 58.5%);
  --bg-900-free:calc(334deg + var(--hue-rotate)) calc(44% * var(--saturation)) clamp(4%, 8% * var(--darken), 54%);
  --bg-950-free:calc(334deg + var(--hue-rotate)) calc(60% * var(--saturation)) clamp(2%, 4% * var(--darken), 52%);

  --body-bg-color:var(--bg-900);
  --site-bg-color:var(--bg-800);
  --page-bg-color:var(--bg-700);
  --card-bg-color:var(--bg-600);
  --card-footer-bg-color:var(--bg-800);
  --card-frame-border-color:rgba(254,149,168,.2);

  --page-box-shadow:0 0 0 2px rgba(254,149,168,.16), 0 18px 40px -18px rgba(0,0,0,.7);
  --card-box-shadow:0 0 0 1.5px rgba(254,149,168,.2), 0 10px 18px -12px rgba(0,0,0,.65);

  --primary-400:#ffb3c6;
  --primary-500:#fe95a8;
  --primary-600:#ffc9a6;
  --bookmark-line:var(--n98-pink);
  --bookmark-color-alpha:#fe95a8;
  --bookmark-color-beta:#fdc217;
  --bookmark-color-gamma:#77bfa3;
  --bookmark-color-delta:#a592ff;
  --bookmark-button-color-active-alpha:var(--n98-ink);
  --bookmark-button-color-active-beta:var(--n98-ink);
  --bookmark-button-color-active-gamma:var(--n98-ink);
  --bookmark-button-color-active-delta:var(--n98-ink);
  --button-bookmark-background-active:var(--n98-pink);
  --alert-highlight-color:var(--n98-pink);
  --text-selection-background:#fe95a866;
  --text-selection-color:#fff;

  --navigation-background:var(--bg-900);
  --navigation-submenu-background:var(--bg-400);
  --navigation-item-background-hover:var(--bg-400);
  --navigation-subitem-background-hover:var(--bg-300);

  --button-primary-border:1.5px solid var(--n98-ink);
  --button-primary-border-hover:1.5px solid var(--n98-ink);
  --button-primary-background:#fe95a8;
  --button-primary-background-hover:#ffaab9;
  --button-primary-background-disabled:var(--bg-500);
  --button-primary-color:#3d0a27;
  --button-primary-color-hover:var(--n98-ink);
  --button-primary-color-disabled:var(--fg-800);
  --button-background-active:var(--n98-peach);
  --button-color-active:var(--n98-ink);
  --button-border-active:1.5px solid var(--n98-ink);
  --button-barberpole:#7a485e;
  --button-secondary-color:var(--fg-500);
  --button-secondary-border:1.5px solid rgba(254,149,168,.3);
  --button-secondary-border-hover:1.5px solid var(--n98-pink);
  --button-secondary-background-hover:rgba(254,149,168,.12);
  --button-quick-background:var(--bg-400);
  --button-quick-background-hover:var(--n98-pink);
  --button-quick-color:var(--fg-400);
  --button-quick-color-hover:var(--n98-ink);
  --button-suggestion-background:var(--n98-pink);
  --button-suggestion-background-hover:#ff9ab2;
  --button-suggestion-color:var(--n98-ink);
  --button-suggestion-color-hover:var(--n98-ink);
  --pagination-background:var(--bg-400);
  --pagination-background-hover:var(--n98-pink);
  --pagination-background-current:var(--n98-peach);
  --pagination-color:var(--fg-400);
  --pagination-color-hover:var(--n98-ink);
  --pagination-color-current:var(--n98-ink);

  --tab-background:var(--bg-500);
  --tab-background-hover:var(--bg-400);
  --tab-background-active:var(--n98-pink);
  --tab-color-active:var(--n98-ink);
  --tab-text-shadow:none;
  --filter-reel-background-active:var(--n98-pink);
  --filter-reel-color-active:var(--n98-ink);
  --toggle-background-checked:var(--n98-pink);
  --toggle-border:var(--n98-pink);
  --toggle-border-checked:var(--n98-pink);
  --toggle-color-checked:var(--n98-ink);
  --toggle-color-checked-hover:var(--n98-ink);
  --toggle-background-hover:#ff9ab2;
  --toggle-border-hover:#ff9ab2;
  --input-fill:var(--n98-pink);
  --input-range-thumb:var(--n98-pink);
  --input-token-background:var(--bg-400);
  --tag-background-hover:var(--n98-pink);
  --tag-color-hover:var(--n98-ink);
  --tag-secondary-background-hover:var(--n98-pink);
  --tag-secondary-color-hover:var(--n98-ink);
  --read-ribbon-background:var(--n98-pink);
  --read-ribbon-color:var(--n98-ink);
  --progress-bar-color:var(--n98-pink);
  --scrollbar-thumb:var(--n98-pink-deep);
  --popup-menu-background:var(--n98-cream);
  --popup-menu-background-hover:#fbdde5;
  --popup-menu-color:var(--n98-ink);
  --popup-menu-color-hover:var(--n98-ink);
  --tooltip-background:var(--n98-cream);
  --tooltip-text:var(--n98-ink);
  --notice-default-background:var(--n98-cream);
  --notice-default-color:var(--n98-ink);
  --badge-supporter-background:#f2557d;
}

/* =============================================================================
   COMPONENT TOUCHES
   ========================================================================== */

/* Bubblegum paper background with faint hearts and sparkles */
:root:not([data-mode=light]) .site{background-image:var(--n98-pattern);background-size:160px 160px;background-blend-mode:soft-light}
:root.minimal .site,:root.no-background-textures .site{background-image:none}

/* Header logo: soft shadow in light mode, white "sticker" outline in dark mode */
.header .custom-logo{filter:drop-shadow(0 8px 10px rgba(100,25,63,.18))}
:root:not([data-mode=light]) .header .custom-logo{
  filter:drop-shadow(2px 0 0 var(--n98-cream)) drop-shadow(-2px 0 0 var(--n98-cream))
         drop-shadow(0 2px 0 var(--n98-cream)) drop-shadow(0 -2px 0 var(--n98-cream))
         drop-shadow(0 8px 10px rgba(0,0,0,.45));
}
.header__title-heading a{color:var(--n98-plum)}
:root:not([data-mode=light]) .header__title-heading a{color:var(--n98-pink)}

/* Navigation: pink underline, current page highlighted */
.main-navigation__background{box-shadow:inset 0 -3px 0 var(--n98-pink)}
.main-navigation__list>.menu-item>a,
.main-navigation__list>.page_item>a{font-weight:500;letter-spacing:.01em}
.main-navigation__list>.current-menu-item>a,
.main-navigation__list>.current-menu-ancestor>a,
.main-navigation__list>.current_page_item>a{background:#c93a62;color:#fff}
.main-navigation__list>.current-menu-item>a:hover,.main-navigation__list>.current_page_item>a:hover{color:#fff}
:root:not([data-mode=light]) .main-navigation__list>.current-menu-item>a,
:root:not([data-mode=light]) .main-navigation__list>.current_page_item>a,
:root:not([data-mode=light]) .main-navigation__list>.current-menu-item>a:hover{background:var(--n98-pink);color:var(--n98-ink)}

/* Headings and titles get the bubbly font and plum ink */
h1,h2,h3,h4,h5,h6,.card__title,.post-list-item__title,.chapter-group__name,
.story__identity h1,.chapter__title,.archive__heading,.widget .widgettitle,.wp-block-heading{
  font-family:var(--ff-heading);
}
.widget .widgettitle:after,.widget .wp-block-heading:after{
  content:"";display:block;width:2.5rem;height:3px;margin-top:.45em;border-radius:3px;background:var(--n98-pink);
}
.archive__heading em{font-style:normal}

/* Buttons and pills */
.button,.pagination .page-numbers,.tabs__item,.story__filter-reel-item{font-family:var(--ff-heading)}
.footer__wrapper{border-top:2px solid var(--n98-pink);padding-top:1.25rem}
.button:not([disabled],.ajax-in-progress):active{transform:translateY(1px)}
.tag-pill:not(._inline){border-radius:999px;padding-left:.7em;padding-right:.7em}
.pagination .page-numbers:first-child{border-radius:999px 0 0 999px}
.pagination .page-numbers:last-child{border-radius:0 999px 999px 0}
.tabs__item:first-of-type{border-top-left-radius:999px;border-bottom-left-radius:999px;padding-left:12px}
.tabs__item:last-of-type{border-top-right-radius:999px;border-bottom-right-radius:999px;padding-right:12px}

/* Cards and covers */
.card{transition:transform .18s ease,box-shadow .18s ease}
@media (hover:hover){.card:hover{transform:translateY(-2px)}}
.card__image,.story__thumbnail-image,.showcase__list-item{border-radius:14px}
.card__label{border-radius:999px;padding:.35em .8em}
.story__thumbnail a{box-shadow:0 0 0 3px #fff,0 12px 22px -10px rgba(100,25,63,.5)}
:root:not([data-mode=light]) .story__thumbnail a{box-shadow:0 0 0 3px var(--n98-pink),0 12px 22px -10px rgba(0,0,0,.7)}

/* Story actions, blockquotes, notices */
.wp-block-quote:where(:not(.no-theme-style)):not(.is-style-plain):before,
.wp-block-quote:where(:not(.no-theme-style)):not(.is-style-plain,.is-selected):after{border-color:var(--n98-pink)}
.wp-block-pullquote:where(:not(.no-theme-style)) blockquote{border-color:var(--n98-pink)}
.infobox,.notice{border-radius:14px}

/* Footer */
.footer a:hover{color:var(--n98-pink-deep)}
.footer__copyright:after{content:" \2665";color:var(--n98-pink-deep)}

/* Keep chapter reading text calm: no decorative effects inside chapter content */
.chapter__content,.chapter__content *{text-shadow:none}

/* Scrollbar and focus */
:root:not([data-mode=light]) ::selection{background:#fe95a866;color:#fff}
.user-is-tabbing :focus-visible{outline:2px solid var(--n98-pink-deep);outline-offset:3px}

@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}