/* Paramarta Advocaten — Insights article stylesheet
   Shares the same design tokens as the homepage (neumorphic, gold/black/ivory). */

:root{
  --black:#0a0908;
  --surface:#121110;
  --surface-2:#171512;
  --surface-3:#0e0d0b;
  --gold:#c9a24b;
  --gold-light:#f1d98a;
  --gold-deep:#7c5f22;
  --ivory:#f4eee1;
  --muted:#948c78;
  --muted-2:#5f5a4c;
  --shadow-dark: rgba(0,0,0,0.65);
  --shadow-light: rgba(255,255,255,0.035);
  --radius: 22px;
}

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  background:var(--black);
  color:var(--ivory);
  font-family:'Manrope', sans-serif;
  -webkit-font-smoothing:antialiased;
}

::selection{background:var(--gold); color:var(--black);}

a{color:inherit; text-decoration:none;}

.wrap{max-width:760px; margin:0 auto; padding:0 28px;}

h1,h2,h3{font-family:'Fraunces', serif; font-weight:600; letter-spacing:-0.01em;}

.gold-text{
  background:linear-gradient(100deg, var(--gold-deep) 0%, var(--gold) 22%, var(--gold-light) 50%, var(--gold) 78%, var(--gold-deep) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.neu-raised{
  background:var(--surface);
  border-radius:var(--radius);
  box-shadow: 10px 10px 22px var(--shadow-dark), -8px -8px 18px var(--shadow-light);
  border:1px solid rgba(201,162,75,0.06);
}
.neu-inset{
  background:var(--surface-3);
  border-radius:16px;
  box-shadow: inset 6px 6px 12px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);
}

/* ---------- Top bar ---------- */
.topbar{
  padding:28px 0;
  background:
    radial-gradient(ellipse 700px 300px at 50% -20%, rgba(201,162,75,0.10), transparent 60%),
    var(--black);
}
.back-link{
  display:inline-flex; align-items:center; gap:8px;
  font-family:'Jost',sans-serif; font-size:11.5px; letter-spacing:0.22em;
  text-transform:uppercase; color:var(--gold);
  transition:opacity 0.3s ease;
}
.back-link:hover{opacity:0.75;}
.back-link svg{width:13px; height:13px; stroke:var(--gold); fill:none; stroke-width:2;}

/* ---------- Article header ---------- */
.article-header{padding:36px 0 56px; text-align:left;}
.article-header .eyebrow{
  font-family:'Jost',sans-serif; font-weight:500; letter-spacing:0.30em;
  text-transform:uppercase; font-size:11.5px; color:var(--gold);
  display:block; margin-bottom:16px;
}
.article-header h1{
  font-size:clamp(30px, 4.6vw, 46px);
  line-height:1.15;
  color:var(--ivory);
  margin-bottom:22px;
}
.article-header .dek{
  font-family:'Fraunces', serif; font-style:italic; font-weight:400;
  font-size:clamp(16px, 2vw, 19px);
  color:var(--muted);
  line-height:1.6;
  max-width:600px;
}
.meta-row{
  margin-top:28px;
  display:flex; align-items:center; gap:14px;
  font-family:'Jost',sans-serif; font-size:11px; letter-spacing:0.14em;
  text-transform:uppercase; color:var(--muted-2);
}
.meta-row .dot{width:3px; height:3px; border-radius:50%; background:var(--muted-2);}
.divider{
  width:56px; height:1px;
  background:linear-gradient(90deg, var(--gold), transparent);
  margin-top:28px;
}

/* ---------- Article body ---------- */
.article-body{padding-bottom:60px;}
.article-body p{
  font-size:16.5px; line-height:1.9; color:#d8d2c4; font-weight:400;
  margin-bottom:24px;
}
.article-body h2{
  font-size:24px; color:var(--ivory); margin:44px 0 18px;
  padding-top:4px;
}
.article-body ul, .article-body ol{
  margin:0 0 24px 22px;
  color:#d8d2c4; font-size:16.5px; line-height:1.9;
}
.article-body li{margin-bottom:10px;}
.article-body strong{color:var(--ivory); font-weight:600;}

/* ---------- Disclaimer ---------- */
.disclaimer{
  padding:24px 26px;
  margin:48px 0 8px;
  display:flex; gap:16px; align-items:flex-start;
}
.disclaimer svg{width:20px; height:20px; stroke:var(--gold); fill:none; stroke-width:1.5; flex-shrink:0; margin-top:2px;}
.disclaimer p{
  font-size:13px; line-height:1.75; color:var(--muted); margin:0;
}

/* ---------- CTA ---------- */
.article-cta{
  text-align:center;
  padding:56px 0 20px;
}
.article-cta p{
  font-family:'Fraunces', serif; font-style:italic; font-size:19px;
  color:var(--ivory); margin-bottom:24px;
}
.btn-gold{
  display:inline-flex; align-items:center; gap:12px;
  padding:16px 36px;
  border-radius:50px;
  background:linear-gradient(100deg, var(--gold-deep), var(--gold) 40%, var(--gold-light) 55%, var(--gold) 75%, var(--gold-deep));
  color:var(--black);
  font-family:'Jost',sans-serif; font-weight:600; font-size:13px;
  letter-spacing:0.14em; text-transform:uppercase;
  box-shadow: 8px 8px 18px var(--shadow-dark), -6px -6px 14px var(--shadow-light);
  transition:transform 0.35s ease, box-shadow 0.35s ease;
}
.btn-gold:hover{transform:translateY(-3px);}

/* ---------- Footer ---------- */
footer{
  padding:44px 0 40px;
  text-align:center;
  border-top:1px solid rgba(201,162,75,0.08);
}
footer .fw{
  font-family:'Fraunces', serif; font-weight:600; font-size:16px;
  letter-spacing:0.02em; margin-bottom:8px;
}
footer .fc{
  font-family:'Jost',sans-serif; font-size:10.5px; letter-spacing:0.18em;
  color:var(--muted-2); text-transform:uppercase;
}

@media (max-width:600px){
  .wrap{padding:0 20px;}
  .article-header{padding:28px 0 40px;}
}