/* ============================================================
   Dhen 2026 — premium redesign layer
   Inspired by the editorial look of leading Dhivehi news sites:
   bold display headlines, generous whitespace, teal identity.
   Scoped additively; no DOM changes, JS untouched.
   ============================================================ */

@font-face{
  font-family:'Dhen Head';
  src:url('/wp-content/themes/dhen-2020/public/fonts/MVAaamuFK.woff2') format('woff2'),
      url('/wp-content/themes/dhen-2020/public/fonts/MVAaamuFK.woff') format('woff');
  font-weight:400 800;font-style:normal;font-display:swap;
}

:root{
  --dh-ink:#15181d;
  --dh-body:#2b2f36;
  --dh-muted:#6b7280;
  --dh-teal:#12a89e;
  --dh-teal-d:#0b655f;
  --dh-teal-soft:#e7f6f5;
  --dh-line:#edf0f2;
}

/* ── Headlines everywhere use the bold display font ── */
.story-item--title,
.story-item--title a,
.single .story-item--header h1,
.page-header--title,
.home section .container > a.text-fehi-500,
.dh-about-sec h2,
.cat-label{
  font-family:'Dhen Head','MV Waheed',Faruma,sans-serif !important;
}

.story-item--title a{color:var(--dh-ink)}
.story-item--title a:hover{color:var(--dh-teal-d)}

/* ── Card titles: a touch larger + airier for a premium feel ── */
.home .story-item--title,
.single .story-item.is-card .story-item--title{font-size:1.32rem !important;line-height:1.75 !important}

/* ── Section headings: bigger, confident ── */
.home section .container > a.text-fehi-500{font-size:1.7rem !important;letter-spacing:.005em}

/* ============================================================
   ARTICLE PAGE — premium reading experience
   ============================================================ */
.single .story-item--header h1{
  font-size:2.05rem !important;
  line-height:1.6 !important;
  letter-spacing:.004em;
  color:var(--dh-ink) !important;
}
@media(min-width:768px){
  .single .story-item--header h1{font-size:2.6rem !important;line-height:1.5 !important}
}

/* comfortable, spacious body copy */
.single .article-entry{font-size:1.18rem;line-height:2.25;color:var(--dh-body)}
.single .article-entry p{font-size:1.18rem !important;line-height:2.3 !important;margin:0 0 1.5rem !important}
@media(min-width:768px){ .single .article-entry{max-width:720px;margin-left:auto;margin-right:auto} }

/* generous rhythm around the hero image + header */
.single article.story-item{padding-bottom:.5rem}
.single .story-item--header{padding-top:1.6rem !important}

/* ============================================================
   Small global polish
   ============================================================ */
body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }