/* ============================
   VARIABLES (همون توکن‌های سایت)
============================ */
:root {
  --teal: #00A89E;
  --teal-d: #01887F;
  --navy: #16222F;
  --text: #22313F;
  --text-m: #5A6B7A;
  --bdr: #E5EBED;
}

/* ============================
   HERO (سبک مجله‌ای: تصویر پس‌زمینه تمام‌عرض)
============================ */
.ab-hero {
  position: relative;
  min-height: 320px;
  display: flex;
  align-items: flex-end;
  padding: 3rem 0 2.5rem;
  background: linear-gradient(135deg, var(--navy), #223349);
  overflow: hidden;
}
.ab-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.ab-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ab-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(22,34,47,.55), rgba(22,34,47,.9));
}
.ab-hero .container { position: relative; z-index: 1; }
.ab-hero-title {
  color: #fff;
  font-size: 2.1rem;
  font-weight: 800;
  margin-bottom: .6rem;
}
.ab-hero-summary {
  color: rgba(255,255,255,.85);
  font-size: 1.05rem;
  max-width: 680px;
  line-height: 1.9;
}

/* ============================
   بدنه محتوا (تایپوگرافی مجله‌ای، بدون کارت/سایه)
============================ */
.ab-body {
  max-width: 760px;
  margin: 0 auto;
  font-size: 1.05rem;
  line-height: 2.1;
  color: var(--text);
}
.ab-body h2, .ab-body h3 {
  color: var(--navy);
  font-weight: 800;
  margin: 2rem 0 1rem;
}
.ab-body p { margin-bottom: 1.3rem; }
.ab-body img {
  max-width: 100%;
  border-radius: 14px;
  margin: 1.5rem 0;
}
.ab-body blockquote {
  border-right: 4px solid var(--teal);
  padding: .8rem 1.4rem;
  margin: 1.8rem 0;
  background: #F4F7F8;
  border-radius: 8px;
  color: var(--text-m);
  font-style: normal;
}
.ab-body ul, .ab-body ol { padding-inline-start: 1.4rem; margin-bottom: 1.3rem; }
.ab-body li { margin-bottom: .5rem; }
.ab-body a { color: var(--teal-d); text-decoration: underline; }

/* ============================
   موبایل
============================ */
@media (max-width: 768px) {
  .ab-hero { min-height: 220px; padding: 2rem 0 1.6rem; }
  .ab-hero-title { font-size: 1.5rem; }
  .ab-hero-summary { font-size: .92rem; }
  .ab-body { font-size: .95rem; line-height: 1.95; }
}