/* ====================================================================
   TDC CONSULTING — Charte graphique & styles de marque
   Chargé globalement par le child theme Astra TDC
   (Team Data Cameroon Consulting Sarl — Yaoundé, Cameroun)
==================================================================== */

/* ---------- 1. Fondations : body et typographie globale ---------- */
/* Variables globales : le <header> et le <footer> vivent hors de
   #tdc-page (hooks Astra), ils ont donc besoin de la charte à :root. */
:root {
  --ink:#0E1526; --ink-soft:#4B5568; --line:#E3E6EC;
  --surface:#F5F6F9; --surface-2:#FFFFFF; --surface-3:#EEF0F5;
  --primary:#1B2A4A; --primary-2:#0E1526;
  --accent:#6D5EF5;
  --accent-strong:#3730A3;
  --accent-strong-hover:#2B2589;
  --teal:#1E7F72;
  --radius-lg:1.5rem; --radius-md:1rem; --radius-sm:0.6rem;
  --container:1240px;
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',monospace;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
  color: #0E1526;
  background: #F5F6F9;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-weight: 600;
  line-height: 1.15;
}

code, pre, .mono {
  font-family: 'JetBrains Mono', monospace;
}

/* ---------- 2. Styles du bloc HTML personnalisé #tdc-page ---------- */
/* (CSS extrait de la balise <style> du bloc HTML — v3) */

#tdc-page {
  --ink:#0E1526; --ink-soft:#4B5568; --line:#E3E6EC;
  --surface:#F5F6F9; --surface-2:#FFFFFF; --surface-3:#EEF0F5;
  --primary:#1B2A4A; --primary-2:#0E1526;
  --accent:#6D5EF5;        /* violet clair : icônes/badges/texte sur fond sombre */
  --accent-strong:#3730A3; /* violet foncé : fonds pleins de bouton + texte blanc */
  --accent-strong-hover:#2B2589;
  --teal:#1E7F72;
  --radius-lg:1.5rem; --radius-md:1rem; --radius-sm:0.6rem;
  --container:1240px;
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  background:var(--surface); color:var(--ink);
  font-family:var(--font-body); line-height:1.6; font-size:16px;
  -webkit-font-smoothing:antialiased;
}
#tdc-page *, #tdc-page *::before, #tdc-page *::after { box-sizing:border-box; }
#tdc-page img { max-width:100%; display:block; }
/* IMPORTANT : pas de "color" ici (voir note en tête du bloc HTML v3) —
   seul text-decoration est global ; la couleur de chaque lien est
   décidée par sa propre classe, sans conflit de spécificité. */
#tdc-page a { text-decoration:none; }
/* Pas de "color" ici, volontairement : même bug de spécificité que pour
   les liens. Un sélecteur d'ID bat toujours une classe, donc
   "color:var(--ink)" ici empêchait TOUTE surcharge par classe
   (.tdc-hero h1{color:#fff}, .tdc-section--dark .tdc-h2{color:#fff}...)
   de s'appliquer. Chaque titre hérite maintenant normalement de la
   couleur de son contexte. */
#tdc-page h1,#tdc-page h2,#tdc-page h3,#tdc-page h4 { font-family:var(--font-display); font-weight:600; line-height:1.15; margin:0; }
#tdc-page p { margin:0; }
#tdc-page ul { margin:0; padding:0; list-style:none; }
#tdc-page svg.tdc-icon { width:1em; height:1em; flex-shrink:0; }
#tdc-page :focus-visible { outline:2px solid var(--accent-strong); outline-offset:2px; }

.tdc-container { max-width:var(--container); margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem); }
.tdc-section { padding-block:clamp(3.5rem,6vw,6.5rem); }
.tdc-h2 { font-size:clamp(1.9rem,1.4rem + 2vw,2.75rem); max-width:26ch; }
@media (min-width:960px) { .tdc-h2 { max-width:20ch; } }
.tdc-lede { color:var(--ink-soft); font-size:clamp(1rem,0.95rem + 0.3vw,1.15rem); max-width:56ch; }

.tdc-btn { display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; white-space:nowrap; font-family:var(--font-body); font-weight:600; font-size:0.95rem; padding:0.85rem 1.5rem; border-radius:999px; border:1px solid transparent; cursor:pointer; transition:transform .15s ease, background-color .15s ease, border-color .15s ease; }
.tdc-btn:hover { transform:translateY(-2px); }
.tdc-btn--primary { background:var(--accent-strong); color:#fff; }
.tdc-btn--primary:hover { background:var(--accent-strong-hover); }
.tdc-btn--ghost-dark { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.32); color:#fff; }
.tdc-btn--ghost-dark:hover { background:rgba(255,255,255,.18); }
.tdc-btn--outline { border-color:var(--line); color:var(--ink); background:var(--surface-2); }
.tdc-btn--outline:hover { border-color:var(--accent-strong); }
.tdc-btn--light { background:#fff; color:var(--accent-strong); }
.tdc-btn--block { width:100%; }

/* ---------- Header ---------- */
.tdc-header { position:sticky; top:0; z-index:50; background:rgba(245,246,249,.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.tdc-nav { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:0.9rem; max-width:var(--container); margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem); }
.tdc-brand { display:flex; align-items:center; gap:0.5rem; flex-shrink:0; white-space:nowrap; font-family:var(--font-display); font-weight:700; font-size:1.15rem; color:var(--primary); }
.tdc-brand svg { color:var(--accent-strong); width:1.6rem; height:1.6rem; }
.tdc-nav-links { display:flex; align-items:center; gap:clamp(1rem,2vw,2rem); flex-wrap:nowrap; }
.tdc-nav-links a { font-size:0.92rem; font-weight:500; color:var(--ink-soft); white-space:nowrap; }
.tdc-nav-links a:hover { color:var(--primary); }
.tdc-nav-actions { display:flex; align-items:center; gap:0.9rem; flex-shrink:0; }
.tdc-whatsapp-link { display:flex; align-items:center; gap:0.4rem; font-size:0.88rem; font-weight:500; color:var(--teal); white-space:nowrap; }
.tdc-menu-btn { display:none; background:none; border:1px solid var(--line); border-radius:0.6rem; width:2.6rem; height:2.6rem; align-items:center; justify-content:center; color:var(--primary); cursor:pointer; }

@media (max-width:900px) {
  .tdc-nav-links, .tdc-whatsapp-link, .tdc-nav-actions .tdc-btn--primary { display:none; }
  .tdc-menu-btn { display:inline-flex; }
}

.tdc-mobile-panel { position:fixed; inset:0; z-index:60; background:var(--primary-2); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.75rem; opacity:0; visibility:hidden; transform:translateY(-8px); transition:opacity .25s ease, transform .25s ease, visibility .25s; }
.tdc-mobile-panel.is-open { opacity:1; visibility:visible; transform:translateY(0); }
.tdc-mobile-panel a { color:#fff; font-family:var(--font-display); font-size:1.5rem; font-weight:600; }
.tdc-mobile-close { position:absolute; top:1.5rem; right:1.5rem; background:none; border:1px solid rgba(255,255,255,.3); border-radius:0.6rem; width:2.75rem; height:2.75rem; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; }

/* ---------- Hero ---------- */
.tdc-hero { position:relative; background:radial-gradient(120% 140% at 15% 0%, #24365c 0%, var(--primary-2) 60%); overflow:hidden; }
.tdc-hero::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 85% 20%, rgba(109,94,245,.22), transparent 55%); pointer-events:none; }
.tdc-hero-grid { position:relative; z-index:1; display:grid; gap:clamp(2.5rem,5vw,4rem); grid-template-columns:1fr; align-items:center; padding-block:clamp(3.5rem,8vw,6rem); }
@media (min-width:960px) { .tdc-hero-grid { grid-template-columns:1.05fr 0.95fr; } }
.tdc-badge { display:inline-flex; align-items:center; gap:0.5rem; background:rgba(109,94,245,.16); border:1px solid rgba(109,94,245,.45); color:var(--accent); font-family:var(--font-mono); font-size:0.75rem; padding:0.4rem 0.9rem; border-radius:999px; margin-bottom:1.5rem; }
.tdc-hero h1 { color:#fff; font-size:clamp(2.1rem,1.4rem + 3vw,3.4rem); max-width:24ch; margin-bottom:1.25rem; }
@media (min-width:960px) { .tdc-hero h1 { max-width:14ch; } }
.tdc-hero p.tdc-lede { color:rgba(255,255,255,.78); margin-bottom:2rem; }
.tdc-hero-actions { display:flex; flex-wrap:wrap; gap:0.9rem; }
.tdc-hero-panel { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:var(--radius-lg); padding:1.5rem; display:flex; flex-direction:column; gap:1rem; }
.tdc-hero-item { display:flex; gap:1rem; align-items:flex-start; background:rgba(255,255,255,.05); border-radius:var(--radius-md); padding:1.1rem; }
.tdc-hero-item .tdc-icon-badge { color:var(--accent); background:rgba(109,94,245,.16); width:2.75rem; height:2.75rem; border-radius:0.7rem; display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0; }
.tdc-hero-item h3 { color:#fff; font-size:1.05rem; margin-bottom:0.25rem; }
.tdc-hero-item p { color:rgba(255,255,255,.65); font-size:0.92rem; }

/* ---------- About ---------- */
.tdc-about-grid { display:grid; gap:clamp(2.5rem,5vw,5rem); grid-template-columns:1fr; align-items:center; }
@media (min-width:960px) { .tdc-about-grid { grid-template-columns:0.9fr 1.1fr; } }
.tdc-about-photo { position:relative; }
.tdc-about-photo img { border-radius:var(--radius-lg); aspect-ratio:1/1; object-fit:cover; box-shadow:0 30px 60px -20px rgba(14,21,38,.25); }
.tdc-about-stat { position:absolute; bottom:1rem; left:1rem; right:1rem; background:rgba(14,21,38,.82); backdrop-filter:blur(6px); color:#fff; border-radius:var(--radius-md); padding:1rem 1.25rem; display:flex; align-items:center; gap:0.9rem; }
.tdc-about-stat strong { font-family:var(--font-display); font-size:2rem; flex-shrink:0; }
.tdc-about-stat span { font-size:0.85rem; color:rgba(255,255,255,.8); }
.tdc-pillars { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem 1.75rem; margin-top:2rem; }
.tdc-pillar-icon { width:2.75rem; height:2.75rem; border-radius:0.7rem; display:flex; align-items:center; justify-content:center; font-size:1.25rem; color:#fff; margin-bottom:0.75rem; }

/* ---------- Services bento ---------- */
.tdc-services-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
@media (min-width:900px) { .tdc-services-grid { grid-template-columns:repeat(12,1fr); gap:1.25rem; grid-auto-rows:minmax(180px,auto); } }
.tdc-service-flagship { grid-column:1/-1; background:linear-gradient(150deg,var(--primary),var(--primary-2)); border-radius:var(--radius-lg); padding:clamp(1.5rem,3vw,2.75rem); color:#fff; display:flex; flex-direction:column; justify-content:flex-end; gap:1rem; position:relative; overflow:hidden; }
@media (min-width:900px) { .tdc-service-flagship { grid-column:span 8; grid-row:span 2; } }
.tdc-service-flagship svg { position:absolute; top:1.5rem; right:1.5rem; width:5rem; height:5rem; opacity:.16; color:#fff; }
.tdc-tag { display:inline-flex; width:fit-content; background:var(--accent-strong); color:#fff; font-family:var(--font-mono); font-size:0.7rem; padding:0.3rem 0.75rem; border-radius:999px; }
.tdc-service-flagship h3 { color:#fff; font-size:clamp(1.3rem,1.1rem + 1.2vw,1.9rem); }
.tdc-service-flagship p { color:rgba(255,255,255,.72); max-width:36rem; }
.tdc-service-list { display:flex; flex-wrap:wrap; gap:0.75rem 1.5rem; }
.tdc-service-list li { display:flex; align-items:center; gap:0.4rem; color:rgba(255,255,255,.85); font-size:0.9rem; }
.tdc-service-list svg { color:var(--accent); }
.tdc-service-card { grid-column:span 1; background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius-md); padding:clamp(1.1rem,3vw,1.75rem); display:flex; flex-direction:column; justify-content:space-between; gap:1rem; transition:border-color .2s ease, transform .2s ease; }
@media (min-width:900px) { .tdc-service-card { grid-column:span 4; } }
.tdc-service-card:hover { border-color:var(--accent-strong); transform:translateY(-3px); }
.tdc-service-card .tdc-icon-badge { color:var(--primary); background:var(--surface-3); width:2.75rem; height:2.75rem; border-radius:0.7rem; display:flex; align-items:center; justify-content:center; font-size:1.25rem; }
.tdc-service-card h3 { font-size:1.05rem; margin-bottom:0.35rem; }
.tdc-service-card p { color:var(--ink-soft); font-size:0.9rem; }
.tdc-inline-link { display:inline-flex; align-items:center; gap:0.4rem; color:var(--teal); font-weight:600; font-size:0.9rem; }

/* ---------- Products (dark) ---------- */
.tdc-section--dark { background:var(--primary-2); color:#fff; }
.tdc-section--dark .tdc-h2 { color:#fff; }
.tdc-section--dark .tdc-lede { color:rgba(255,255,255,.65); }
.tdc-products-head { display:flex; flex-direction:column; gap:1.5rem; margin-bottom:2.5rem; }
@media (min-width:800px) { .tdc-products-head { flex-direction:row; align-items:flex-end; justify-content:space-between; } }
.tdc-products-grid { display:grid; gap:1.5rem; grid-template-columns:1fr; }
@media (min-width:960px) { .tdc-products-grid { grid-template-columns:1.6fr 1fr; } }
.tdc-product-feature { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-lg); padding:clamp(1.5rem,3vw,2.75rem); display:grid; gap:2rem; grid-template-columns:1fr; align-items:center; }
@media (min-width:640px) { .tdc-product-feature { grid-template-columns:1.2fr 1fr; } }
.tdc-product-feature-text { display:flex; flex-direction:column; gap:0.85rem; align-items:flex-start; }
.tdc-product-feature h3 { color:#fff; font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem); }
.tdc-product-feature p { color:rgba(255,255,255,.72); }
.tdc-chip-row { display:flex; flex-wrap:wrap; gap:0.6rem; margin-top:0.25rem; }
.tdc-chip { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:0.6rem; padding:0.4rem 0.8rem; font-size:0.82rem; color:#fff; }
.tdc-product-visual { display:flex; align-items:center; justify-content:center; color:var(--accent); }
.tdc-product-visual svg { width:6rem; height:6rem; opacity:.85; }
.tdc-product-side { display:grid; grid-template-columns:1fr; gap:1.25rem; }
@media (min-width:480px) and (max-width:959px) { .tdc-product-side { grid-template-columns:1fr 1fr; } }
.tdc-product-mini { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-md); padding:1.5rem; }
.tdc-product-mini svg { color:var(--accent); width:1.75rem; height:1.75rem; margin-bottom:0.75rem; }
.tdc-product-mini h4 { color:#fff; font-size:1.05rem; margin-bottom:0.4rem; }
.tdc-product-mini p { color:rgba(255,255,255,.6); font-size:0.9rem; }

/* ---------- Process ---------- */
.tdc-process { display:flex; flex-wrap:wrap; gap:2rem clamp(1rem,3vw,2rem); justify-content:center; }
.tdc-process-step { display:flex; flex-direction:column; align-items:center; text-align:center; width:150px; gap:0.75rem; }
.tdc-process-num { width:3.25rem; height:3.25rem; border-radius:999px; border:2px solid var(--accent-strong); color:var(--primary); font-family:var(--font-display); font-weight:700; display:flex; align-items:center; justify-content:center; background:var(--surface-2); }
.tdc-process-step:last-child .tdc-process-num { background:var(--accent-strong); color:#fff; border-color:var(--accent-strong); }
.tdc-process-step h4 { font-size:1rem; margin-bottom:0.25rem; }
.tdc-process-step p { font-size:0.85rem; color:var(--ink-soft); }

/* ---------- Team ---------- */
.tdc-team-grid { display:grid; gap:1rem; grid-template-columns:repeat(2,1fr); }
@media (min-width:640px) { .tdc-team-grid { grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:1.5rem; } }
.tdc-team-card { background:var(--surface-2); border-radius:var(--radius-md); overflow:hidden; border:1px solid var(--line); }
.tdc-team-photo { aspect-ratio:4/5; overflow:hidden; }
.tdc-team-photo img { width:100%; height:100%; object-fit:cover; filter:grayscale(1); transition:filter .3s ease; }
.tdc-team-card:hover .tdc-team-photo img { filter:grayscale(0); }
.tdc-team-info { padding:1rem; text-align:center; }
.tdc-team-info h4 { font-size:0.98rem; }
.tdc-team-info span { display:block; margin-top:0.3rem; font-family:var(--font-mono); font-size:0.68rem; color:var(--teal); text-transform:uppercase; letter-spacing:0.03em; }

/* ---------- Booking ---------- */
.tdc-booking-grid { display:grid; gap:clamp(2.5rem,5vw,4rem); grid-template-columns:1fr; align-items:center; }
@media (min-width:960px) { .tdc-booking-grid { grid-template-columns:1fr 1.05fr; } }
.tdc-booking-points { display:flex; flex-direction:column; gap:1rem; margin-top:1.75rem; }
.tdc-booking-point { display:flex; align-items:center; gap:0.9rem; color:rgba(255,255,255,.9); }
.tdc-booking-point .tdc-icon-badge { background:rgba(109,94,245,.2); color:var(--accent); width:2.5rem; height:2.5rem; border-radius:999px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.tdc-form-card { background:#fff; border-radius:var(--radius-lg); padding:clamp(1.25rem,3vw,2.5rem); color:var(--ink); box-shadow:0 30px 60px -20px rgba(0,0,0,.35); }
.tdc-form-grid { display:grid; grid-template-columns:1fr; gap:1rem; }
.tdc-form-grid.tdc-form-grid--2 { grid-template-columns:1fr; }
@media (min-width:420px) { .tdc-form-grid.tdc-form-grid--2 { grid-template-columns:1fr 1fr; } }
.tdc-field { display:flex; flex-direction:column; gap:0.4rem; min-width:0; }
.tdc-field label { font-family:var(--font-mono); font-size:0.7rem; text-transform:uppercase; letter-spacing:0.03em; color:var(--ink-soft); }
.tdc-field input, .tdc-field select, .tdc-field textarea { font-family:var(--font-body); font-size:0.92rem; padding:0.75rem 0.85rem; border-radius:0.7rem; border:1px solid var(--line); background:var(--surface); color:var(--ink); width:100%; min-width:0; }
.tdc-field input:focus, .tdc-field select:focus, .tdc-field textarea:focus { outline:none; border-color:var(--accent-strong); box-shadow:0 0 0 3px rgba(55,48,163,.15); }
.tdc-form-note { margin-top:1rem; padding:0.9rem 1.1rem; border-radius:0.7rem; font-size:0.9rem; display:none; align-items:center; gap:0.6rem; }
.tdc-form-note.is-visible { display:flex; }
.tdc-form-note--ok { background:#E7F6EE; color:#1D6B45; }
.tdc-form-note--err { background:#FCEBEA; color:#9B2C22; }

/* ---------- Contact ---------- */
.tdc-contact-grid { display:grid; gap:2.5rem; grid-template-columns:1fr; }
@media (min-width:900px) { .tdc-contact-grid { grid-template-columns:1fr 1fr; } }
.tdc-contact-row { display:flex; gap:1.1rem; margin-bottom:1.5rem; }
.tdc-contact-row .tdc-icon-badge { width:3rem; height:3rem; border-radius:0.8rem; display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; }
.tdc-hours { border:1px solid var(--line); border-radius:var(--radius-md); padding:1.5rem; margin-top:1.5rem; }
.tdc-hours-row { display:flex; justify-content:space-between; padding-block:0.35rem; color:var(--ink-soft); font-size:0.92rem; }
.tdc-map-frame { border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--line); min-height:320px; height:100%; }
.tdc-map-frame iframe { width:100%; height:100%; min-height:320px; border:0; }

/* ---------- Footer ---------- */
.tdc-footer { background:var(--primary-2); color:rgba(255,255,255,.65); }
.tdc-footer a { color:inherit; } /* portée par classe, pas par ID : n'écrase plus les boutons */
.tdc-footer-top { display:flex; flex-direction:column; gap:2.5rem; padding-block:3.5rem; border-bottom:1px solid rgba(255,255,255,.08); }
@media (min-width:800px) { .tdc-footer-top { flex-direction:row; justify-content:space-between; } }
.tdc-footer-brand { display:flex; align-items:center; gap:0.5rem; color:#fff; font-family:var(--font-display); font-weight:700; font-size:1.1rem; margin-bottom:0.75rem; }
.tdc-footer-brand svg { color:var(--accent); width:1.5rem; height:1.5rem; }
.tdc-footer-cols { display:grid; grid-template-columns:repeat(2,1fr); gap:1.75rem 2rem; }
@media (min-width:520px) { .tdc-footer-cols { grid-template-columns:repeat(3,1fr); gap:2rem 3rem; } }
.tdc-footer-cols h5 { font-family:var(--font-mono); font-size:0.72rem; text-transform:uppercase; letter-spacing:0.03em; color:var(--accent); margin-bottom:1rem; }
.tdc-footer-cols li { margin-bottom:0.7rem; font-size:0.92rem; }
.tdc-footer-cols a:hover { color:#fff; }
.tdc-footer-bottom { display:flex; flex-direction:column; gap:0.5rem; padding-block:1.75rem; font-size:0.8rem; }
@media (min-width:600px) { .tdc-footer-bottom { flex-direction:row; justify-content:space-between; } }

@media (prefers-reduced-motion: reduce) {
  #tdc-page * { animation-duration:0.001ms !important; transition-duration:0.001ms !important; }
}
.tdc-reveal { opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease; }
.tdc-reveal.is-visible { opacity:1; transform:translateY(0); }

/* ---------- 3. Alignement Astra sur la charte TDC ---------- */
/* Boutons, liens et titres d'Astra alignés sur la palette TDC */
.ast-button,
button, input[type="submit"],
input[type="button"] {
  background-color: #3730A3;
  border-color: #3730A3;
  border-radius: 999px;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 600;
}
.ast-button:hover,
button:hover, input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #2B2589;
  border-color: #2B2589;
}
.entry-content a:not(.ast-button):not(.tdc-btn) {
  color: #1E7F72;
  font-weight: 600;
}
.entry-content a:not(.ast-button):not(.tdc-btn):hover {
  color: #3730A3;
}
.ast-separate-container .ast-article-post {
  border-radius: 1rem;
  border: 1px solid #E3E6EC;
}