/* ============================================================
   SabaiEurope.com — article-specific styles
   Loads AFTER assets/site.css (which provides the palette,
   header, buttons, footer base, fab, reveal, grain & blobs).
   ============================================================ */
:root{--prosew:46rem}
body{line-height:1.7}

/* article hero */
.a-hero{padding:30px 0 10px;overflow:hidden}
.a-hero .wrap{position:relative;z-index:2;max-width:var(--prosew)}
.crumbs{font-size:.86rem;color:var(--ink-soft);margin-bottom:18px}
.crumbs a{color:var(--rose-ink);font-weight:500}
.cat{display:inline-block;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rose-ink);background:var(--blush-2);border:1px solid #f3d3d9;padding:7px 14px;border-radius:100px;margin-bottom:18px}
.a-hero h1{font-size:clamp(2.2rem,4.6vw,3.4rem);margin-bottom:16px}
.a-hero .dek{font-size:1.16rem;color:var(--ink-soft);margin-bottom:22px}
.byline{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--ink-soft)}
.byline .av{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:var(--shadow-sm)}
.byline b{color:var(--ink);font-weight:500}
.cover{max-width:var(--maxw);margin:26px auto 0;padding:0 24px}
.cover img{width:100%;height:clamp(240px,42vw,440px);object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow);border:7px solid #fff}
.cover figcaption{font-size:.8rem;color:var(--ink-soft);text-align:center;margin-top:10px}

/* prose */
.prose{max-width:var(--prosew);margin:10px auto 0;padding:34px 24px 0;line-height:1.75}
.prose h2{font-size:clamp(1.55rem,3vw,2.05rem);margin:42px 0 14px}
.prose h3{font-size:1.28rem;margin:30px 0 10px}
.prose p{margin-bottom:18px;color:#4b3c41;font-size:1.08rem}
.prose .lead{font-size:1.2rem;color:var(--ink);font-weight:400}
.prose ul,.prose ol{margin:0 0 20px 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.prose ul li{position:relative;padding-left:30px;color:#4b3c41;font-size:1.05rem}
.prose ul li::before{content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:50%;
  background:var(--rose);box-shadow:0 0 0 4px var(--blush-2)}
.prose ol{counter-reset:o}
.prose ol li{position:relative;padding-left:42px;color:#4b3c41;font-size:1.05rem;counter-increment:o}
.prose ol li::before{content:counter(o);position:absolute;left:0;top:-1px;width:28px;height:28px;border-radius:50%;
  background:var(--blush-2);color:var(--rose-ink);font-family:var(--font-display);font-weight:600;font-size:.9rem;
  display:grid;place-items:center}
.prose b,.prose strong{color:var(--ink);font-weight:500}
.prose a.inline{color:var(--rose-ink);font-weight:500;text-decoration:underline;text-underline-offset:2px}
blockquote{margin:26px 0;padding:18px 24px;border-left:4px solid var(--rose);background:#fff;border-radius:0 16px 16px 0;
  box-shadow:var(--shadow-sm);font-family:var(--font-display);font-style:italic;font-size:1.2rem;color:var(--ink)}
.tip{margin:24px 0;padding:18px 20px;border-radius:18px;border:1px solid #f3d3d9;background:var(--blush-2);font-size:1rem;color:#4b3c41}
.tip.gold{border-color:#eedfbe;background:#faf3e3}
.tip.mint{border-color:#cfe7db;background:#eef7f2}
.tip b{color:var(--ink)}
.tip .h{display:block;font-weight:600;color:var(--rose-ink);margin-bottom:4px}
.tip.gold .h{color:var(--gold-deep)}.tip.mint .h{color:#3a7a5c}
.afig{margin:28px 0}
.afig img{width:100%;border-radius:var(--r-md);box-shadow:var(--shadow-sm)}
.afig figcaption{font-size:.82rem;color:var(--ink-soft);text-align:center;margin-top:8px}

/* CTA */
.cta-band{max-width:var(--prosew);margin:46px auto;padding:0 24px}
.cta-card{background:linear-gradient(135deg,var(--blush-2),#fff);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:34px 32px;text-align:center;box-shadow:var(--shadow-sm)}
.cta-card h3{font-size:1.7rem;margin-bottom:8px}
.cta-card p{color:var(--ink-soft);margin-bottom:20px}
.cta-card .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* read next */
.next{background:var(--cream-2);padding:54px 0;margin-top:30px}
.next h4{text-align:center;font-size:1.5rem;margin-bottom:28px}
.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:880px;margin:0 auto}
.ncard{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
  box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}
.ncard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.ncard img{width:108px;height:auto;min-height:104px;object-fit:cover;flex-shrink:0}
.ncard .nc{padding:16px 16px 16px 4px}
.ncard .cat2{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--rose-ink)}
.ncard h5{font-family:var(--font-display);font-size:1.12rem;font-weight:600;margin:5px 0 4px;line-height:1.2}
.ncard span{font-size:.86rem;color:var(--rose);font-weight:500}

/* article footer overrides (site.css provides footer base) */
footer{padding:48px 0 26px}
.foot-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foot-row .wm{font-family:var(--font-display);font-size:1.4rem;color:#fff;display:flex;align-items:center;gap:9px}
.foot-row .wm b{color:var(--rose)}.foot-row .wm small{color:var(--gold);font-size:.6em;font-family:var(--font-body)}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}
.foot-links a{color:#d8c6cc;font-size:.92rem;font-weight:300}.foot-links a:hover{color:#fff}
.foot-row+.foot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:20px;
  font-size:.82rem;color:#b8a6ac;font-weight:300;text-align:center;display:block}

@media(max-width:900px){.next-grid{grid-template-columns:1fr}}
@media(max-width:640px){
  .cover,.cta-band{padding-left:18px;padding-right:18px}
  .foot-row{flex-direction:column;text-align:center}
}