/* DE-LIS V4 — streamlined editorial article template.
   This stylesheet is isolated to localhost article rendering. CMS copy and markup
   remain source-of-truth; the optional JS only groups existing DOM nodes. */
.dl-blog-v4--article{
  --a-ink:#26343d;--a-text:#465660;--a-muted:#74818a;
  --a-accent:#a83753;--a-border:#e3e7e7;
  background:#fff;
}
/* Short, balanced intro: first fold shows the start of the article. */
.dl-blog-v4--article .dl-blog-v4__article-hero{
  padding:0 0 17px;background:#1e262b;color:#fff
}
.dl-blog-v4--article .dl-blog-v4__article-hero .dl-blog-v4__crumbs{
  padding:11px 0 15px;margin:0;gap:7px 11px;
  font-size:11px;line-height:1.5
}
.dl-blog-v4--article .dl-blog-v4__article-hero-grid{
  display:grid;grid-template-columns:minmax(0,1.65fr) minmax(210px,.65fr);
  align-items:center;gap:clamp(25px,3.5vw,65px);padding:0;min-height:0
}
.dl-blog-v4--article .dl-blog-v4__article-hero-copy{min-width:0}
.dl-blog-v4--article .dl-blog-v4__article-hero .dl-blog-v4__eyebrow{
  font-size:10px;line-height:1.5;letter-spacing:.11em
}
.dl-blog-v4--article .dl-blog-v4__article-hero h1{
  font-family:inherit;font-size:clamp(30px,2.9vw,43px);
  font-weight:740;line-height:1.13;letter-spacing:-.042em;
  margin:7px 0 14px;max-width:850px;color:#fff
}
.dl-blog-v4--article .dl-blog-v4__article-hero-image{
  width:100%;height:164px;max-height:164px;display:block;
  border:1px solid rgba(255,255,255,.13);border-radius:7px;overflow:hidden;
  background:#353e43;box-shadow:none
}
.dl-blog-v4--article .dl-blog-v4__article-hero-image img{
  width:100%;height:100%;object-fit:cover;object-position:center center
}
.dl-blog-v4--article .dl-blog-v4__article-meta{
  color:#c4ccd0;font-size:11px;letter-spacing:0
}

/* Full-width paper / a single comfortable reading rail, no right-hand TOC. */
.dl-blog-v4--article .dl-blog-v4__article-surface{
  background:#fff;padding:clamp(30px,3.2vw,51px) 0 clamp(58px,6vw,90px)
}
.dl-blog-v4--article .dl-blog-v4__article-reading-grid{
  display:block;width:min(calc(100% - 64px),875px);max-width:875px;
  margin:0 auto;padding:0
}
.dl-blog-v4--article .dl-blog-v4__article-body{
  width:100%;max-width:100%;min-width:0;margin:0;overflow-wrap:break-word
}
.dl-blog-v4--article .dl-blog-v4__article-aside{display:none!important}
.dl-blog-v4--article .dl-blog-v4__article-description{
  padding:0!important;border:0!important;border-radius:0!important;
  margin:0!important;background:transparent!important;
  box-shadow:none!important;color:var(--a-text);font-size:16px;line-height:1.72
}
.dl-blog-v4--article .dl-blog-v4__article-lead{
  display:block;border-left:3px solid var(--a-accent);
  padding:12px 0 12px 23px;margin:0 0 35px;
  border-radius:0;background:#fff;box-shadow:none
}
.dl-blog-v4--article .dl-blog-v4__lead-label{
  display:block;font-size:10px;line-height:1.35;font-weight:800;
  letter-spacing:.14em;color:var(--a-accent);margin:0 0 10px
}
.dl-blog-v4--article .dl-blog-v4__article-lead p,
.dl-blog-v4--article .dl-blog-v4__article-description .dl-blog-v4__article-lead p{
  color:#33444d;font-family:inherit;font-size:16px;font-weight:470;
  line-height:1.73;margin:0;max-width:none
}
.dl-blog-v4--article .dl-blog-v4__article-modules{
  color:var(--a-text);font-family:inherit;font-size:16px;line-height:1.72
}

/* CMS prose: cancel the old global .contents typography and huge gaps. */
.dl-blog-v4--article .dl-blog-v4__article-description .contents,
.dl-blog-v4--article .dl-blog-v4__article-modules .contents{
  width:100%;max-width:100%;margin:0 0 21px;padding:0;text-align:left
}
.dl-blog-v4--article .dl-blog-v4__article-description .contents>div,
.dl-blog-v4--article .dl-blog-v4__article-modules .contents>div{
  width:100%;max-width:100%
}
.dl-blog-v4--article .dl-blog-v4__article-description p,
.dl-blog-v4--article .dl-blog-v4__article-modules p,
.dl-blog-v4--article .dl-blog-v4__article-description .contents p,
.dl-blog-v4--article .dl-blog-v4__article-modules .contents p,
.dl-blog-v4--article .dl-blog-v4__article-description .contents p:last-of-type,
.dl-blog-v4--article .dl-blog-v4__article-modules .contents p:last-of-type{
  font-family:inherit;color:var(--a-text);
  font-size:clamp(15px,1.08vw,16px);font-weight:430;
  line-height:1.75;letter-spacing:0;
  text-align:left;text-transform:none;margin:0 0 18px;
  max-width:none
}
.dl-blog-v4--article .dl-blog-v4__article-description .dl-blog-v4__article-lead p{
  color:#34444d;font-size:16px;line-height:1.73;font-weight:450;margin:0
}

/* A chapter is a calm heading + content group, not a full-width coloured card. */
.dl-blog-v4--article .dl-blog-v4__chapter{
  padding:0;margin:0 0 29px;border:0;background:#fff
}
.dl-blog-v4--article .dl-blog-v4__chapter + .dl-blog-v4__chapter{
  border-top:1px solid var(--a-border);
  padding-top:29px;margin-top:26px
}
.dl-blog-v4--article .dl-blog-v4__article-description h2,
.dl-blog-v4--article .dl-blog-v4__article-modules h2,
.dl-blog-v4--article .dl-blog-v4__article-description h3,
.dl-blog-v4--article .dl-blog-v4__article-modules h3,
.dl-blog-v4--article .dl-blog-v4__article-description .contents h3,
.dl-blog-v4--article .dl-blog-v4__article-modules .contents h3,
.dl-blog-v4--article .dl-blog-v4__article-description h4,
.dl-blog-v4--article .dl-blog-v4__article-modules h4{
  width:auto;max-width:100%;padding:0;border:0;
  color:var(--a-ink);font-family:inherit;text-align:left;
  text-transform:none;letter-spacing:-.029em;line-height:1.3;
  scroll-margin-top:115px
}
.dl-blog-v4--article .dl-blog-v4__article-description h2,
.dl-blog-v4--article .dl-blog-v4__article-modules h2{
  font-size:clamp(21px,1.8vw,25px);font-weight:750;margin:0 0 19px;
  background:transparent;overflow-wrap:break-word
}
.dl-blog-v4--article .dl-blog-v4__article-description h2::before,
.dl-blog-v4--article .dl-blog-v4__article-modules h2::before{
  display:block;content:"";width:27px;height:3px;
  border-radius:3px;background:#b44460;margin:0 0 13px
}
.dl-blog-v4--article .dl-blog-v4__article-description h3,
.dl-blog-v4--article .dl-blog-v4__article-modules h3,
.dl-blog-v4--article .dl-blog-v4__article-description .contents h3,
.dl-blog-v4--article .dl-blog-v4__article-modules .contents h3{
  font-size:clamp(18px,1.45vw,21px);font-weight:720;margin:26px 0 12px
}
.dl-blog-v4--article .dl-blog-v4__article-description h4,
.dl-blog-v4--article .dl-blog-v4__article-modules h4{
  font-size:17px;font-weight:700;margin:22px 0 10px
}
.dl-blog-v4--article .dl-blog-v4__article-description :is(ul,ol),
.dl-blog-v4--article .dl-blog-v4__article-modules :is(ul,ol){
  padding:0;margin:18px 0 24px;list-style:none;
  display:grid;grid-template-columns:1fr;gap:10px;
  border:0;background:none;border-radius:0
}
.dl-blog-v4--article .dl-blog-v4__article-description li,
.dl-blog-v4--article .dl-blog-v4__article-modules li{
  position:relative;display:block;
  margin:0;padding:13px 16px 14px 21px;
  border:1px solid #e6e9e8;border-left:3px solid #c88c9d;
  background:#fafafa;border-radius:0 6px 6px 0;
  color:#44525b;font-size:15px;line-height:1.65
}
.dl-blog-v4--article .dl-blog-v4__article-description li:last-child,
.dl-blog-v4--article .dl-blog-v4__article-modules li:last-child{margin-bottom:0}
.dl-blog-v4--article .dl-blog-v4__article-description :is(b,strong),
.dl-blog-v4--article .dl-blog-v4__article-modules :is(b,strong){
  color:#2e3e49;font-weight:740
}
.dl-blog-v4--article .dl-blog-v4__article-description a,
.dl-blog-v4--article .dl-blog-v4__article-modules a{
  color:#a33350;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px
}
.dl-blog-v4--article .dl-blog-v4__article-description blockquote,
.dl-blog-v4--article .dl-blog-v4__article-modules blockquote{
  border-left:3px solid #a93754;background:#faf6f7;
  margin:20px 0;padding:16px 22px;border-radius:0 6px 6px 0
}
.dl-blog-v4--article .dl-blog-v4__article-description img,
.dl-blog-v4--article .dl-blog-v4__article-modules img{
  display:block;max-width:100%;height:auto
}
.dl-blog-v4--article .dl-blog-v4__article-description table,
.dl-blog-v4--article .dl-blog-v4__article-modules table{
  display:block;max-width:100%;overflow-x:auto
}
.dl-blog-v4--article .dl-blog-v4__chapter--conclusion{
  border-top:2px solid #bf7489!important;
  background:#faf7f8;padding:23px 24px 19px!important;
  border-radius:6px;margin-top:30px
}
.dl-blog-v4--article .dl-blog-v4__chapter--conclusion h2::before{
  background:#a63753
}
.dl-blog-v4--article .dl-blog-v4__article-tags{
  margin-top:30px;border-top:1px solid var(--a-border);padding-top:19px
}
.dl-blog-v4--article .dl-blog-v4__back{margin-top:21px}

@media(max-width:900px){
  .dl-blog-v4--article .dl-blog-v4__article-reading-grid{
    width:min(calc(100% - 48px),800px)
  }
  .dl-blog-v4--article .dl-blog-v4__article-hero-grid{
    grid-template-columns:minmax(0,1fr) 225px;gap:22px
  }
  .dl-blog-v4--article .dl-blog-v4__article-hero-image{height:145px}
  .dl-blog-v4--article .dl-blog-v4__article-hero h1{font-size:clamp(29px,3.8vw,37px)}
}
@media(max-width:650px){
  .dl-blog-v4--article .dl-blog-v4__article-hero{padding-bottom:19px}
  .dl-blog-v4--article .dl-blog-v4__article-hero .dl-blog-v4__crumbs{
    padding:12px 0 17px;font-size:10px
  }
  .dl-blog-v4--article .dl-blog-v4__article-hero-grid{
    grid-template-columns:1fr;gap:15px
  }
  .dl-blog-v4--article .dl-blog-v4__article-hero h1{
    font-size:clamp(28px,8vw,36px);margin:9px 0 13px
  }
  .dl-blog-v4--article .dl-blog-v4__article-hero-image{
    width:100%;height:auto;aspect-ratio:16/8;max-height:185px
  }
  .dl-blog-v4--article .dl-blog-v4__article-reading-grid{width:calc(100% - 36px)}
  .dl-blog-v4--article .dl-blog-v4__article-surface{padding:27px 0 56px}
  .dl-blog-v4--article .dl-blog-v4__article-lead{
    border-left-width:3px;padding:6px 0 6px 16px;margin-bottom:29px
  }
  .dl-blog-v4--article .dl-blog-v4__article-lead p{font-size:15px}
  .dl-blog-v4--article .dl-blog-v4__article-description p,
  .dl-blog-v4--article .dl-blog-v4__article-modules p{font-size:15px;line-height:1.71}
  .dl-blog-v4--article .dl-blog-v4__chapter + .dl-blog-v4__chapter{
    padding-top:23px;margin-top:23px
  }
  .dl-blog-v4--article .dl-blog-v4__chapter :is(h2){font-size:21px}
  .dl-blog-v4--article .dl-blog-v4__article-description li,
  .dl-blog-v4--article .dl-blog-v4__article-modules li{
    padding:12px 12px 12px 16px;font-size:14px
  }
  .dl-blog-v4--article .dl-blog-v4__chapter--conclusion{
    padding:20px 17px 15px!important
  }
}
@media(prefers-reduced-motion:reduce){
  .dl-blog-v4--article a{scroll-behavior:auto}
}