/* Dark palette for the original Laravel article layouts. Keep their typography,
   cards, tables, grids, and responsive rules from legacy-tail.css. */
.yd-tail .yd-tail-article {
  --primary: #ff6472;
  --primary-light: #352733;
  --primary-hover: #ff8b96;
  --accent: #d84355;
  --secondary: #22303e;
  --surface: #182430;
  --background: #101923;
  --text-heading: #f1f5f9;
  --text-main: #cbd6e2;
  --text-muted: #a7b8c8;
  --border: #3a4a5a;
  --border-light: #2e3e4d;
  --alert-bg: #3b252d;
  --alert-text: #ffb4bc;
  --alert-border: #70424d;
  --success-text: #8adab0;
  --primary-color: #ff6976;
  --secondary-color: #22303e;
  --accent-color: #ff7580;
  --text-dark: #f1f5f9;
  --text-gray: #bdcad8;
  --bg-white: #182430;
  --border-color: #3a4a5a;
  --card-bg: #182430;
  --yako-blue: #ff6976;
  --yako-blue-dark: #ff8b96;
  --yako-red: #d84355;
  --yako-bg: #182430;
  --yako-surface: #22303e;
  --yako-border: #3a4a5a;
  --yako-text: #cbd6e2;
  --yako-text-light: #a7b8c8;
  background: #101923;
  color: #cbd6e2;
}

/* Tailwind utility pages retain their original class-based layout. */
.yd-tail .yd-tail-article .bg-white { background-color: #182430; }
.yd-tail .yd-tail-article .bg-gray-50 { background-color: #101923; }
.yd-tail .yd-tail-article .bg-gray-100 { background-color: #22303e; }
.yd-tail .yd-tail-article :is(.bg-blue-50,.bg-blue-100,.bg-indigo-50,.bg-indigo-100,.bg-red-50,.bg-green-50,.bg-yellow-50) { background-color: #273340; }
.yd-tail .yd-tail-article :is(.text-gray-900,.text-gray-800) { color: #eef3f8; }
.yd-tail .yd-tail-article :is(.text-gray-700,.text-gray-600) { color: #cbd6e2; }
.yd-tail .yd-tail-article :is(.text-gray-500,.text-gray-400) { color: #a7b8c8; }
.yd-tail .yd-tail-article :is(.text-blue-800,.text-blue-700,.text-blue-600,.text-indigo-800,.text-indigo-700,.text-indigo-600,.text-red-700,.text-red-600) { color: #ff8791; }
.yd-tail .yd-tail-article :is(.text-green-700,.text-green-600) { color: #8adab0; }
.yd-tail .yd-tail-article :is(.text-brand-dark,.text-text-secondary) { color: #e0e8f0; }
.yd-tail .yd-tail-article .text-brand-red { color: #ff8791; }
.yd-tail .yd-tail-article :is(.border-gray-200,.border-gray-300,.border-gray-400,.border-blue-200,.border-blue-500,.border-indigo-200,.border-green-200) { border-color: #3a4a5a; }
.yd-tail .yd-tail-article a:not(.text-white):hover { color: #ff9ba4; }

/* Article pages with embedded CSS use the original layout and dark surfaces. */
.yd-tail .yd-tail-article .hero-section { background: linear-gradient(135deg, #1a2836, #252d3b); }
.yd-tail .yd-tail-article .article-meta { background: #202e3b; border-color: #3a4a5a; }
.yd-tail .yd-tail-article :is(.card,.feature-card,.number-item,.step-item,.review-card,.chart-container,.stat-bar-container,.tag,.tag-item,.list-item,.timeline-content,.pie-chart-inner,.author-box,.video-item,.info-card,.jm-card,.jm-feature-box,.legend-pill,.yako-epilogue) { background: #182430; }
.yd-tail .yd-tail-article :is(.feature-card,.tag,.tag-item,.list-item,.review-card):hover { background: #22303e; }
.yd-tail .yd-tail-article :is(table,.table-wrap) { background: #182430; color: #cbd6e2; }
.yd-tail .yd-tail-article :is(th,thead) { background: #22303e; color: #f1f5f9; }
.yd-tail .yd-tail-article tbody tr:hover { background-color: #22303e; }
.yd-tail .yd-tail-article :is(td,th,.table-wrap) { border-color: #3a4a5a; }
.yd-tail .yd-tail-article .section-num { background: #352733; color: #ff8791; }
.yd-tail .yd-tail-article .section-num[style*="#fef2f2"] { background: #352733 !important; color: #ff8791 !important; }
.yd-tail .yd-tail-article .badge { background: #b72f43; color: #fff; }
.yd-tail .yd-tail-article .cta-button { background: linear-gradient(135deg, #bd3347, #9e263a); color: #fff; }
.yd-tail .yd-tail-article :is(.step-num,.jm-step-num) { background: #b72f43; color: #fff; }
.yd-tail .yd-tail-article [style*="background: var(--primary)"][style*="color: white"] { background: #b72f43 !important; }
.yd-tail--tails-cat-15-tail .yd-tail-article .bar-fill[style*="var(--primary)"] { background: #b72f43 !important; }
.yd-tail--tails-cat-15-tail .yd-tail-article .bar-fill[style*="var(--accent)"] { background: #9e263a !important; }
.yd-tail--tails-cat-15-tail .yd-tail-article .bar-fill[style*="#94a3b8"] { background: #475569 !important; }
:is(.yd-tail--tails-cat-12-tail,.yd-tail--tails-cat-13-tail) .yd-tail-article .bar-fill[style*="var(--primary)"] { background: #b72f43 !important; }
:is(.yd-tail--tails-cat-12-tail,.yd-tail--tails-cat-13-tail) .yd-tail-article .bar-fill[style*="var(--accent)"] { background: #9e263a !important; }
:is(.yd-tail--tails-cat-12-tail,.yd-tail--tails-cat-13-tail) .yd-tail-article :is(.bar-fill,.legend-color)[style*="#94a3b8"] { background: #475569 !important; }
:is(.yd-tail--tails-cat-12-tail,.yd-tail--tails-cat-13-tail) .yd-tail-article :is(.bar-fill,.legend-color)[style*="#cbd5e1"] { background: #526273 !important; }
.yd-tail--tails-cat-20-tail .yd-tail-article .bar-fill { background: #b72f43; }
.yd-tail--tails-cat-20-tail .yd-tail-article .bar-fill.accent { background: #9e263a; }
.yd-tail--tails-cat-20-tail .yd-tail-article .video-badge { background: #b72f43; color: #fff; }
.yd-tail--tails-cat-20-tail .yd-tail-article .video-badge[style*="var(--primary)"] { background: #b72f43 !important; }
.yd-tail .yd-tail-article .timeline-dot { border-color: #182430; }
.yd-tail .yd-tail-article :is(.cat-jp,.cat-bj,.cat-cn,.cat-manga,.cat-sub) { background: #1c2a38; color: #e2eaf2; border-color: #3a4a5a; }
.yd-tail .yd-tail-article :is(.cat-jp,.cat-bj,.cat-cn,.cat-manga,.cat-sub):hover { background: #263545; }
.yd-tail .yd-tail-article :is(.cat-jp,.cat-bj,.cat-cn,.cat-manga,.cat-sub) .cat-action-btn { background: #344557; color: #f1f5f9; }
.yd-tail .yd-tail-article :is(.cat-jp,.cat-bj,.cat-cn,.cat-manga,.cat-sub):hover .cat-action-btn { background: #e04b5d; color: #fff; }
.yd-tail .yd-tail-article section.card[style*="white"] { background: linear-gradient(180deg, #1a2836, #292a39) !important; }
.yd-tail .yd-tail-article [style*="background: white"],
.yd-tail .yd-tail-article [style*="background: #fff"],
.yd-tail .yd-tail-article [style*="background: #f8fafc"],
.yd-tail .yd-tail-article [style*="background: #fafcff"] { background: #1d2a37 !important; }
.yd-tail .yd-tail-article [style*="color: #555"],
.yd-tail .yd-tail-article [style*="color: #666"],
.yd-tail .yd-tail-article [style*="color: #333"] { color: #cbd6e2 !important; }
.yd-tail .yd-tail-article [style*="color: #172C25"] { color: #e2eaf2 !important; }
.yd-tail .yd-tail-article [style*="color: #1e293b"] { color: #f1f5f9 !important; }
.yd-tail .yd-tail-article .alert-box[style*="#fef8c3"] { background: #3d3225 !important; border-color: #746143 !important; color: #f8d89a !important; }

/* Three standalone information pages have their own named components. */
.yd-tail--misc-legend .yd-tail-article :is(.legend-pill,.legend-epilogue) { background: #1d2a37; }
.yd-tail--misc-legend .yd-tail-article .legend-h1 { color: #fff; }
.yd-tail--misc-legend .yd-tail-article .legend-link:hover { color: #ff9ba4; }
.yd-tail--misc-legend .yd-tail-article .legend-btn-primary { background: #b72f43; color: #fff; }
.yd-tail--misc-yako .yd-tail-article :is(.yako-bento-large,.yako-epilogue) { background: #1d2a37; }
.yd-tail--misc-yako .yd-tail-article .yako-h3 { color: #f1f5f9; }
.yd-tail--misc-zm .yd-tail-article :is(.jm-h3,.jm-h4) { color: #f1f5f9; }
.yd-tail--misc-zm .yd-tail-article :is(.jm-p,.jm-quote) { color: #cbd6e2; }
.yd-tail--misc-zm .yd-tail-article .jm-link { color: #ff8791; }
.yd-tail--misc-zm .yd-tail-article .jm-list-bullet li { color: #cbd6e2; }
.yd-tail--misc-zm .yd-tail-article .jm-btn-primary { background: #b72f43; color: #fff; }
.yd-tail--misc-zm .yd-tail-article :is(.jm-stat-container,.jm-faq-item,.jm-faq-summary,.jm-faq-content) { background: #182430; color: #cbd6e2; }
.yd-tail--misc-zm .yd-tail-article .jm-faq-item[open] .jm-faq-summary { background: #22303e; }
.yd-tail--misc-zm .yd-tail-article th { background: #22303e !important; color: #f1f5f9; }

.yd-tail--tails-cat-21-tail .yd-tail-article .action-container { background: linear-gradient(to bottom, #1d2a37, #352733); }
.yd-tail--tails-cat-21-tail .yd-tail-article .action-container > p { color: #f1f5f9 !important; }

/* Replace legacy green accents in stored footer articles with the site palette. */
.yd-tail .yd-tail-article .menu-color-green,
.yd-tail .yd-tail-article :is([style*="background-color: #172c25" i], [style*="background: #172c25" i], [style*="background-color:#172c25" i], [style*="background:#172c25" i]) { background: #22303e !important; }
.yd-tail .yd-tail-article .text-menu-color-green { color: #e2eaf2 !important; }
.yd-tail .yd-tail-article :is(.border-color-green-1, .border-color-green-2, .border-color-green-4, [style*="border-color: #172c25" i], [style*="border-color:#172c25" i]) { border-color: #526477 !important; }