/* HCA BLOG v2 — typography + cards, navy/gold, mobile-first (Package 06) */
:root{--hcab-navy:#16263F;--hcab-gold:#C9A24B;--hcab-ink:#22293A;--hcab-grey:#6B7280;--hcab-line:#E5E0D5;--hcab-cream:#FAF7F0}

/* article body readability */
.hcab-article{max-width:72ch;margin:0 auto;font-size:17px;line-height:1.85;color:var(--hcab-ink)}
.hcab-article p{margin:0 0 1.1em}
.hcab-article h2{font-size:26px;color:var(--hcab-navy);margin:1.6em 0 .5em;border-inline-start:4px solid var(--hcab-gold);padding-inline-start:12px}
.hcab-article h3{font-size:20px;color:var(--hcab-navy);margin:1.4em 0 .4em}
.hcab-article ul,.hcab-article ol{padding-inline-start:24px;margin:0 0 1.1em}
.hcab-article li{margin:.35em 0}
.hcab-article img{max-width:100%;height:auto;border-radius:8px;margin:14px 0}
.hcab-article blockquote{border-inline-start:4px solid var(--hcab-gold);background:var(--hcab-cream);margin:16px 0;padding:12px 18px;border-radius:8px;font-style:italic}
.hcab-article a{color:#1F5FAE;text-decoration-thickness:1px;text-underline-offset:2px}
.hcab-body{max-width:100%;overflow-wrap:anywhere}
.hcab-body iframe,.hcab-body video{max-width:100%}
.hcab-article table{display:block;max-width:100%;overflow-x:auto;width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.hcab-featured{margin:0 0 24px}
.hcab-featured img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:8px}
/* reading progress bar — fixed at top, RTL fills from the right */
.hcab-progress{position:fixed;top:0;inset-inline-start:0;height:3px;width:0;background:var(--hcab-gold);z-index:9999;transition:width .08s linear}
/* share buttons — branded, tappable */
.hcab-sh{display:inline-flex;align-items:center;padding:8px 15px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;color:#fff}
.hcab-wa{background:#25D366;color:#0b3d1e}
.hcab-li{background:#0A66C2}
.hcab-fb{background:#1877F2}
.hcab-x{background:#16263F}
.hcab-article th{background:var(--hcab-navy);color:var(--hcab-gold);padding:9px 12px;text-align:start}
.hcab-article td{border:1px solid var(--hcab-line);padding:8px 12px}

/* meta line */
.hcab-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--hcab-grey);font-size:13.5px;margin:8px 0 20px;padding-bottom:14px;border-bottom:1px solid var(--hcab-line)}
.hcab-author{color:var(--hcab-navy);font-weight:600}

/* share */
.hcab-share{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}
.hcab-wa{background:#25D366}.hcab-li{background:#0A66C2}.hcab-fb{background:#1877F2}.hcab-x{background:#111}

/* related */
.hcab-related{margin:34px 0;border-top:2px solid var(--hcab-gold);padding-top:18px}
.hcab-related h3{color:var(--hcab-navy)}
.hcab-rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.hcab-rel-card{background:#fff;border:1px solid var(--hcab-line);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--hcab-ink);transition:transform .15s,box-shadow .15s}
.hcab-rel-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(22,38,63,.12)}
.hcab-rel-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.hcab-rel-card h4{font-size:15px;margin:10px 12px 4px;color:var(--hcab-navy)}
.hcab-rel-card span{display:block;font-size:12px;color:var(--hcab-grey);margin:0 12px 12px}

/* author box */
.hcab-authorbox{display:flex;gap:14px;align-items:flex-start;background:var(--hcab-cream);border:1px solid var(--hcab-line);border-radius:8px;padding:16px 18px;margin:26px 0}
.hcab-authorbox-badge{flex:0 0 52px;height:52px;border-radius:50%;background:var(--hcab-navy);color:var(--hcab-gold);display:flex;align-items:center;justify-content:center;font-weight:800}
.hcab-authorbox p{margin:4px 0 0;font-size:13.5px;color:var(--hcab-grey);line-height:1.7}

/* ============================================================
   LISTING v3 — editorial: featured lead + refined 3-up grid
   RTL-first, navy/gold, mobile-first. Uses only fields the blog
   helper already exposes (title, excerpt, author, date, reading time,
   category). Signature: a gold "key-tag" eyebrow above the section.
   ============================================================ */

/* section eyebrow (gold key-tag motif) */
.hcab-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px}
.hcab-eyebrow::before{content:"";width:26px;height:2px;background:var(--hcab-gold);display:inline-block}
.hcab-eyebrow span{font-size:12px;letter-spacing:0;text-transform:uppercase;color:var(--hcab-gold);font-weight:700}

/* featured lead */
.hcab-featured-lead{display:block;text-decoration:none;border:1px solid var(--hcab-line);border-radius:8px;overflow:hidden;background:#fff;margin:0 0 28px;transition:transform .15s,box-shadow .15s}
.hcab-featured-lead:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(22,38,63,.14)}
.hcab-fl-grid{display:grid;grid-template-columns:1.15fr 1fr;min-height:260px}
.hcab-fl-media{position:relative;background:var(--hcab-navy);min-height:220px}
.hcab-fl-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hcab-fl-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--hcab-gold);font-size:30px;font-weight:800;padding:20px;text-align:center;line-height:1.35}
.hcab-fl-body{padding:28px 30px;display:flex;flex-direction:column;justify-content:center}
.hcab-fl-body h2{font-size:25px;font-weight:700;color:var(--hcab-navy);margin:0 0 12px;line-height:1.35}
.hcab-fl-excerpt{color:#4b5563;font-size:15px;line-height:1.75;margin:0 0 16px}
.hcab-fl-more{color:#8A6C2A;font-size:14px;font-weight:800}
.hcab-fl-more::after{content:" ←";font-weight:700}

/* meta row (chip + reading time) — shared by lead + cards */
.hcab-metarow{display:flex;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.hcab-chip{background:var(--hcab-cream);border:1px solid var(--hcab-line);color:#8A6C2A;font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:999px}
.hcab-rt{font-size:12.5px;color:var(--hcab-grey)}

/* refined 3-up grid */
.hcab-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hcab-card{background:#fff;border:1px solid var(--hcab-line);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--hcab-ink);transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}
.hcab-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(22,38,63,.13)}
.hcab-card-media{aspect-ratio:16/9;background:var(--hcab-navy);position:relative;overflow:hidden}
.hcab-card-media img{width:100%;height:100%;object-fit:cover}
.hcab-card-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--hcab-gold);font-weight:700;font-size:15px;text-align:center;padding:16px;line-height:1.4}
.hcab-card-body{padding:14px 16px 18px;display:flex;flex-direction:column;flex:1}
.hcab-card h3{font-size:16.5px;line-height:1.5;color:var(--hcab-navy);margin:0 0 7px;font-weight:700}
.hcab-card-excerpt{font-size:13px;color:var(--hcab-grey);line-height:1.65;margin:0 0 12px}
.hcab-card-foot{margin-top:auto;font-size:12px;color:var(--hcab-grey)}

/* empty state */
.hcab-empty{text-align:center;color:var(--hcab-grey);padding:50px 20px;font-size:15px}

/* pagination */
.hcab-pager{display:flex;gap:8px;justify-content:center;margin:34px 0}
.hcab-pager a,.hcab-pager span{border:1px solid var(--hcab-line);border-radius:8px;padding:8px 14px;font-size:14px;text-decoration:none;color:var(--hcab-navy)}
.hcab-pager .on{background:var(--hcab-navy);color:var(--hcab-gold);border-color:var(--hcab-navy)}

/* responsive */
@media(max-width:900px){.hcab-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){
  .hcab-fl-grid{grid-template-columns:1fr}
  .hcab-fl-media{min-height:200px}
  .hcab-fl-body{padding:22px 20px}
  .hcab-fl-body h2{font-size:22px}
}
@media(max-width:560px){.hcab-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .hcab-featured-lead,.hcab-card{transition:none}
  .hcab-featured-lead:hover,.hcab-card:hover{transform:none}
}
@media(max-width:640px){.hcab-article{font-size:16px}}