/*
 * Nightlife Review — final front-end design system.
 * Loaded after legacy compatibility guards so every public page shares one palette.
 */

html:root {
  color-scheme: dark;
  --nlr-v2-bg: #090609;
  --nlr-v2-canvas: #10090d;
  --nlr-v2-surface: #1a0e14;
  --nlr-v2-surface-2: #24121a;
  --nlr-v2-surface-3: #31131f;
  --nlr-v2-text: #f3e9eb;
  --nlr-v2-muted: #c6b2b8;
  --nlr-v2-dim: #9b858c;
  --nlr-v2-red: #c8173c;
  --nlr-v2-red-bright: #e22950;
  --nlr-v2-red-deep: #760019;
  --nlr-v2-gold: #d9ad65;
  --nlr-v2-gold-bright: #f1cf8c;
  --nlr-v2-line: rgba(227, 184, 112, .2);
  --nlr-v2-line-soft: rgba(255, 235, 239, .09);
  --nlr-v2-shadow: 0 22px 60px rgba(0, 0, 0, .38);
  --nlr-v2-serif: "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  --nlr-v2-sans: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}

html,
html body,
html body #wrapper,
html body #container,
html body #content,
html body #content-in,
html body #main,
html body .main,
html body .content,
html body .content-in,
html body .content-area,
html body #primary,
html body article.article,
html body .article,
html body .wp-site-blocks,
html body .wp-site-blocks main {
  background-color: var(--nlr-v2-bg) !important;
  background-image: none !important;
  color: var(--nlr-v2-text) !important;
}

html body {
  background-image:
    radial-gradient(circle at 12% 7%, rgba(150, 0, 40, .2), transparent 32rem),
    radial-gradient(circle at 88% 38%, rgba(211, 154, 72, .08), transparent 30rem) !important;
  font-family: var(--nlr-v2-sans) !important;
}

/* Brand header and navigation */
html body #header,
html body .header-container,
html body #header-container,
html body #site-header,
html body .logo-header,
html body .header-in,
html body .header-container-in {
  background: linear-gradient(180deg, #1b0b11 0%, #0e080b 100%) !important;
  border-color: var(--nlr-v2-line) !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, .42) !important;
}

html body #header #site-name a,
html body #header #site-name a:link,
html body #header #site-name a:visited,
html body #header #site-name a:hover,
html body #header .site-name a,
html body #header .site-name a:link,
html body #header .site-name a:visited,
html body #header .site-name a:hover,
html body #header .header-logo a,
html body #header .header-logo a:link,
html body #header .header-logo a:visited,
html body #header .header-logo a:hover,
html body .header-container #site-name a,
html body .header-container #site-name a:link,
html body .header-container #site-name a:visited,
html body .header-container .site-name a,
html body .header-container .site-name a:link,
html body .header-container .site-name a:visited,
html body .header-container .header-logo a,
html body .wp-block-site-title a {
  color: #fff3ee !important;
  font-family: var(--nlr-v2-serif) !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-shadow: 0 0 28px rgba(200, 23, 60, .34) !important;
}

html body #header #site-catch,
html body #header .tagline,
html body #header .header-description,
html body #header .site-description,
html body .header-container #site-catch,
html body .header-container .tagline,
html body .header-container .header-description,
html body .header-container .site-description {
  color: var(--nlr-v2-gold-bright) !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
}

html body #navi,
html body .navi,
html body nav.navi,
html body #navi-list,
html body .navi-list,
html body .menu-header,
html body .menu-top,
html body .menu-drawer,
html body .wp-block-navigation {
  background: rgba(11, 6, 9, .98) !important;
  border-color: var(--nlr-v2-line-soft) !important;
}

html body #navi *,
html body .navi *,
html body #navi-list *,
html body .menu-header *,
html body .menu-top *,
html body .menu-drawer *,
html body .wp-block-navigation *,
html body #navi a:link,
html body #navi a:visited,
html body .navi a:link,
html body .navi a:visited {
  color: #eadde1 !important;
  opacity: 1 !important;
}

html body #navi .caption-wrap,
html body #navi .caption-wrap *,
html body #navi .item-label,
html body .navi .caption-wrap,
html body .navi .caption-wrap *,
html body .navi .item-label,
html body .menu-header .caption-wrap,
html body .menu-header .caption-wrap *,
html body .menu-header .item-label,
html body .menu-top .caption-wrap,
html body .menu-top .caption-wrap *,
html body .menu-top .item-label {
  color: #eadde1 !important;
  opacity: 1 !important;
}

html body #navi a:hover,
html body #navi .current-menu-item > a,
html body .navi a:hover,
html body .navi .current-menu-item > a,
html body .menu-header a:hover,
html body .menu-top a:hover {
  background: rgba(200, 23, 60, .16) !important;
  color: var(--nlr-v2-gold-bright) !important;
}

/* Page canvas and typography */
html body .entry-content,
html body .article-body,
html body .entry-body,
html body .entry-header,
html body .article-header,
html body .article-footer,
html body .entry-footer,
html body .footer-meta,
html body .breadcrumb,
html body #breadcrumb,
html body .breadcrumbs,
html body .nlr-page,
html body .nlr-page .nlr-section,
html body .nlr-page .nlr-feed-panel,
html body .nlr-page .nlr-about,
html body .nlr-page .nlr-site-footer,
html body .widget,
html body .sidebar-widget,
html body .widget-area-wrap {
  background: linear-gradient(145deg, rgba(29, 15, 21, .99), rgba(17, 9, 13, .99)) !important;
  border-color: var(--nlr-v2-line-soft) !important;
  color: var(--nlr-v2-text) !important;
}

html body .nlr-page {
  border: 1px solid var(--nlr-v2-line-soft) !important;
  border-radius: 20px !important;
  box-shadow: var(--nlr-v2-shadow) !important;
}

html body.home .nlr-page {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .entry-title,
html body .article-title,
html body .wp-block-post-title,
html body .card-title,
html body .entry-card-title,
html body .widget-title,
html body .sidebar-title,
html body .widgettitle,
html body .nlr-content-card-title,
html body .nlr-report-title,
html body .nlr-page h1,
html body .nlr-page h2,
html body .nlr-page h3 {
  color: #fff5f1 !important;
  font-family: var(--nlr-v2-serif) !important;
  font-weight: 700 !important;
  letter-spacing: .035em !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .2) !important;
}

html body .entry-content p,
html body .article-body p,
html body .entry-body p,
html body .nlr-page p,
html body .nlr-page li,
html body .nlr-page span,
html body .nlr-page dd,
html body .nlr-page td,
html body .widget *,
html body .sidebar-widget *,
html body .widget-area-wrap * {
  color: var(--nlr-v2-muted) !important;
  text-shadow: none !important;
}

html body a,
html body a:link,
html body a:visited,
html body .entry-content a,
html body .article-body a,
html body .nlr-page a {
  color: var(--nlr-v2-gold-bright) !important;
}

html body a:hover,
html body a:focus-visible {
  color: #ffe5b3 !important;
}

html body .entry-content h2,
html body .article-body h2,
html body .nlr-section-head,
html body .widget-title,
html body .sidebar-title,
html body .widgettitle {
  border-color: var(--nlr-v2-line) !important;
}

html:root body .sidebar .widget h2.wp-block-heading,
html:root body .sidebar .widget h2.wp-block-heading *,
html:root body .widget-sidebar h2.wp-block-heading,
html:root body .widget-sidebar h2.wp-block-heading *,
html:root body .widget_block h2.wp-block-heading,
html:root body .widget_block h2.wp-block-heading *,
html:root body aside.widget h2.wp-block-heading,
html:root body aside.widget h2.wp-block-heading *,
html:root body .sidebar .wp-block-heading,
html:root body .sidebar .wp-block-heading *,
html:root body .widget-area .wp-block-heading {
  background: rgba(217, 173, 101, .055) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--nlr-v2-line) !important;
  color: #fff3ee !important;
  -webkit-text-fill-color: #fff3ee !important;
  font-family: var(--nlr-v2-serif) !important;
  padding: 10px 12px !important;
}

html:root body #sidebar aside.widget.widget_block h2.wp-block-heading,
html:root body #sidebar aside.widget.widget_block h2.wp-block-heading * {
  color: #fff3ee !important;
  -webkit-text-fill-color: #fff3ee !important;
}

html:root body .sidebar .wp-block-search,
html:root body .widget-sidebar .wp-block-search,
html:root body .widget_block .wp-block-search {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Reusable surfaces */
html body .nlr-content-card,
html body .nlr-review-meta-card,
html body .nlr-review-toc,
html body .nlr-review-hero,
html body .nlr-summary-item,
html body .nlr-point,
html body .nlr-plan-card,
html body .nlr-genre-link,
html body .nlr-hub-link,
html body .nlr-feature-item,
html body .entry-card,
html body .a-entry-card,
html body .related-entry-card,
html body .popular-entry-card {
  background: linear-gradient(145deg, var(--nlr-v2-surface-2), var(--nlr-v2-surface)) !important;
  border: 1px solid var(--nlr-v2-line-soft) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .26) !important;
  color: var(--nlr-v2-text) !important;
}

/* Home hero */
html body .nlr-home-intro,
html body .nlr-conversion-strip,
html body .nlr-premium-band,
html body .nlr-content-card.is-paid {
  background:
    radial-gradient(circle at 82% 16%, rgba(230, 186, 112, .15), transparent 19rem),
    linear-gradient(135deg, #250b14 0%, #620018 57%, #270b14 100%) !important;
  border: 1px solid rgba(226, 178, 98, .42) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .42), inset 0 1px rgba(255, 244, 224, .08) !important;
  color: #fff5f1 !important;
}

html body .nlr-home-intro *,
html body .nlr-conversion-strip *,
html body .nlr-premium-band > * {
  color: #fff0f2 !important;
}

html body .nlr-home-intro .nlr-kicker,
html body .nlr-home-intro-points span,
html body .nlr-premium-band .nlr-content-card-kicker {
  color: var(--nlr-v2-gold-bright) !important;
}

/* Buttons: crimson is always the primary conversion action. */
html body .btn,
html body .button,
html body input[type=submit],
html body button[type=submit],
html body .wp-block-button__link,
html body .nlr-home-intro-actions a,
html body .nlr-review-search button,
html body .nlr-actions a,
html body .nlr-continue-cta-button,
html body .nlr-submission-hero-cta,
html body .nlr-subscription-signup__button,
html body .nlr-contact-submit button,
html body .nlr-sticky-cta a {
  background: linear-gradient(135deg, var(--nlr-v2-red-bright), var(--nlr-v2-red-deep)) !important;
  border: 1px solid rgba(255, 218, 171, .28) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px rgba(140, 0, 30, .35), inset 0 1px rgba(255, 255, 255, .14) !important;
  color: #fff9f6 !important;
  font-family: var(--nlr-v2-sans) !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: filter .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

html body .btn *,
html body .button *,
html body .wp-block-button__link *,
html body .nlr-home-intro-actions a *,
html body .nlr-actions a *,
html body .nlr-subscription-signup__button * {
  color: #fff9f6 !important;
}

html body .btn:hover,
html body .button:hover,
html body button[type=submit]:hover,
html body .wp-block-button__link:hover,
html body .nlr-submission-hero-cta:hover,
html body .nlr-subscription-signup__button:hover {
  filter: brightness(1.12) saturate(1.08) !important;
  transform: translateY(-1px) !important;
}

html body .btn-secondary,
html body .nlr-actions a + a,
html body .nlr-home-intro-actions a + a {
  background: rgba(217, 173, 101, .08) !important;
  border-color: rgba(217, 173, 101, .52) !important;
  box-shadow: none !important;
  color: var(--nlr-v2-gold-bright) !important;
}

html body :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(241, 207, 140, .72) !important;
  outline-offset: 3px !important;
}

/* Forms */
html body input,
html body select,
html body textarea,
html body .wp-block-search__input,
html body .search-form input[type=search],
html body .nlr-review-search input[type=search],
html body #nlr-contact-form .nlr-contact-field input,
html body #nlr-contact-form .nlr-contact-field textarea,
html body #nlr-review-submission-form .nlr-contact-field input,
html body #nlr-review-submission-form .nlr-contact-field select,
html body #nlr-review-submission-form .nlr-contact-field textarea {
  background: #0f090c !important;
  border: 1px solid rgba(217, 173, 101, .3) !important;
  border-radius: 9px !important;
  color: var(--nlr-v2-text) !important;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, .2) !important;
}

html body input::placeholder,
html body textarea::placeholder {
  color: var(--nlr-v2-dim) !important;
  opacity: 1 !important;
}

html body .nlr-contact-form,
html body .nlr-review-submission-form {
  background: linear-gradient(145deg, var(--nlr-v2-surface-2), var(--nlr-v2-surface)) !important;
  border: 1px solid var(--nlr-v2-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--nlr-v2-shadow) !important;
}

html body .nlr-contact-field label,
html body .nlr-contact-form label,
html body .nlr-review-submission-form label {
  color: #f8edef !important;
}

/* Search and ranking */
html body .nlr-review-search,
html body .nlr-popular-searches,
html body .nlr-ranking-tabs,
html body .nlr-ranking-tabs a,
html body .nlr-popular-searches-list {
  background: rgba(255, 255, 255, .025) !important;
  border-color: var(--nlr-v2-line-soft) !important;
  color: var(--nlr-v2-muted) !important;
}

html body .nlr-ranking-tabs a,
html body .nlr-ranking-tabs a:link,
html body .nlr-ranking-tabs a:visited {
  border: 1px solid var(--nlr-v2-line) !important;
  color: var(--nlr-v2-gold-bright) !important;
}

html body .nlr-ranking-tabs a.is-active,
html body .nlr-ranking-tabs a:hover {
  background: var(--nlr-v2-red) !important;
  border-color: var(--nlr-v2-red-bright) !important;
  color: #fff !important;
}

/* Review submission journey */
html body .nlr-submission-page .nlr-submission-hero {
  background:
    radial-gradient(circle at 88% 16%, rgba(236, 191, 112, .15), transparent 17rem),
    linear-gradient(135deg, #2b0d17, #6b1e2b 76%, #351018) !important;
  border: 1px solid rgba(217, 173, 101, .46) !important;
  border-radius: 18px !important;
  box-shadow: var(--nlr-v2-shadow) !important;
}

html body .nlr-submission-page .nlr-submission-hero *,
html body .nlr-submission-page .nlr-submission-intro {
  color: #fff2f3 !important;
}

html body .nlr-submission-page .nlr-submission-eyebrow {
  color: var(--nlr-v2-gold-bright) !important;
}

html body .nlr-submission-reward,
html body .nlr-submission-guidelines,
html body .nlr-submission-steps > div,
html body .nlr-submission-cards > div {
  background: linear-gradient(145deg, var(--nlr-v2-surface-2), var(--nlr-v2-surface)) !important;
  border-color: var(--nlr-v2-line) !important;
  color: var(--nlr-v2-text) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .24) !important;
}

html body .nlr-submission-reward strong,
html body .nlr-submission-guidelines strong,
html body .nlr-submission-steps strong,
html body .nlr-submission-cards strong {
  color: #fff2ed !important;
}

html body .nlr-submission-reward span,
html body .nlr-submission-guidelines p,
html body .nlr-submission-guidelines li,
html body .nlr-submission-steps span,
html body .nlr-submission-cards span {
  color: var(--nlr-v2-muted) !important;
}

html body .nlr-submission-steps b {
  background: linear-gradient(135deg, var(--nlr-v2-red-bright), var(--nlr-v2-red-deep)) !important;
  border-color: #f3ddc2 !important;
  box-shadow: 0 8px 18px rgba(117, 0, 25, .4) !important;
  color: #fff !important;
}

html body .nlr-submission-steps > div:not(:last-child)::after {
  color: var(--nlr-v2-gold) !important;
}

/* Plans: keep the price and CTA visually dominant. */
html body .nlr-plans-page .nlr-subscription-signup {
  background:
    radial-gradient(circle at 10% 10%, rgba(200, 23, 60, .14), transparent 22rem),
    linear-gradient(145deg, #211019, #120a0e) !important;
  border: 1px solid rgba(217, 173, 101, .42) !important;
  border-radius: 18px !important;
  box-shadow: var(--nlr-v2-shadow) !important;
}

html body .nlr-plans-page .nlr-subscription-signup__quick,
html body .nlr-plans-page .nlr-subscription-signup__panel,
html body .nlr-plans-page .nlr-plan-comparison article,
html body .nlr-plans-page .nlr-premium-cta {
  background: linear-gradient(145deg, var(--nlr-v2-surface-3), var(--nlr-v2-surface)) !important;
  border-color: var(--nlr-v2-line) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .28) !important;
  color: var(--nlr-v2-text) !important;
}

html body .nlr-plans-page .nlr-subscription-signup h2,
html body .nlr-plans-page .nlr-subscription-signup__price strong,
html body .nlr-plans-page .nlr-plan-comparison strong {
  color: #fff5ee !important;
}

html body .nlr-plans-page .nlr-subscription-signup p,
html body .nlr-plans-page .nlr-subscription-signup li,
html body .nlr-plans-page .nlr-subscription-signup__note,
html body .nlr-plans-page .nlr-plan-comparison p {
  color: var(--nlr-v2-muted) !important;
}

html body .nlr-plans-page .nlr-subscription-signup__eyebrow,
html body .nlr-plans-page .nlr-subscription-signup__quick span,
html body .nlr-plans-page .nlr-subscription-signup__price span,
html body .nlr-plans-page .nlr-subscription-signup__price small,
html body .nlr-plans-page .nlr-plan-comparison span {
  color: var(--nlr-v2-gold-bright) !important;
}

/* Review cards and article detail */
html body .nlr-card-grid .nlr-review-card.review-card,
html body.single-post .nlr-review-article,
html body.single-post .nlr-review-body,
html body.single-post .nlr-content-card,
html body.single-post .nlr-content-card-head,
html body.single-post .nlr-content-card-body,
html body.single-post .nlr-review-panel-body,
html body.single-post .nlr-prose-box,
html body.single-post .nlr-review-meta-card,
html body.single-post .nlr-review-meta-card .nlr-review-meta-head,
html body.single-post .nlr-review-meta-card .nlr-review-meta-table td {
  background: linear-gradient(145deg, var(--nlr-v2-surface-2), var(--nlr-v2-surface)) !important;
  border-color: var(--nlr-v2-line-soft) !important;
  color: var(--nlr-v2-text) !important;
}

html body .nlr-card-grid .nlr-review-card.review-card *,
html body.single-post .nlr-content-card-body :where(p, li, span, td, dd),
html body.single-post .nlr-review-panel-body :where(p, li, span, td, dd),
html body.single-post .nlr-prose-box :where(p, li, span, td, dd) {
  color: var(--nlr-v2-muted) !important;
}

html body .nlr-card-grid .review-card__title,
html body .nlr-card-grid .nlr-review-card h3 {
  background: rgba(255, 255, 255, .035) !important;
  border-color: var(--nlr-v2-line) !important;
  color: #fff4f0 !important;
}

html body .nlr-card-grid .nlr-card-metrics span,
html body .nlr-card-grid .review-card__info-row {
  background: rgba(255, 255, 255, .035) !important;
  border-color: var(--nlr-v2-line-soft) !important;
  color: var(--nlr-v2-muted) !important;
}

/* Badges */
html body .badge,
html body .cat-label,
html body .tag-label,
html body .entry-cat-label,
html body .nlr-report-badge,
html body .nlr-report-tag,
html body .nlr-compact-tags b {
  background: rgba(200, 23, 60, .16) !important;
  border-color: rgba(217, 173, 101, .34) !important;
  color: var(--nlr-v2-gold-bright) !important;
}

/* Footer and mobile controls */
html body #footer,
html body .footer,
html body .footer-container,
html body #footer-in,
html body .footer-in,
html body .footer-bottom,
html body #navi-footer,
html body .navi-footer,
html body .menu-footer,
html body .mobile-footer-menu-buttons,
html body .mobile-menu-buttons {
  background: #080507 !important;
  border-color: var(--nlr-v2-line-soft) !important;
  color: var(--nlr-v2-muted) !important;
}

html body #footer *,
html body .footer *,
html body .footer-container *,
html body #navi-footer *,
html body .navi-footer *,
html body .menu-footer * {
  background-color: transparent !important;
  color: var(--nlr-v2-muted) !important;
}

@media (min-width: 1024px) {
  html body .nlr-page,
  html body .entry-header,
  html body .article-header {
    position: relative;
  }

  html body .nlr-page::before {
    background: radial-gradient(circle, rgba(200, 23, 60, .13), transparent 68%);
    content: "";
    height: 28rem;
    pointer-events: none;
    position: absolute;
    right: -10rem;
    top: -9rem;
    width: 28rem;
    z-index: 0;
  }

  html body .nlr-page > * {
    position: relative;
    z-index: 1;
  }
}

@media (max-width: 720px) {
  html,
  html body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    width: 100% !important;
  }

  html body *,
  html body *::before,
  html body *::after {
    box-sizing: border-box !important;
  }

  html body #wrapper,
  html body #container,
  html body #content,
  html body #content-in,
  html body #main,
  html body .main,
  html body .content,
  html body .content-in,
  html body .content-area,
  html body #primary,
  html body article.article,
  html body .article,
  html body .entry-content,
  html body .article-body,
  html body .entry-body {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body .entry-content,
  html body .article-body,
  html body .entry-body {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html body .nlr-page {
    border-radius: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(100% - 8px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 8px !important;
    width: calc(100% - 8px) !important;
  }

  html body .nlr-page > *,
  html body .nlr-page section,
  html body .nlr-page form,
  html body .nlr-page .nlr-feed-panel,
  html body .nlr-page .nlr-submission-hero,
  html body .nlr-page .nlr-submission-reward,
  html body .nlr-page .nlr-submission-guidelines,
  html body .nlr-page .nlr-review-submission-form,
  html body .nlr-page .nlr-subscription-signup,
  html body .nlr-page .nlr-subscription-signup__body,
  html body .nlr-page .nlr-subscription-signup__panel {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body #header #site-name a,
  html body #header #site-name a:link,
  html body #header #site-name a:visited,
  html body #header .site-name a,
  html body #header .site-name a:link,
  html body #header .site-name a:visited,
  html body #header .header-logo a,
  html body #header .header-logo a:link,
  html body #header .header-logo a:visited {
    color: #fff3ee !important;
    display: block !important;
    font-size: clamp(.92rem, 4.3vw, 1.08rem) !important;
    letter-spacing: .01em !important;
    line-height: 1.5 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  html body .nlr-home-intro-main h2,
  html body.home .nlr-home-intro-main h2 {
    font-size: clamp(1.08rem, 5vw, 1.28rem) !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body .nlr-review-search-row br {
    display: none !important;
  }

  html body .nlr-submission-page .nlr-submission-hero,
  html body .nlr-submission-page .nlr-submission-reward,
  html body .nlr-submission-page .nlr-submission-guidelines {
    padding: 20px 16px !important;
  }

  html body .nlr-submission-steps,
  html body .nlr-submission-cards,
  html body .nlr-plan-comparison,
  html body .nlr-subscription-signup {
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .nlr-submission-steps > div,
  html body .nlr-submission-cards > div {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body .nlr-subscription-signup__button {
    min-width: 0 !important;
    white-space: normal !important;
    width: 100% !important;
  }

  html body .nlr-subscription-signup h2,
  html body .nlr-subscription-signup p,
  html body .nlr-submission-page p,
  html body .nlr-submission-page span {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body .nlr-submission-steps > div,
  html body .nlr-submission-cards > div,
  html body .nlr-subscription-signup,
  html body .nlr-subscription-signup__panel {
    box-shadow: 0 10px 26px rgba(0, 0, 0, .25) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body *,
  html body *::before,
  html body *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* Final interaction and home-canvas guards. Keep legacy theme rules from
 * exposing light surfaces or low-contrast navigation states. */
html body.home.page-body,
html body.home.page-body #container.container,
html body.home.page-body #wrapper,
html body.home.page-body #content.content,
html body.home.page-body #content-in.content-in,
html body.home.page-body #main.main {
  background-color: var(--nlr-v2-bg) !important;
  color: var(--nlr-v2-text) !important;
}

html body.home.page-body #header-container.header-container,
html body.home.page-body #header-container-in.header-container-in,
html body.home.page-body #header.header,
html body.home.page-body #header-in.header-in {
  background-color: #10090d !important;
  background-image: linear-gradient(180deg, #1b0b11 0%, #0e080b 100%) !important;
}

html body #navi.navi .menu-header > .menu-item > a:hover,
html body #navi.navi .menu-header > .menu-item > a:focus-visible,
html body #navi.navi .menu-header > .current-menu-item > a,
html body .navi .menu-header > .menu-item > a:hover,
html body .navi .menu-header > .menu-item > a:focus-visible,
html body .navi .menu-header > .current-menu-item > a {
  background-color: #75132b !important;
  background-image: linear-gradient(135deg, #8d1632, #55101f) !important;
  color: #fff9f6 !important;
  -webkit-text-fill-color: #fff9f6 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .65) !important;
}

html body #navi.navi .menu-header > .menu-item > a:hover *,
html body #navi.navi .menu-header > .menu-item > a:focus-visible *,
html body #navi.navi .menu-header > .current-menu-item > a *,
html body .navi .menu-header > .menu-item > a:hover *,
html body .navi .menu-header > .menu-item > a:focus-visible *,
html body .navi .menu-header > .current-menu-item > a * {
  color: #fff9f6 !important;
  -webkit-text-fill-color: #fff9f6 !important;
}

html body :is(.btn, .button, .wp-block-button__link, .nlr-home-intro-actions a, .nlr-review-search button, .nlr-actions a, .nlr-continue-cta-button, .nlr-submission-hero-cta, .nlr-subscription-signup__button, .nlr-contact-submit button, .nlr-sticky-cta a):hover,
html body :is(.btn, .button, .wp-block-button__link, .nlr-home-intro-actions a, .nlr-review-search button, .nlr-actions a, .nlr-continue-cta-button, .nlr-submission-hero-cta, .nlr-subscription-signup__button, .nlr-contact-submit button, .nlr-sticky-cta a):focus-visible,
html body :is(.btn, .button, .wp-block-button__link, .nlr-home-intro-actions a, .nlr-review-search button, .nlr-actions a, .nlr-continue-cta-button, .nlr-submission-hero-cta, .nlr-subscription-signup__button, .nlr-contact-submit button, .nlr-sticky-cta a):hover * {
  color: #fff9f6 !important;
  -webkit-text-fill-color: #fff9f6 !important;
}

html body .mobile-footer-menu-buttons.mobile-menu-buttons,
html body .mobile-footer-menu-buttons.mobile-menu-buttons > li,
html body .mobile-footer-menu-buttons.mobile-menu-buttons .menu-button,
html body .mobile-footer-menu-buttons.mobile-menu-buttons .menu-button-in {
  background-color: #10090d !important;
  background-image: none !important;
  border-color: var(--nlr-v2-line) !important;
  color: #f7e9ec !important;
}

html body .mobile-footer-menu-buttons.mobile-menu-buttons .menu-button-in,
html body .mobile-footer-menu-buttons.mobile-menu-buttons .menu-button-in *,
html body .mobile-footer-menu-buttons.mobile-menu-buttons .menu-icon,
html body .mobile-footer-menu-buttons.mobile-menu-buttons .menu-caption {
  color: #f7e9ec !important;
  -webkit-text-fill-color: #f7e9ec !important;
  opacity: 1 !important;
}

html body .mobile-footer-menu-buttons.mobile-menu-buttons .menu-button-in:hover,
html body .mobile-footer-menu-buttons.mobile-menu-buttons .menu-button-in:focus-visible,
html body .mobile-footer-menu-buttons.mobile-menu-buttons .menu-button-in:hover * {
  background-color: #75132b !important;
  color: #fff9f6 !important;
  -webkit-text-fill-color: #fff9f6 !important;
}

/* Final specificity shield for Cocoon's legacy mobile sizing rules. */
html:root body #header #site-name a,
html:root body #header #site-name a:link,
html:root body #header #site-name a:visited,
html:root body #header .site-name a,
html:root body #header .site-name a:link,
html:root body #header .site-name a:visited,
html:root body #header .header-logo a,
html:root body #header .header-logo a:link,
html:root body #header .header-logo a:visited {
  color: #fff3ee !important;
}

html:root body #header #site-name,
html:root body #header #site-name *,
html:root body #header .site-name,
html:root body #header .site-name *,
html:root body #header .header-logo,
html:root body #header .header-logo *,
html:root body .header-container #site-name,
html:root body .header-container #site-name *,
html:root body .header-container .site-name,
html:root body .header-container .site-name * {
  color: #fff3ee !important;
  fill: #fff3ee !important;
  opacity: 1 !important;
}

html:root body #navi a,
html:root body #navi a:link,
html:root body #navi a:visited,
html:root body #navi .caption-wrap,
html:root body #navi .caption-wrap *,
html:root body #navi .item-label,
html:root body .navi a,
html:root body .navi a:link,
html:root body .navi a:visited,
html:root body .navi .caption-wrap,
html:root body .navi .caption-wrap *,
html:root body .navi .item-label {
  color: #eadde1 !important;
  opacity: 1 !important;
}

@media (max-width: 720px) {
  html:root body .entry-content,
  html:root body .article-body,
  html:root body .entry-body {
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html:root body .nlr-page {
    margin: 8px 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 8px !important;
    width: 100% !important;
  }

  html:root body .nlr-plans-page,
  html:root body .nlr-submission-page,
  html:root body .nlr-contact-page,
  html:root body .nlr-area-page {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(100vw - 16px) !important;
    width: calc(100vw - 16px) !important;
  }

  html:root body .nlr-page *,
  html:root body .nlr-page *::before,
  html:root body .nlr-page *::after {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html:root body .nlr-page .nlr-submission-hero,
  html:root body .nlr-page .nlr-submission-reward,
  html:root body .nlr-page .nlr-submission-guidelines,
  html:root body .nlr-page .nlr-review-submission-form,
  html:root body .nlr-page .nlr-subscription-signup,
  html:root body .nlr-page .nlr-subscription-signup__body,
  html:root body .nlr-page .nlr-subscription-signup__panel,
  html:root body .nlr-page .nlr-ranking,
  html:root body .nlr-page .nlr-feed-panel {
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  html:root body .nlr-page .nlr-submission-hero,
  html:root body .nlr-page .nlr-submission-reward,
  html:root body .nlr-page .nlr-submission-guidelines,
  html:root body .nlr-page .nlr-review-submission-form,
  html:root body .nlr-page .nlr-subscription-signup,
  html:root body .nlr-page .nlr-ranking,
  html:root body .nlr-page .nlr-feed-panel {
    margin-left: 4px !important;
    margin-right: 4px !important;
    max-width: calc(100% - 8px) !important;
    width: calc(100% - 8px) !important;
  }

  html:root body .nlr-plans-page > p,
  html:root body .nlr-plans-page > h2,
  html:root body .nlr-plans-page > ul,
  html:root body .nlr-plans-page .nlr-subscription-signup,
  html:root body .nlr-submission-page > p,
  html:root body .nlr-submission-page > h2,
  html:root body .nlr-submission-page .nlr-submission-hero,
  html:root body .nlr-submission-page .nlr-submission-reward,
  html:root body .nlr-submission-page .nlr-submission-guidelines,
  html:root body .nlr-submission-page .nlr-review-submission-form-wrap,
  html:root body .nlr-contact-page > *,
  html:root body .nlr-area-page > * {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(100vw - 32px) !important;
    width: calc(100vw - 32px) !important;
  }

  html:root body .nlr-page .nlr-subscription-signup__body,
  html:root body .nlr-page .nlr-subscription-signup__panel,
  html:root body .nlr-page .nlr-subscription-signup__quick {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  html:root body .nlr-page .nlr-subscription-signup__body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html:root body .nlr-page .nlr-subscription-signup h2 {
    font-size: clamp(1.05rem, 5vw, 1.28rem) !important;
  }

  html:root body .nlr-page .nlr-submission-intro,
  html:root body .nlr-page .nlr-submission-hero p,
  html:root body .nlr-page .nlr-subscription-signup p,
  html:root body .nlr-page .nlr-subscription-signup h2,
  html:root body .nlr-page .nlr-section p,
  html:root body .nlr-page .nlr-section h2 {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  html:root body #header #site-name a,
  html:root body #header #site-name a:link,
  html:root body #header #site-name a:visited,
  html:root body #header .site-name a,
  html:root body #header .site-name a:link,
  html:root body #header .site-name a:visited,
  html:root body #header .header-logo a,
  html:root body #header .header-logo a:link,
  html:root body #header .header-logo a:visited {
    color: #fff3ee !important;
    font-size: .84rem !important;
    letter-spacing: 0 !important;
    line-height: 1.45 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(100vw - 48px) !important;
    white-space: normal !important;
  }
}

@media (min-width: 361px) and (max-width: 430px) {
  html:root body .nlr-plans-page,
  html:root body .nlr-submission-page,
  html:root body .nlr-contact-page,
  html:root body .nlr-area-page {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 350px !important;
    width: 350px !important;
  }

  html:root body .nlr-plans-page > p,
  html:root body .nlr-plans-page > h2,
  html:root body .nlr-plans-page > ul,
  html:root body .nlr-plans-page .nlr-subscription-signup,
  html:root body .nlr-submission-page > p,
  html:root body .nlr-submission-page > h2,
  html:root body .nlr-submission-page .nlr-submission-hero,
  html:root body .nlr-submission-page .nlr-submission-reward,
  html:root body .nlr-submission-page .nlr-submission-guidelines,
  html:root body .nlr-submission-page .nlr-review-submission-form-wrap,
  html:root body .nlr-contact-page > *,
  html:root body .nlr-area-page > * {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 334px !important;
    width: 334px !important;
  }

  html:root body #header #site-name,
  html:root body #header .site-name,
  html:root body #header .header-logo,
  html:root body .header-container #site-name,
  html:root body .header-container .site-name {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 340px !important;
    text-align: center !important;
    width: 340px !important;
  }
}