/* BizInvoice.help - UAE news section. Scoped to .aen so it cannot affect the generators. */
.aen { width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding: 24px 0 72px; color: #162c46; }
.aen a { color: #1f4f96; }
.aen a:focus-visible, .aen summary:focus-visible { outline: 3px solid #2563eb; outline-offset: 4px; border-radius: 3px; }
.aen-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: 13px; margin-bottom: 22px; color: #526379; }
.aen-breadcrumb a { color: #435971; }
.aen-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: .13em; line-height: 1.6; color: #365da0; margin: 0 0 10px; text-transform: uppercase; }

/* Listing hero */
.aen-hero { background: #132e50; color: #fff; border-radius: 18px; padding: 44px 48px; display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: center; }
.aen-hero .aen-eyebrow { color: #b9d4ff; }
.aen-hero h1 { font-size: clamp(30px, 3.4vw, 44px); line-height: 1.12; letter-spacing: -.04em; font-weight: 800; margin: 0 0 16px; color: #fff; }
.aen-hero h1 span { color: #afd0ff; }
.aen-hero p { color: #d9e4f3; line-height: 1.75; font-size: 15px; max-width: 54ch; margin: 0; }
.aen-hero-card { border: 1px solid #49617f; background: #213e61; border-radius: 12px; padding: 24px; }
.aen-hero-card strong { display: block; font-size: 13px; color: #fff; margin-bottom: 10px; }
.aen-hero-card ul { margin: 0; padding-left: 18px; color: #d1dded; font-size: 13px; line-height: 1.8; }

.aen-section-head { display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap; gap: 12px; margin: 44px 0 18px; }
.aen-section-head h2 { font-size: 26px; letter-spacing: -.03em; margin: 0; }
.aen-section-head p { font-size: 13px; color: #526379; margin: 0; }

.aen-list { display: grid; gap: 18px; }
.aen-card { display: grid; grid-template-columns: 170px 1fr; gap: 26px; border: 1px solid #d9e1eb; background: #fff; border-radius: 14px; padding: 26px 28px; }
.aen-card-date { font-size: 12px; color: #526379; line-height: 1.6; }
.aen-card-date strong { display: block; font-size: 20px; color: #132e50; letter-spacing: -.02em; }
.aen-card h3 { font-size: 21px; line-height: 1.35; letter-spacing: -.02em; margin: 8px 0 10px; }
.aen-card h3 a { color: #132e50; text-decoration: none; }
.aen-card h3 a:hover { color: #1f4f96; text-decoration: underline; }
.aen-card p { color: #526379; font-size: 14px; line-height: 1.75; margin: 0 0 12px; }
.aen-tag { display: inline-block; font-size: 10px; letter-spacing: .05em; font-weight: 750; text-transform: uppercase; color: #2a5294; background: #eaf1fc; border-radius: 4px; padding: 4px 8px; }
.aen-more { font-size: 13px; font-weight: 750; }

.aen-note { margin-top: 36px; font-size: 13px; color: #526379; line-height: 1.7; border-top: 1px solid #d7dfe9; padding-top: 18px; }

/* Article */
.aen-article { max-width: 760px; margin: 0 auto; }
.aen-article h1 { font-size: clamp(28px, 3.6vw, 40px); line-height: 1.18; letter-spacing: -.035em; font-weight: 800; color: #132e50; margin: 0 0 14px; }
.aen-dek { font-size: 17px; line-height: 1.65; color: #3b516c; margin: 0 0 18px; }
.aen-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; font-size: 13px; color: #526379; padding-bottom: 20px; border-bottom: 1px solid #d7dfe9; margin-bottom: 28px; }
.aen-body { font-size: 16px; line-height: 1.8; color: #243b55; }
.aen-body h2 { font-size: 24px; line-height: 1.3; letter-spacing: -.02em; color: #132e50; margin: 38px 0 12px; }
.aen-body h3 { font-size: 18px; color: #132e50; margin: 26px 0 8px; }
.aen-body p { margin: 0 0 16px; }
.aen-body ul, .aen-body ol { margin: 0 0 18px; padding-left: 22px; }
.aen-body li { margin-bottom: 6px; }
.aen-keyfacts { background: #eef4fd; border: 1px solid #c9daf4; border-radius: 12px; padding: 20px 24px; margin: 0 0 28px; }
.aen-keyfacts h2 { font-size: 15px; letter-spacing: .02em; margin: 0 0 10px; text-transform: uppercase; color: #1f4f96; }
.aen-keyfacts ul { margin: 0; }
.aen-table-wrap { overflow-x: auto; margin: 0 0 20px; border: 1px solid #d9e1eb; border-radius: 10px; }
.aen-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 520px; background: #fff; }
.aen-table th, .aen-table td { text-align: left; padding: 11px 14px; border-bottom: 1px solid #e3e9f1; vertical-align: top; }
.aen-table th { background: #f3f6fa; color: #243b55; font-weight: 700; }
.aen-table tr:last-child td { border-bottom: 0; }
.aen-callout { border-left: 4px solid #1f4f96; background: #f7f9fc; padding: 16px 20px; border-radius: 0 10px 10px 0; margin: 0 0 20px; }
.aen-callout p:last-child { margin-bottom: 0; }
.aen-checklist { list-style: none; padding-left: 0 !important; }
.aen-checklist li { position: relative; padding-left: 30px; }
.aen-checklist li::before { content: "\2713"; position: absolute; left: 0; top: 0; color: #059669; font-weight: 800; }
.aen-sources { font-size: 14px; }
.aen-sources li { overflow-wrap: anywhere; }
.aen-disclaimer { font-size: 13px; color: #526379; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 16px 18px; margin-top: 30px; line-height: 1.7; }
.aen-cta { margin-top: 34px; background: #132e50; color: #fff; border-radius: 14px; padding: 26px 28px; display: flex; flex-wrap: wrap; gap: 18px; justify-content: space-between; align-items: center; }
.aen-cta p { margin: 0; color: #d9e4f3; font-size: 14px; line-height: 1.6; max-width: 48ch; }
.aen-cta strong { color: #fff; display: block; font-size: 18px; margin-bottom: 4px; }
.aen-cta a { background: #fff; color: #17375f; font-weight: 750; font-size: 14px; padding: 12px 18px; border-radius: 8px; text-decoration: none; }
.aen-cta a:hover { background: #edf4ff; }
.aen-back { display: inline-block; margin-top: 26px; font-size: 14px; font-weight: 700; }

@media (max-width: 860px) {
  .aen { width: calc(100% - 32px); }
  .aen-hero { grid-template-columns: 1fr; padding: 32px 26px; gap: 24px; }
  .aen-card { grid-template-columns: 1fr; gap: 6px; padding: 22px; }
  .aen-card-date strong { display: inline; font-size: 14px; margin-right: 6px; }
}
@media (max-width: 600px) {
  .aen-table { min-width: 0; font-size: 13px; }
  .aen-table th, .aen-table td { padding: 9px 10px; }
}
@media (max-width: 480px) {
  .aen-body { font-size: 15.5px; }
  .aen-cta { padding: 22px; }
}