/* =====================================================================
   IANA-DATA — CUSTOM.CSS (réorganisé)
   Objectif:
   - conserver les sélecteurs existants
   - supprimer les doublons
   - corriger les erreurs de syntaxe
   - uniformiser les variables
   - ranger le fichier par sections stables
===================================================================== */

/* =========================
   1) DESIGN TOKENS (GLOBAL)
========================= */
:root{
  /* Couleurs */
  --iana-accent: #0EA5E9;
  --iana-border: #E2E8F0;
  --iana-card: #FFFFFF;

  /* Marque comparatifs */
  --iana-openai: #10B981;
  --iana-google: #60A5FA;

  /* Typo / rythme */
  --iana-text: #334155;
  --iana-title: #0f172a;
  --iana-muted: #64748b;

  /* Rayons / ombres */
  --iana-radius-sm: 10px;
  --iana-radius-md: 12px;
  --iana-radius-lg: 16px;

  --iana-shadow-sm: 0 1px 4px rgba(0,0,0,.04);
  --iana-shadow-md: 0 2px 8px rgba(0,0,0,.06);

  /* Gradients */
  --iana-hero-grad: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f2d1e 100%);
  --iana-hero-grad-2: linear-gradient(135deg, #0f172a, #1e3a5f);
}

/* =========================
   2) UTILITAIRES (GLOBAL)
========================= */
.visually-hidden{
  position:absolute !important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.iana-container{
  max-width: 880px;
  margin: 0 auto;
  padding: 0 24px;
}

/* =========================
   3) COMPOSANTS PARTAGÉS
========================= */
.iana-hero{
  background: var(--iana-hero-grad);
  color:#fff;
  padding: 72px 24px;
  text-align:center;
  border-radius: 0;
}

.iana-hero__inner{
  max-width: 920px;
  margin: 0 auto;
}

.iana-badge{
  display:inline-block;
  background: var(--iana-accent);
  color:#0f172a;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 999px;
  margin-bottom: 20px;
}

.iana-hero__title{
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 850;
  line-height: 1.2;
  max-width: 820px;
  margin: 0 auto 20px;
}

.iana-hero__lead{
  font-size: 1.1rem;
  color: #cbd5e1;
  max-width: 640px;
  margin: 0 auto 32px;
}

.iana-hero__meta{
  font-size: .85rem;
  color:#94a3b8;
}

.iana-hero__meta strong{
  color:#e2e8f0;
}

.iana-accent-openai{ color: #34d399; }
.iana-accent-google{ color: var(--iana-google); }

.iana-callout{
  border-left: 4px solid var(--iana-accent);
  background: #fffbeb;
  padding: 16px 20px;
  border-radius: 0 var(--iana-radius-sm) var(--iana-radius-sm) 0;
  margin: 24px 0;
  font-size: 0.97rem;
}

.iana-callout--blue{
  border-color: var(--iana-google);
  background: #eff6ff;
}

.iana-callout--green{
  border-color: var(--iana-openai);
  background: #f0fdf4;
}

.iana-callout strong{
  display:block;
  margin-bottom: 4px;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--iana-muted);
}

/* =========================
   4) LONGFORM — SCOPE .iana-additive
========================= */
.iana-additive{
  color: var(--iana-text);
  --text: var(--iana-text);
  --text-strong: var(--iana-title);
  --text-soft: var(--iana-muted);
  --bg-soft: #f8fafc;
  --radius-md: var(--iana-radius-md);
  --radius-lg: var(--iana-radius-lg);
  --accent: var(--iana-accent);
  --border: var(--iana-border);
}

/* ---- Compatibilité HTML actuelle (.hero, .badge, .meta, etc.) ---- */
.iana-additive .hero{
  background: var(--iana-hero-grad);
  color:#fff;
  padding: 72px 24px;
  text-align:center;
}

.iana-additive .hero .badge{
  display:inline-block;
  background: var(--iana-accent);
  color:#0f172a;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 999px;
  margin-bottom: 20px;
}

.iana-additive .hero h1 {
  color: #ffffe0; /* LightYellow standard */
  /* Optionnel : si c'est trop clair sur fond blanc, utilise plutôt : */
  /* color: #fef08a; (Jaune doux type Tailwind) */
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 850;
  line-height: 1.2;
  line-height: 1.2;
  max-width: 820px;
  margin: 0 auto 20px;
}


.iana-additive .hero h1 span.gpt{ color:#34d399; }
.iana-additive .hero h1 span.gem{ color: var(--iana-google); }

.iana-additive .hero p{
  font-size: 1.1rem;
  color: #cbd5e1;
  max-width: 640px;
  margin: 0 auto 32px;
}

.iana-additive .hero .meta{
  font-size:.85rem;
  color:#94a3b8;
}

.iana-additive .hero .meta strong{
  color:#e2e8f0;
}

.iana-additive .iana-container{
  max-width: 880px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---- Structure & typographie longform ---- */
.iana-additive section{
  padding: 56px 0;
}

.iana-additive section + section{
  border-top: 1px solid var(--iana-border);
}

.iana-additive .article-body,
.iana-additive .content,
.iana-additive article{
  font-size: 1.02rem;
  line-height: 1.8;
  color: var(--text);
}

.iana-additive h2{
  font-size: 1.75rem;
  font-weight: 850;
  margin-bottom: 16px;
  color: var(--iana-title);
  display:flex;
  align-items:center;
  gap:10px;
}

.iana-additive h2 .icon{
  font-size: 1.4rem;
}

.iana-additive h3{
  font-size: 1.2rem;
  font-weight: 750;
  margin: 28px 0 10px;
  color:#1e293b;
}

.iana-additive h4{
  font-size: 1rem;
  font-weight: 750;
  margin: 20px 0 8px;
  color: var(--iana-text);
}

.iana-additive p{
  margin-bottom: 14px;
  line-height: 1.8;
}

.iana-additive li{
  line-height: 1.8;
}

.iana-additive p + ul,
.iana-additive p + ol{
  margin-top: -4px;
}

.iana-additive ul,
.iana-additive ol{
  margin: 0 0 18px 1.25rem;
  padding: 0;
}

.iana-additive li + li{
  margin-top: 8px;
}

.iana-additive a{
  color: #2563eb;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}

.iana-additive a:hover{
  text-decoration: underline;
}

.iana-additive strong{
  color: var(--text-strong);
}

.iana-additive blockquote{
  margin: 24px 0;
  padding: 14px 18px;
  border-left: 4px solid var(--iana-accent);
  background: var(--bg-soft);
  color: #475569;
  border-radius: 0 10px 10px 0;
}

.iana-additive hr{
  border: 0;
  border-top: 1px solid var(--iana-border);
  margin: 32px 0;
}

.iana-additive code{
  background: #eff6ff;
  color: #1d4ed8;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 0.92em;
}

.iana-additive pre{
  background: #0f172a;
  color: #e2e8f0;
  padding: 18px;
  border-radius: 12px;
  overflow-x: auto;
  margin: 20px 0;
}

.iana-additive pre code{
  background: transparent;
  color: inherit;
  padding: 0;
}

/* ---- Callouts legacy ---- */
.iana-additive .callout{
  border-left: 4px solid var(--iana-accent);
  background: #fffbeb;
  padding: 16px 20px;
  border-radius: 0 var(--iana-radius-sm) var(--iana-radius-sm) 0;
  margin: 24px 0;
  font-size: 0.97rem;
}

.iana-additive .callout.blue{
  border-color: var(--iana-google);
  background: #eff6ff;
}

.iana-additive .callout.green{
  border-color: var(--iana-openai);
  background: #f0fdf4;
}

.iana-additive .callout strong{
  display:block;
  margin-bottom: 4px;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--iana-muted);
}

/* ---- Stat cards ---- */
.iana-additive .stat-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
  margin: 24px 0;
}

.iana-additive .stat-card{
  background: var(--iana-card);
  border: 1px solid var(--iana-border);
  border-radius: var(--iana-radius-md);
  padding: 20px 16px;
  text-align:center;
  box-shadow: var(--iana-shadow-sm);
}

.iana-additive .stat-card .value{
  font-size: 2rem;
  font-weight: 850;
}

.iana-additive .stat-card .value.gpt{ color: var(--iana-openai); }
.iana-additive .stat-card .value.gem{ color: var(--iana-google); }

.iana-additive .stat-card .label{
  font-size: .78rem;
  color: var(--iana-muted);
  margin-top: 4px;
}

.iana-additive .stat-card .benchmark{
  font-size: .7rem;
  color:#94a3b8;
  font-style: italic;
  margin-top: 2px;
}

/* ---- Comparison table ---- */
.iana-additive .compare-table{
  width: 100%;
  border-collapse: collapse;
  font-size: .93rem;
  margin: 24px 0;
  border-radius: var(--iana-radius-md);
  overflow:hidden;
  box-shadow: var(--iana-shadow-md);
}

.iana-additive .compare-table thead{
  background: #0f172a;
  color:#fff;
}

.iana-additive .compare-table th{
  padding: 14px 18px;
  text-align:left;
  font-weight: 750;
  font-size: .85rem;
}

.iana-additive .compare-table th:nth-child(2){ background: rgba(16,163,127,.25); }
.iana-additive .compare-table th:nth-child(3){ background: rgba(66,133,244,.25); }

.iana-additive .compare-table td{
  padding: 12px 18px;
  border-bottom: 1px solid var(--iana-border);
  vertical-align: middle;
}

.iana-additive .compare-table tbody tr:last-child td{
  border-bottom:none;
}

.iana-additive .compare-table tbody tr:nth-child(even){
  background:#f8fafc;
}

.iana-additive .compare-table .winner{
  font-weight: 750;
}

.iana-additive .badge-win,
.iana-additive .badge-tie{
  display:inline-block;
  border-radius:999px;
  font-size:.72rem;
  font-weight: 750;
  padding: 2px 10px;
}

.iana-additive .badge-win{
  background:#f0fdf4;
  color:#15803d;
  border:1px solid #bbf7d0;
}

.iana-additive .badge-tie{
  background:#fefce8;
  color:#854d0e;
  border:1px solid #fde68a;
}

/* ---- Profile cards ---- */
.iana-additive .profile-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 24px 0;
}

.iana-additive .profile-card{
  border: 1px solid var(--iana-border);
  border-radius: var(--iana-radius-md);
  padding: 24px;
  background: var(--iana-card);
}

.iana-additive .profile-card h4{
  font-size: 1rem;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid;
}

.iana-additive .profile-card.gpt h4{
  border-color: var(--iana-openai);
  color: var(--iana-openai);
}

.iana-additive .profile-card.gem h4{
  border-color: var(--iana-google);
  color: var(--iana-google);
}

.iana-additive .profile-card ul{
  padding-left: 18px;
  color: var(--iana-text);
  font-size: .93rem;
}

.iana-additive .profile-card ul li{
  margin-bottom: 6px;
}

/* ---- Verdict ---- */
.iana-additive .verdict-box{
  background: var(--iana-hero-grad-2);
  color:#fff;
  border-radius: var(--iana-radius-lg);
  padding: 40px;
  margin: 24px 0;
}

.iana-additive .verdict-box h3{
  color:#34d399;
  margin-top:0;
}

.iana-additive .verdict-box p{
  color:#cbd5e1;
  margin-bottom:10px;
}

.iana-additive .verdict-box .split{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 24px;
}

.iana-additive .verdict-box .split div{
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--iana-radius-sm);
  padding: 20px;
}

.iana-additive .verdict-box .split h4{
  color:#e2e8f0;
  font-size: .95rem;
  margin: 0 0 10px;
}

.iana-additive .verdict-box .split ul{
  padding-left: 16px;
  color:#94a3b8;
  font-size: .9rem;
}

.iana-additive .verdict-box .split ul li{
  margin-bottom: 5px;
}

/* ---- FAQ ---- */
.iana-additive .faq-item{
  border: 1px solid var(--iana-border);
  border-radius: var(--iana-radius-sm);
  margin-bottom: 12px;
  overflow:hidden;
}

.iana-additive .faq-item summary{
  cursor:pointer;
  padding: 16px 20px;
  font-weight: 750;
  font-size: .97rem;
  background: var(--iana-card);
  list-style:none;
  display:flex;
  justify-content: space-between;
  align-items:center;
}

.iana-additive .faq-item summary::-webkit-details-marker{
  display:none;
}

.iana-additive .faq-item summary::after{
  content:'+';
  font-size: 1.3rem;
  color:#94a3b8;
}

.iana-additive .faq-item[open] summary::after{
  content:'−';
}

.iana-additive .faq-item .faq-body{
  padding: 16px 20px;
  background:#f8fafc;
  font-size: .93rem;
  color: var(--iana-text);
  border-top: 1px solid var(--iana-border);
}

/* ---- Sources ---- */
.iana-additive .sources{
  background:#f1f5f9;
  border-radius: var(--iana-radius-md);
  padding: 24px;
  font-size: .85rem;
  color:#475569;
}

.iana-additive .sources h3{
  font-size: 1rem;
  margin-bottom: 12px;
  color: var(--iana-title);
}

.iana-additive .sources ul{
  padding-left: 18px;
}

.iana-additive .sources ul li{
  margin-bottom: 6px;
}

.iana-additive .sources a{
  color:#2563eb;
}

/* ---- Navigation article ---- */
.iana-additive .toc{
  background: #f8fafc;
  border: 1px solid var(--iana-border);
  border-radius: 14px;
  padding: 18px 20px;
  margin: 24px 0 36px;
}

.iana-additive .toc h2,
.iana-additive .toc h3{
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 12px;
  color: #0f172a;
}

.iana-additive .toc ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.iana-additive .toc li + li{
  margin-top: 8px;
}

.iana-additive .toc a{
  display: inline-block;
  color: #334155;
  text-decoration: none;
  transition: color 0.2s ease;
}

.iana-additive .toc a:hover{
  color: #2563eb;
  text-decoration: underline;
}

/* ---- Blocs éditoriaux réutilisables ---- */
.iana-additive .definition-box{
  background: #f8fafc;
  border: 1px solid var(--iana-border);
  border-radius: 14px;
  padding: 18px 20px;
  margin: 24px 0;
}

.iana-additive .definition-box .label{
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #2563eb;
  margin-bottom: 8px;
}

.iana-additive .keypoints{
  background: #ffffff;
  border: 1px solid var(--iana-border);
  border-radius: 14px;
  padding: 20px;
  margin: 24px 0;
  box-shadow: var(--iana-shadow-sm);
}

.iana-additive .keypoints h3{
  margin-top: 0;
  color: #0f172a;
}

.iana-additive .keypoints ul{
  margin-bottom: 0;
}

.iana-additive .steps{
  counter-reset: step;
  display: grid;
  gap: 14px;
  margin: 24px 0;
}

.iana-additive .step{
  position: relative;
  background: #fff;
  border: 1px solid var(--iana-border);
  border-radius: 14px;
  padding: 18px 18px 18px 60px;
}

.iana-additive .step::before{
  counter-increment: step;
  content: counter(step);
  position: absolute;
  left: 18px;
  top: 18px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--iana-accent);
  color: #ffffff;
  font-weight: 800;
  font-size: 0.9rem;
}

/* ---- Table scrollable ---- */
.iana-additive .table-scroll{
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 28px 0;
  border-radius: 14px;
  border: 1px solid var(--iana-border);
  background: #ffffff;
  box-shadow: var(--iana-shadow-sm);
}

.iana-additive .table-scroll::-webkit-scrollbar{
  height: 8px;
}

.iana-additive .table-scroll::-webkit-scrollbar-track{
  background: #f1f5f9;
  border-radius: 999px;
}

.iana-additive .table-scroll::-webkit-scrollbar-thumb{
  background: #cbd5e1;
  border-radius: 999px;
}

.iana-additive .table-scroll::-webkit-scrollbar-thumb:hover{
  background: #94a3b8;
}

.iana-additive .table-scroll table{
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  font-size: 0.96rem;
}

.iana-additive .table-scroll th,
.iana-additive .table-scroll td{
  padding: 12px 14px;
  text-align: left;
  border-bottom: 1px solid var(--iana-border);
}

.iana-additive .table-scroll thead th{
  background: #f8fafc;
  font-weight: 700;
  color: #0f172a;
  position: sticky;
  top: 0;
  z-index: 1;
}

.iana-additive .table-scroll tbody tr:nth-child(even){
  background: #f9fafb;
}

.iana-additive .table-scroll tbody tr:hover{
  background: #f1f5f9;
}

.iana-additive .table-scroll::after{
  content: "→ faites défiler horizontalement";
  display: none;
  font-size: 0.75rem;
  color: #64748b;
  padding: 6px 12px 10px;
}

/* ---- Dataset / exemple ---- */
.iana-additive .dataset-box{
  margin: 30px 0;
  padding: 20px 22px;
  border-radius: 14px;
  border: 1px solid var(--iana-border);
  background: #f8fafc;
}

.iana-additive .dataset-box h3{
  margin-top: 0;
  font-size: 1.05rem;
  color: #0f172a;
}

.iana-additive .dataset-meta{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px,1fr));
  gap: 12px;
  margin: 16px 0 8px;
}

.iana-additive .dataset-meta div{
  background: #ffffff;
  border: 1px solid var(--iana-border);
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 0.85rem;
}

.iana-additive .dataset-meta strong{
  display: block;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #64748b;
  margin-bottom: 3px;
}

/* ---- Takeaway ---- */
.iana-additive .takeaway-box{
  margin: 32px 0;
  padding: 22px 24px;
  border-radius: 16px;
  background: linear-gradient(135deg,#f8fafc,#eef2ff);
  border: 1px solid var(--iana-border);
}

.iana-additive .takeaway-box h3{
  margin-top: 0;
  font-size: 1.05rem;
  color: #0f172a;
}

.iana-additive .takeaway-box ul{
  margin-bottom: 0;
}

.iana-additive .takeaway-box li{
  margin-bottom: 8px;
}

/* ---- Code block premium ---- */
.iana-additive .code-block{
  margin: 28px 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--iana-border);
  background: #0f172a;
}

.iana-additive .code-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #020617;
  padding: 8px 14px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #94a3b8;
}

.iana-additive .code-header span{
  text-transform: uppercase;
}

.iana-additive .code-content{
  padding: 18px 20px;
  overflow-x: auto;
}

.iana-additive .code-content pre{
  margin: 0;
  color: #e2e8f0;
  font-size: 0.9rem;
  line-height: 1.6;
}

.iana-additive .code-content code{
  background: none;
  color: inherit;
  padding: 0;
}

/* ---- Responsive longform ---- */
@media (max-width: 768px){
  .iana-additive .table-scroll::after{
    display: block;
  }
}

@media (max-width: 640px){
  .iana-additive h2{
    font-size: 1.4rem;
  }

  .iana-additive .compare-table{
    font-size: .82rem;
  }

  .iana-additive .compare-table th,
  .iana-additive .compare-table td{
    padding: 10px 12px;
  }
}

@media (max-width: 600px){
  .iana-additive .profile-grid{
    grid-template-columns: 1fr;
  }

  .iana-additive .verdict-box .split{
    grid-template-columns: 1fr;
  }
}

/* =========================
   5) HOMEPAGE — SCOPE .iana-home
========================= */
.iana-home{}

.iana-home .iana-hero{
  border-radius: var(--iana-radius-lg);
  margin: 0 0 48px;
}

.iana-home .hero{
  border-radius: var(--iana-radius-lg);
  margin: 0 0 48px;
  overflow:hidden;
}

.iana-home .iana-cta{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
  margin: 0 0 18px;
}

.iana-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 750;
  text-decoration:none;
  border: 1px solid transparent;
  transition: transform .08s ease, opacity .12s ease;
}

.iana-btn:hover{
  transform: translateY(-1px);
}

.iana-btn--primary{
  background: var(--iana-accent);
  color:#0f172a;
}

.iana-btn--ghost{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color:#e2e8f0;
}

.iana-home .iana-start{
  max-width: var(--iana-home-max, 1200px);
  margin: 0 auto 48px;
  padding: 0 24px;
}

.iana-home .iana-start__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iana-home .iana-card{
  background: var(--iana-card);
  border: 1px solid var(--iana-border);
  border-radius: var(--iana-radius-md);
  box-shadow: var(--iana-shadow-sm);
  padding: 18px;
}

.iana-home .iana-card__kicker{
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--iana-muted);
  margin-bottom: 8px;
  font-weight: 750;
}

.iana-home .iana-card__title{
  margin: 0 0 8px;
  font-size: 1.05rem;
  color: var(--iana-title);
  font-weight: 850;
}

.iana-home .iana-card__text{
  margin: 0;
  color: var(--iana-text);
  font-size: .92rem;
}

@media (max-width: 900px){
  .iana-home .iana-start__grid{
    grid-template-columns: 1fr;
  }
}

/* =========================
   6) PAGES LÉGALES
========================= */
.item-386 .intro-text,
.item-387 .intro-text,
.item-388 .intro-text,
.item-389 .intro-text,
.item-390 .intro-text{
  display:none;
}

/* =========================
   7) NEWSLETTER CTA
========================= */
.iana-newsletter-cta{
  background: #e0eaff;
  border: 1px solid #3b82f6;
  padding: 40px 30px;
  margin: 40px 0;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.1);
}

.iana-newsletter-cta h3{
  margin-bottom: 12px;
  font-size: 1.6rem;
  color: #1e3a8a;
}

.iana-newsletter-cta p{
  margin-bottom: 25px;
  color: #475569;
  line-height: 1.5;
}

.iana-newsletter-form{
  max-width: 450px;
  margin: 0 auto;
}

.iana-newsletter-cta .acym__users__creation__fields__title{
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1e3a8a;
  text-align: left;
  font-size: 0.95rem;
}

.iana-newsletter-cta #field_2{
  background: transparent;
  border: none;
  margin: 0;
}

.iana-newsletter-cta #field_2 input{
  background: #ffffff !important;
  border: 2px solid #3b82f6;
  border-radius: 8px;
  padding: 12px 15px;
  width: 100%;
  font-size: 1rem;
  box-sizing: border-box;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.iana-newsletter-cta #field_2 input:focus{
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
  outline: none;
}

.iana-newsletter-cta #field_1{
  display: none !important;
}

.iana-newsletter-cta .fieldacyterms{
  font-size: 0.85rem;
  color: #64748b;
  text-align: left;
  margin-top: 10px;
}

.iana-newsletter-cta input[type="submit"],
.iana-newsletter-cta .acym__button{
  background: #ea580c !important;
  color: #ffffff !important;
  font-weight: 600;
  padding: 14px 28px !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer;
  transition: all 0.3s ease !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: 100%;
  font-size: 1rem !important;
}

.iana-newsletter-cta input[type="submit"]:hover,
.iana-newsletter-cta .acym__button:hover{
  background: #c2410c !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(234, 88, 12, 0.3);
}

/* =========================
   8) READ MORE BLOCK
========================= */
.iana-readmore-block{
  margin-top: 48px;
  padding: 28px;
  background: #f6f8fb;
  border-radius: 12px;
  border: 1px solid #e6ecf2;
}

.iana-readmore-block h3{
  font-size: 1.2rem;
  margin-bottom: 18px;
  font-weight: 600;
}

.iana-readmore-block li{
  margin-bottom: 10px;
}

.iana-readmore-block a{
  text-decoration: none;
  font-weight: 500;
}

.iana-readmore-block a:hover{
  text-decoration: underline;
}