/*
 * minimal.css — Junagal clean override
 * Loads after style.css and overrides with intent.
 * Design: white / black / #ebebeb borders / Fraunces headings / generous space
 */

/* ─── Override CSS variables to pure white ─── */
:root {
  --brand-bg-950: #ffffff !important;
  --brand-bg-900: #f7f7f7 !important;
  --color-bg: #ffffff !important;
  --color-bg-elevated: #ffffff !important;
  --color-bg-overlay: rgba(255,255,255,0.97) !important;
  --color-bg-card: #ffffff !important;
  --color-border-soft: #ebebeb !important;
  --color-border-strong: #cccccc !important;
  --color-primary: #111111 !important;
  --color-accent: #111111 !important;
  --color-text-main: #111111 !important;
  --color-text-body: #333333 !important;
  --color-text-muted: #888888 !important;
  --gradient-main: #111111 !important;
  --shadow-glow: none !important;
}

/* ─── Reset everything to white ─── */
html,
body,
.editorial-premium,
.home-editorial {
  background: #ffffff !important;
  color: #111111 !important;
}

/* ─── Remove all image colour filters ─── */
.blog-image,
.topic-cover-image,
.home-insight-image,
.article-hero-image,
.glow-image,
.editorial-premium .blog-image,
.editorial-premium .home-insight-image,
.editorial-premium .glow-image,
.editorial-premium .article-hero-image,
.home-editorial .blog-image,
.home-editorial .home-insight-image,
.home-editorial .glow-image,
.blog-v2 .topic-cover-image {
  filter: none !important;
}

/* ─── No decorative noise / glow ─── */
.bg-noise,
.bg-glow,
.bg-glow-1,
.bg-glow-2,
.tech-grid,
.particles,
.particle,
.cursor-glow {
  display: none !important;
}

/* ─── Typography ─── */
h1, h2, h3, h4,
.hero-title,
.section-title,
.featured-title,
.blog-title,
.home-insight-card h3 {
  font-family: "Fraunces", serif !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  background: none !important;
  letter-spacing: -0.025em !important;
  font-weight: 700 !important;
}

.section-title {
  font-size: clamp(2rem, 4vw, 3rem) !important;
}

/* ─── Navigation ─── */
.nav,
.editorial-premium .nav,
.home-editorial .nav {
  background: #ffffff !important;
  border-bottom: 1px solid #ebebeb !important;
  backdrop-filter: none !important;
  height: 68px !important;
}

.logo,
.home-editorial .logo {
  font-family: "Fraunces", serif !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  background: none !important;
  letter-spacing: -0.03em !important;
}

/* Hide logo mark image */
.logo::before {
  display: none !important;
}

.nav-link,
.home-editorial .nav-link {
  font-family: "Manrope", sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #555555 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.nav-link:hover,
.nav-link.active,
.home-editorial .nav-link:hover,
.home-editorial .nav-link.active {
  color: #111111 !important;
}

/* ─── Buttons ─── */
.btn,
.home-editorial .btn,
.editorial-premium .btn {
  font-family: "Manrope", sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  border-radius: 6px !important;
  padding: 10px 22px !important;
  transition: background 0.15s ease, color 0.15s ease !important;
  box-shadow: none !important;
}

.btn-primary,
.home-editorial .btn-primary,
.editorial-premium .btn-primary {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1.5px solid #111111 !important;
}

.btn-primary:hover,
.home-editorial .btn-primary:hover {
  background: #333333 !important;
  border-color: #333333 !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn-outline,
.home-editorial .btn-outline,
.editorial-premium .btn-outline {
  background: transparent !important;
  color: #111111 !important;
  border: 1.5px solid #d0d0d0 !important;
}

.btn-outline:hover,
.home-editorial .btn-outline:hover {
  border-color: #111111 !important;
  background: transparent !important;
}

.btn-lg {
  padding: 13px 28px !important;
  font-size: 0.9rem !important;
}

/* ─── Hero ─── */
.hero,
.home-editorial .hero {
  padding: 160px 0 100px !important;
  min-height: 0 !important;
  text-align: left !important;
  background: #ffffff !important;
}

.hero-eyebrow {
  font-family: "Manrope", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #888888;
  margin-bottom: 24px;
}

.hero-title,
.home-editorial .hero-title {
  font-size: clamp(3.5rem, 8vw, 6.5rem) !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
  max-width: 14ch !important;
  margin-bottom: 28px !important;
  color: #111111 !important;
}

.hero-subtitle,
.home-editorial .hero-subtitle {
  font-size: 1.1rem !important;
  line-height: 1.65 !important;
  color: #555555 !important;
  max-width: 52ch !important;
  margin-bottom: 40px !important;
}

.hero-cta,
.home-editorial .hero-cta {
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
}

/* Hide leftover hero elements */
.hero-proof-row,
.hero-start-links,
.hero-mobile-note,
.hero-audience,
.badge-pill,
.hero-brief,
.hero-layout {
  display: none !important;
}

/* Un-hide hero-content when inside stripped layout */
.hero .hero-content {
  display: block !important;
}

/* ─── Section labels ─── */
.section-label,
.home-editorial .section-label,
.editorial-premium .section-label {
  font-family: "Manrope", sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: #888888 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ─── Sections ─── */
.section,
.home-editorial .section {
  padding: 100px 0 !important;
}

.section-darker,
.home-editorial .section-darker {
  background: #f7f7f7 !important;
  border-top: 1px solid #ebebeb !important;
  border-bottom: 1px solid #ebebeb !important;
}

.section-stats {
  background: #f7f7f7 !important;
  border-top: 1px solid #ebebeb !important;
  border-bottom: 1px solid #ebebeb !important;
}

.section-subtitle,
.home-editorial .section-subtitle,
.editorial-premium .section-subtitle {
  color: #666666 !important;
  font-size: 1.05rem !important;
}

/* ─── Cards — flat, thin border ─── */
.glass-card,
.editorial-premium .glass-card,
.home-editorial .glass-card,
.home-editorial .portfolio-item,
.home-editorial .partner-fit-card,
.editorial-premium .portfolio-item {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
  border-radius: 10px !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

.glass-card:hover,
.service-card:hover,
.home-editorial .service-card:hover,
.editorial-premium .service-card:hover,
.editorial-premium .blog-card:hover,
.home-editorial .blog-card:hover {
  border-color: #cccccc !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ─── Service cards ─── */
.service-card h3,
.home-editorial .service-card h3 {
  font-size: 1.2rem !important;
}

.service-card p,
.home-editorial .service-card p {
  color: #666666 !important;
}

.service-mandate,
.home-editorial .service-mandate {
  font-family: "Manrope", sans-serif !important;
  font-size: 0.78rem !important;
  color: #555555 !important;
  background: #f4f4f4 !important;
  border-left: 2px solid #cccccc !important;
  border-radius: 0 !important;
  padding: 6px 10px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.feature-list li,
.home-editorial .feature-list li {
  color: #333333 !important;
}

.feature-list li i,
.home-editorial .feature-list li i {
  color: #555555 !important;
}

/* ─── Service icon — no filter ─── */
.service-icon-img,
.home-editorial .service-icon-img,
.editorial-premium .service-icon-img {
  filter: none !important;
}

/* ─── Portfolio ─── */
.portfolio-item,
.home-editorial .portfolio-item {
  padding: 40px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
}

.portfolio-item h3,
.home-editorial .portfolio-item h3 {
  font-size: 1.4rem !important;
}

.portfolio-item p,
.home-editorial .portfolio-item p {
  color: #555555 !important;
}

.ownership-badge,
.home-editorial .ownership-badge {
  font-size: 0.78rem !important;
  color: #888888 !important;
  background: #f4f4f4 !important;
  border: 1px solid #ebebeb !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
}

.portfolio-note,
.home-editorial .portfolio-note {
  color: #888888 !important;
  font-size: 0.82rem !important;
}

.tag,
.home-editorial .tag {
  background: #f4f4f4 !important;
  border: 1px solid #ebebeb !important;
  color: #555555 !important;
  border-radius: 4px !important;
}

.partner-chip,
.home-editorial .partner-chip {
  background: #f4f4f4 !important;
  border: 1px solid #ebebeb !important;
  color: #333333 !important;
  border-radius: 4px !important;
}

.glow-image,
.home-editorial .glow-image {
  border: 1px solid #ebebeb !important;
  filter: none !important;
  box-shadow: none !important;
}

.portfolio-item:hover .glow-image,
.home-editorial .portfolio-item:hover .glow-image {
  border-color: #cccccc !important;
}

/* Brand logo text — plain black */
.brand-logo-text,
.thirdretail,
.asnjunagal,
.home-editorial .thirdretail,
.home-editorial .asnjunagal {
  background: none !important;
  -webkit-text-fill-color: #111111 !important;
  color: #111111 !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
}

/* ─── Process / Philosophy ─── */
.process-line,
.home-editorial .process-line {
  background: #ebebeb !important;
}

.step-marker,
.home-editorial .step-marker {
  border: 1.5px solid #555555 !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: none !important;
}

.process-label,
.home-editorial .process-label {
  color: #888888 !important;
  font-size: 0.78rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

.step-content h3,
.home-editorial .step-content h3 {
  color: #111111 !important;
}

.step-content p,
.home-editorial .step-content p {
  color: #666666 !important;
}

.philosophy-note,
.philosophy-closing,
.capabilities-note,
.home-editorial .philosophy-note,
.home-editorial .philosophy-closing,
.home-editorial .capabilities-note {
  color: #888888 !important;
  font-size: 0.9rem !important;
}

/* ─── Engage flow ─── */
.engage-step,
.home-editorial .engage-step {
  font-family: "Fraunces", serif !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: #ebebeb !important;
  background: none !important;
  border: none !important;
}

.engage-flow-card h3,
.home-editorial .engage-flow-card h3 {
  font-size: 1.15rem !important;
}

.engage-flow-card p,
.home-editorial .engage-flow-card p {
  color: #666666 !important;
}

/* ─── Home insights ─── */
.home-insight-card h3,
.home-editorial .home-insight-card h3 {
  font-size: 1.1rem !important;
  line-height: 1.4 !important;
}

.home-insight-card p,
.home-editorial .home-insight-card p {
  color: #666666 !important;
  font-size: 0.9rem !important;
}

.home-insight-image,
.home-editorial .home-insight-image {
  filter: none !important;
  border-bottom: 1px solid #ebebeb !important;
}

.home-insight-meta {
  font-size: 0.78rem !important;
  color: #888888 !important;
}

/* ─── Link with arrow ─── */
.link-with-arrow,
.home-editorial .link-with-arrow,
.editorial-premium .link-with-arrow {
  color: #111111 !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
}

.link-with-arrow:hover,
.home-editorial .link-with-arrow:hover {
  color: #555555 !important;
}

/* ─── Contact ─── */
.contact-intro,
.home-editorial .contact-intro {
  color: #111111 !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
}

.contact-footnote,
.home-editorial .contact-footnote {
  color: #888888 !important;
  font-size: 0.82rem !important;
}

.method-item,
.home-editorial .method-item {
  color: #555555 !important;
}

.method-item i,
.home-editorial .method-item i {
  color: #111111 !important;
}

.contact-form,
.home-editorial .contact-form {
  background: #fafafa !important;
  border: 1px solid #ebebeb !important;
  border-radius: 10px !important;
}

.form-group label,
.home-editorial .form-group label {
  color: #333333 !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
}

.form-input,
.home-editorial .form-input,
.editorial-premium .form-input {
  background: #ffffff !important;
  border: 1px solid #d5d5d5 !important;
  border-radius: 6px !important;
  color: #111111 !important;
  padding: 14px 16px !important;
}

.form-input:focus,
.home-editorial .form-input:focus {
  border-color: #111111 !important;
  box-shadow: none !important;
  background: #ffffff !important;
}

.form-input::placeholder {
  color: #aaaaaa !important;
}

/* ─── Blog page header ─── */
.page-header,
.editorial-premium .page-header,
.editorial-premium.blog-v2 .page-header {
  background: #f7f7f7 !important;
  padding: 120px 0 60px !important;
  border-bottom: 1px solid #ebebeb !important;
  text-align: left !important;
}

.page-header .hero-title,
.page-header h1 {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.blog-subtitle,
.page-header .hero-subtitle {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 52ch !important;
}

.blog-hero-stats {
  justify-content: flex-start !important;
}

.blog-v2 .hero-stat,
.editorial-premium .blog-v2 .hero-stat {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
  border-radius: 8px !important;
}

/* Section label in page header */
.page-header .section-label {
  text-align: left !important;
}

/* ─── Blog cards ─── */
.blog-card,
.editorial-premium .blog-card {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease !important;
}

.blog-card:hover,
.editorial-premium .blog-card:hover {
  border-color: #cccccc !important;
  box-shadow: none !important;
  transform: none !important;
}

.blog-image,
.editorial-premium .blog-image {
  background: #f7f7f7 !important;
  border-radius: 9px 9px 0 0 !important;
  height: 200px !important;
}

.blog-title,
.editorial-premium .blog-title {
  font-size: 1rem !important;
  line-height: 1.45 !important;
}

.blog-excerpt,
.editorial-premium .blog-excerpt {
  color: #666666 !important;
  font-size: 0.875rem !important;
}

.blog-card-footer,
.editorial-premium .blog-card-footer {
  border-top: 1px solid #ebebeb !important;
}

.meta-topic,
.editorial-premium .meta-topic {
  background: #111111 !important;
  color: #ffffff !important;
  font-size: 0.68rem !important;
  border-radius: 3px !important;
  padding: 3px 8px !important;
  letter-spacing: 0.05em !important;
}

.blog-meta-bottom,
.meta-date,
.blog-readtime {
  color: #888888 !important;
  font-size: 0.78rem !important;
}

.read-more {
  color: #111111 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
}

/* Blog toolbar */
.blog-toolbar,
.editorial-premium .blog-v2 .blog-toolbar {
  background: #fafafa !important;
  border: 1px solid #ebebeb !important;
  border-radius: 8px !important;
}

.blog-v2 .toolbar-search input,
.editorial-premium .blog-v2 .toolbar-search input {
  background: #ffffff !important;
  border: 1px solid #d5d5d5 !important;
  color: #111111 !important;
}

.blog-v2 .toolbar-sort select,
.editorial-premium .blog-v2 .toolbar-sort select {
  background: #ffffff !important;
  border: 1px solid #d5d5d5 !important;
  color: #111111 !important;
}

.blog-v2 .toolbar-sort label,
.editorial-premium .blog-v2 .toolbar-sort label {
  color: #888888 !important;
}

/* Blog hero stats */
.blog-v2 .hero-stat,
.editorial-premium .blog-v2 .hero-stat {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
}

.blog-v2 .hero-stat strong,
.editorial-premium .blog-v2 .hero-stat strong {
  color: #111111 !important;
}

/* Priority strip */
.blog-priority-strip,
.editorial-premium .blog-priority-strip {
  background: #f7f7f7 !important;
  border: 1px solid #ebebeb !important;
}

.priority-head h2 {
  font-size: 1.1rem !important;
}

.priority-head p {
  color: #666666 !important;
  font-size: 0.875rem !important;
}

.priority-link {
  background: #ffffff !important;
  border: 1px solid #d5d5d5 !important;
  color: #333333 !important;
  border-radius: 4px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  transition: border-color 0.15s ease !important;
}

.priority-link:hover {
  border-color: #111111 !important;
  color: #111111 !important;
  background: #ffffff !important;
}

/* Featured post */
.featured-post,
.editorial-premium .blog-v2 .featured-post {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
  border-radius: 10px !important;
}

.featured-title,
.editorial-premium .blog-v2 .featured-title {
  font-size: 1.6rem !important;
}

.blog-image-fallback,
.editorial-premium .blog-image-fallback {
  background: #f7f7f7 !important;
}

.blog-fallback-icon {
  color: #cccccc !important;
}

.blog-fallback-label,
.blog-fallback-tag {
  color: #888888 !important;
  border-color: #d5d5d5 !important;
  background: #ffffff !important;
}

/* Blog rail */
.rail-card,
.editorial-premium .blog-v2 .rail-card {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
}

.rail-card h3 {
  font-size: 1rem !important;
}

.rail-card p {
  color: #666666 !important;
  font-size: 0.875rem !important;
}

/* Data banner */
.data-banner,
.editorial-premium .blog-v2 .data-banner,
.editorial-premium .data-banner {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
}

.data-banner p,
.data-banner strong {
  color: #333333 !important;
}

/* Override any remaining warm backgrounds */
.section,
.section-home-insights,
.section-engage-flow,
.section-partner-fit,
.home-editorial .section,
.editorial-premium .section {
  background: #ffffff !important;
}

/* Blog topic chips */
.topic-chip {
  background: #f4f4f4 !important;
  border: 1px solid #ebebeb !important;
  color: #555555 !important;
  border-radius: 4px !important;
  font-size: 0.78rem !important;
}

.topic-chip.active,
.topic-chip:hover {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

/* Pagination */
.page-link {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
  color: #555555 !important;
  border-radius: 4px !important;
}

.page-link.active,
.page-link:hover {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

/* ─── Footer ─── */
.footer,
.home-editorial .footer,
.editorial-premium .footer {
  background: #fafafa !important;
  border-top: 1px solid #ebebeb !important;
}

.footer-col h4,
.home-editorial .footer-col h4 {
  color: #111111 !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

.footer-col a,
.home-editorial .footer-col a,
.editorial-premium .footer-col a {
  color: #666666 !important;
  font-size: 0.875rem !important;
}

.footer-col a:hover,
.home-editorial .footer-col a:hover {
  color: #111111 !important;
}

.footer-desc,
.home-editorial .footer-desc {
  color: #888888 !important;
  font-size: 0.875rem !important;
}

.footer-bottom,
.home-editorial .footer-bottom {
  border-top: 1px solid #ebebeb !important;
  color: #888888 !important;
}

.footer-legal a,
.home-editorial .footer-legal a {
  color: #888888 !important;
}

.footer-legal a:hover,
.home-editorial .footer-legal a:hover {
  color: #111111 !important;
}

/* ─── Mobile menu ─── */
.mobile-menu,
.home-editorial .mobile-menu {
  background: #ffffff !important;
  border-top: 1px solid #ebebeb !important;
}

.mobile-link,
.home-editorial .mobile-link {
  color: #333333 !important;
  font-weight: 500 !important;
}

.mobile-link:hover,
.home-editorial .mobile-link:hover {
  color: #111111 !important;
}

/* ─── Gradient text — plain black everywhere ─── */
.gradient-text,
.hero-title .gradient-text,
.editorial-premium .gradient-text,
.home-editorial .gradient-text,
.editorial-premium .hero-title .gradient-text {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #111111 !important;
  color: #111111 !important;
}

/* ─── Focus outline ─── */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid #111111 !important;
  outline-offset: 2px !important;
}

/* ─── Social links ─── */
.social-link {
  color: #666666 !important;
}

.social-link:hover {
  color: #111111 !important;
}

/* ─── Animations — keep fade-in but no transforms ─── */
.fade-in-up {
  animation: fadeInUp 0.5s ease forwards !important;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: none; }
}

/* ─── Eyebrow helper (new element in hero) ─── */
.hero-eyebrow {
  display: block;
  font-family: "Manrope", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #999999;
  margin-bottom: 20px;
}

/* ─── Section header spacing ─── */
.section-header {
  text-align: left !important;
  max-width: none !important;
  margin-bottom: 56px !important;
}

.section-header .section-label {
  display: block !important;
  margin-bottom: 10px !important;
}

/* ─── Partner fit chips ─── */
.partner-fit-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

/* ─── Tool pages ─── */
.tool-hero,
.editorial-premium .tool-hero {
  background: #f7f7f7 !important;
  border-bottom: 1px solid #ebebeb !important;
  padding: 120px 0 60px !important;
  text-align: left !important;
}

.tool-title,
.editorial-premium .tool-title {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  font-family: "Fraunces", serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
}

.tool-subtitle,
.editorial-premium .tool-subtitle {
  color: #555555 !important;
}

.tool-card,
.tool-catalog-card,
.editorial-premium .tool-card,
.editorial-premium .tool-catalog-card {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.tool-catalog-card:hover,
.editorial-premium .tool-catalog-card:hover {
  border-color: #cccccc !important;
  box-shadow: none !important;
  transform: none !important;
}

.tool-catalog-card h3,
.editorial-premium .tool-catalog-card h3 {
  color: #111111 !important;
}

.tool-catalog-card p,
.editorial-premium .tool-catalog-card p {
  color: #666666 !important;
}

.tool-output-block,
.editorial-premium .tool-output-block {
  background: #f7f7f7 !important;
  border: 1px solid #ebebeb !important;
  border-radius: 10px !important;
}

.tool-output-block strong {
  color: #111111 !important;
}

.tool-ops-card,
.editorial-premium .tool-ops-card {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
  border-radius: 10px !important;
}

.tool-field input,
.tool-field select,
.tool-field textarea,
.editorial-premium .tool-field input,
.editorial-premium .tool-field select {
  background: #ffffff !important;
  border: 1px solid #d5d5d5 !important;
  color: #111111 !important;
  border-radius: 6px !important;
}

.tool-field input:focus,
.tool-field select:focus,
.editorial-premium .tool-field input:focus {
  border-color: #111111 !important;
  box-shadow: none !important;
}

.tool-field label,
.tool-field span,
.editorial-premium .tool-field span {
  color: #444444 !important;
}

.tool-metric-value {
  color: #111111 !important;
  font-family: "Fraunces", serif !important;
}

.tool-metric-label,
.editorial-premium .tool-metric-label {
  color: #888888 !important;
}

/* ─── Resource pages ─── */
.resource-card,
.editorial-premium .resource-card {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.resource-card h3,
.editorial-premium .resource-card h3 {
  color: #111111 !important;
}

.resource-card p,
.editorial-premium .resource-card p {
  color: #666666 !important;
}

.resource-block,
.editorial-premium .resource-block {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
  border-radius: 10px !important;
}

.resource-meta,
.resource-badge,
.editorial-premium .resource-meta,
.editorial-premium .resource-badge {
  color: #888888 !important;
  font-size: 0.78rem !important;
}

/* ─── Article pages ─── */
.article-header,
.editorial-premium .article-header {
  background: #f7f7f7 !important;
  border-bottom: 1px solid #ebebeb !important;
  text-align: left !important;
  padding: 120px 0 48px !important;
}

.article-title,
.editorial-premium .article-title {
  font-size: clamp(2.4rem, 5.5vw, 4rem) !important;
  line-height: 1.08 !important;
  text-align: left !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  max-width: 100% !important;
}

/* Widen article header container to use full 1200px */
.article-header .article-container,
.editorial-premium .article-header .article-container {
  max-width: 1200px !important;
}

.article-meta,
.article-meta-secondary,
.editorial-premium .article-meta,
.editorial-premium .article-meta-secondary {
  justify-content: flex-start !important;
  color: #888888 !important;
  font-size: 0.85rem !important;
}

.article-hero-image,
.editorial-premium .article-hero-image {
  filter: none !important;
  border: 1px solid #ebebeb !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

/* Fix article cover — remove warm gradient and sepia */
.article-cover,
.editorial-premium .article-cover {
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
  border-radius: 12px !important;
}

.article-cover img,
.editorial-premium .article-cover img {
  background: #ffffff !important;
  border: none !important;
  filter: none !important;
}

.article-body,
.editorial-premium .article-body {
  color: #333333 !important;
  line-height: 1.8 !important;
}

.article-body h2,
.article-body h3,
.editorial-premium .article-body h2,
.editorial-premium .article-body h3 {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  font-family: "Fraunces", serif !important;
}

.article-cta,
.editorial-premium .article-cta,
.article-resources-cta,
.editorial-premium .article-resources-cta,
.article-tools-cta,
.editorial-premium .article-tools-cta {
  background: #f7f7f7 !important;
  border: 1px solid #ebebeb !important;
  border-radius: 10px !important;
}

.highlight-box,
.editorial-premium .highlight-box {
  background: #f7f7f7 !important;
  border: 1px solid #ebebeb !important;
  border-left: 3px solid #111111 !important;
  border-radius: 6px !important;
}

.article-lead,
.editorial-premium .article-lead {
  color: #555555 !important;
  font-size: 1.15rem !important;
  line-height: 1.7 !important;
  border-left: 3px solid #ebebeb !important;
  padding-left: 20px !important;
  background: none !important;
}

/* Back to insights link */
.article-back,
.back-link {
  color: #555555 !important;
  font-size: 0.875rem !important;
}

.article-back:hover,
.back-link:hover {
  color: #111111 !important;
}

/* Source notes */
.source-note,
.source-meta,
.editorial-premium .source-note,
.editorial-premium .source-meta {
  color: #888888 !important;
  font-size: 0.78rem !important;
}

/* More to read / related articles */
.more-to-read,
.related-articles {
  border-top: 1px solid #ebebeb !important;
}

.more-to-read h3,
.related-articles h3 {
  color: #111111 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-family: "Manrope", sans-serif !important;
}