/* =========================================================
   DUDI BLOG ARTICLE — premium editorial detail
   Scoped only to .dudi-blog-article
   ========================================================= */

.dudi-blog-article{
  --dba-ink:#20201e;
  --dba-muted:#74716d;
  --dba-line:#d9ddde;
  --dba-soft:#f5f5f1;
  --dba-serif:"Newsreader",Georgia,serif;
  --dba-sans:"Inter",Arial,sans-serif;
  width:100%;
  color:var(--dba-ink);
  font-family:var(--dba-sans);
}


/* =========================================================
   V4 — editorial rail + 50/50 masthead
   The left rail is a permanent navigational column.
   Breadcrumbs and hero start AFTER the rail.
   ========================================================= */

.dudi-blog-article__shell{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:clamp(48px,6vw,96px);
  align-items:start;
}

.dudi-blog-article__rail{
  position:sticky;
  top:110px;
  align-self:start;
  padding-top:27px;
  font-family:var(--dba-sans);
}

.dudi-blog-article__rail-block,
.dudi-blog-article__rail-share{
  display:grid;
  gap:9px;
}

.dudi-blog-article__rail-label{
  color:#9a9c99;
  font-size:10px;
  font-weight:600;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.dudi-blog-article__rail-category,
.dudi-blog-article__rail-back,
.dudi-blog-article__facebook{
  color:#555752;
  font-size:11px;
  font-weight:600;
  letter-spacing:.12em;
  line-height:1.5;
  text-decoration:none;
  text-transform:uppercase;
}

.dudi-blog-article__rail-category:hover,
.dudi-blog-article__rail-back:hover,
.dudi-blog-article__facebook:hover{
  color:#111;
}

.dudi-blog-article__rail-back{
  display:block;
  margin-top:22px;
  padding-top:16px;
  border-top:1px solid #e3e4e1;
}

.dudi-blog-article__rail-share{
  margin-top:30px;
  padding-top:16px;
  border-top:1px solid #e3e4e1;
}

.dudi-blog-article__main{
  min-width:0;
}

/* Breadcrumb belongs to the right/main content area */
.dudi-blog-article__breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:27px 0 0;
  color:#999b98;
  font-size:9px;
  font-weight:600;
  letter-spacing:.13em;
  line-height:1.5;
  text-transform:uppercase;
}

.dudi-blog-article__breadcrumbs a{
  color:#777a77;
  text-decoration:none;
}

.dudi-blog-article__breadcrumbs a:hover{
  color:var(--dba-ink);
}

/* 50/50 editorial masthead inside the main content area */
.dudi-blog-article__masthead{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:30px;
  align-items:stretch;
  margin-top:34px;
  padding:0 0 46px;
  border-bottom:0;
}

.dudi-blog-article__hero{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  padding:64px clamp(40px,8%,72px) 58px;
  background:transparent;
}

.dudi-blog-article__hero::before,
.dudi-blog-article__hero::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  pointer-events:none;
}

.dudi-blog-article__hero::before{
  width:130px;
  border-top:1px dashed rgba(60,60,60,.12);
}

.dudi-blog-article__hero::after{
  height:30px;
  border-left:1px dashed rgba(60,60,60,.12);
}

.dudi-blog-article__eyebrow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  color:#7f827e;
  font-size:9px;
  font-weight:600;
  letter-spacing:.17em;
  line-height:1.4;
  text-transform:uppercase;
}

.dudi-blog-article__hero h1{
  margin:13px 0 0;
  font-family:var(--dba-serif);
  font-size:clamp(40px,3.45vw,56px);
  font-weight:400;
  letter-spacing:-.033em;
  line-height:1;
}

.dudi-blog-article__lead{
  max-width:590px;
  margin-top:24px;
  color:#5f625e;
  font-size:15px;
  line-height:1.72;
}

.dudi-blog-article__lead p{
  margin:0;
}

.dudi-blog-article__lead p + p{
  margin-top:12px;
}

.dudi-blog-article__cover{
  margin:0;
  min-width:0;
  overflow:hidden;
  background:transparent;
  aspect-ratio:4 / 3;
}

.dudi-blog-article__cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Article text continues on the same right-hand axis */
.dudi-blog-article__content{
  padding:38px 0 92px;
  border-bottom:1px solid var(--dba-line);
}

.dudi-blog-article__body{
  min-width:0;
  max-width:none;
  color:#3f403d;
  font-size:16px;
  line-height:1.86;
}

.dudi-blog-article__body > :first-child{
  margin-top:0;
}

.dudi-blog-article__body p{
  margin:0 0 25px;
}

.dudi-blog-article__body h2{
  margin:70px 0 22px;
  font-family:var(--dba-serif);
  font-size:clamp(32px,3vw,46px);
  font-weight:400;
  letter-spacing:-.025em;
  line-height:1.06;
  color:var(--dba-ink);
}

.dudi-blog-article__body h3{
  margin:46px 0 17px;
  font-family:var(--dba-serif);
  font-size:clamp(26px,2.2vw,34px);
  font-weight:400;
  line-height:1.1;
  color:var(--dba-ink);
}

.dudi-blog-article__body strong{
  color:#272825;
  font-weight:600;
}

.dudi-blog-article__body a{
  color:inherit;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.dudi-blog-article__body ul,
.dudi-blog-article__body ol{
  margin:0 0 28px;
  padding-left:1.25em;
}

.dudi-blog-article__body li + li{
  margin-top:7px;
}

.dudi-blog-article__body blockquote{
  margin:52px 0;
  padding:5px 0 5px 28px;
  border-left:1px solid #aaa;
  font-family:var(--dba-serif);
  font-size:clamp(26px,2.4vw,36px);
  font-weight:400;
  line-height:1.22;
  color:#3c3d39;
}

.dudi-blog-article__body img{
  display:block;
  max-width:100%;
  height:auto;
}

.dudi-blog-article__body figure{
  margin:46px 0;
}

.dudi-blog-article__body figcaption{
  margin-top:9px;
  color:#90928e;
  font-size:10px;
  line-height:1.5;
}

/* Footer aligns with the same MAIN column, leaving rail visually intact */
.dudi-blog-article__footer--aligned{
  margin-left:calc(190px + clamp(48px,6vw,96px));
  padding:42px 0 105px;
}

.dudi-blog-article__back{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:#555752;
  font-size:9px;
  font-weight:600;
  letter-spacing:.15em;
  text-decoration:none;
  text-transform:uppercase;
}

.dudi-blog-article__pager{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:48px;
  border-top:1px solid var(--dba-line);
  border-bottom:1px solid var(--dba-line);
}

.dudi-blog-article__pager-item{
  min-width:0;
  padding:27px 0 30px;
  color:inherit;
  text-decoration:none;
}

.dudi-blog-article__pager-item--prev{
  padding-right:34px;
  border-right:1px solid var(--dba-line);
}

.dudi-blog-article__pager-item--next{
  padding-left:34px;
  text-align:right;
}

.dudi-blog-article__pager-label{
  display:block;
  margin-bottom:9px;
  color:#949793;
  font-size:8px;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.dudi-blog-article__pager-item strong{
  display:block;
  font-family:var(--dba-serif);
  font-size:clamp(21px,2vw,29px);
  font-weight:400;
  line-height:1.1;
}

@media(max-width:1050px){
  .dudi-blog-article__shell{
    grid-template-columns:150px minmax(0,1fr);
    gap:38px;
  }

  .dudi-blog-article__rail{
    padding-top:27px;
  }

  .dudi-blog-article__masthead{
    gap:28px;
  }

  .dudi-blog-article__hero h1{
    font-size:clamp(38px,4.7vw,52px);
  }

  .dudi-blog-article__footer--aligned{
    margin-left:188px;
  }
}

@media(max-width:820px){
  .dudi-blog-article__shell{
    grid-template-columns:1fr;
    gap:0;
  }

  .dudi-blog-article__rail{
    position:static;
    order:2;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:18px;
    padding:22px 0;
    border-top:1px solid var(--dba-line);
    border-bottom:1px solid var(--dba-line);
  }

  .dudi-blog-article__rail-back,
  .dudi-blog-article__rail-share{
    margin:0;
    padding:0;
    border:0;
  }

  .dudi-blog-article__main{
    order:1;
  }

  .dudi-blog-article__masthead{
    grid-template-columns:1fr;
    gap:28px;
    padding:40px 0 42px;
  }

  .dudi-blog-article__hero{
    padding:0;
  }

  .dudi-blog-article__hero h1{
    font-size:clamp(40px,8vw,54px);
  }

  .dudi-blog-article__cover{
    aspect-ratio:16 / 10;
  }

  .dudi-blog-article__content{
    padding:48px 0 76px;
  }

  .dudi-blog-article__footer--aligned{
    margin-left:0;
  }
}

@media(max-width:560px){
  .dudi-blog-article__breadcrumbs{
    padding-top:27px;
  }

  .dudi-blog-article__breadcrumbs [aria-current="page"]{
    display:none;
  }

  .dudi-blog-article__masthead{
    padding-top:34px;
  }

  .dudi-blog-article__hero h1{
    font-size:9px;
  }

  .dudi-blog-article__lead{
    margin-top:20px;
    font-size:14px;
  }

  .dudi-blog-article__rail{
    grid-template-columns:1fr;
    gap:13px;
  }

  .dudi-blog-article__rail-share{
    margin-top:4px;
  }

  .dudi-blog-article__body{
    font-size:15px;
    line-height:1.82;
  }

  .dudi-blog-article__pager{
    grid-template-columns:1fr;
  }

  .dudi-blog-article__pager-item--prev{
    padding-right:0;
    border-right:0;
    border-bottom:1px solid var(--dba-line);
  }

  .dudi-blog-article__pager-item--next{
    padding-left:0;
    text-align:left;
  }
}


/* ===== v5 alignment / compact editorial corrections ===== */
@media(max-width:1050px){
  .dudi-blog-article__hero{
    padding:38px 36px 36px;
  }

  .dudi-blog-article__hero h1{
    font-size:clamp(36px,4.25vw,48px);
  }

  .dudi-blog-article__cover,
  .dudi-blog-article__cover img{
    min-height:350px;
  }
}

@media(max-width:820px){
  .dudi-blog-article__masthead{
    grid-template-columns:1fr;
    margin-top:28px;
    padding-bottom:42px;
  }

  .dudi-blog-article__hero{
    padding:34px 30px 32px;
  }

  .dudi-blog-article__cover{
    min-height:0;
    aspect-ratio:16 / 10;
  }

  .dudi-blog-article__cover img{
    min-height:0;
  }
}

@media(max-width:560px){
  .dudi-blog-article__hero{
    padding:30px 24px 28px;
  }

  .dudi-blog-article__hero h1{
    font-size:38px;
  }

  .dudi-blog-article__lead{
    font-size:14px;
  }
}



/* Premium hero close / scroll control */
.dudi-blog-article__readmore{
  margin-top:34px;
  padding-top:0;
  display:inline-flex;
  align-items:center;
  gap:12px;
  width:max-content;
  color:#4f514e;
  font-size:10px;
  font-weight:600;
  letter-spacing:.16em;
  line-height:1;
  text-decoration:none;
  text-transform:uppercase;
}

.dudi-blog-article__readmore::before{
  content:"";
  width:42px;
  border-top:1px solid #cfd1ce;
  transition:width .25s ease,border-color .25s ease;
}

.dudi-blog-article__readmore-arrow{
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d7d9d6;
  border-radius:50%;
  font-size:13px;
  line-height:1;
  transition:transform .25s ease,border-color .25s ease;
}

.dudi-blog-article__readmore:hover{
  color:#20201e;
}

.dudi-blog-article__readmore:hover::before{
  width:54px;
  border-color:#aeb1ad;
}

.dudi-blog-article__readmore:hover .dudi-blog-article__readmore-arrow{
  transform:translateY(3px);
  border-color:#aeb1ad;
}

html{
  scroll-behavior:smooth;
}

#dudi-blog-article-content{
  scroll-margin-top:36px;
}


/* ===== v6 clean editorial refinements ===== */
@media(max-width:1050px){
  .dudi-blog-article__masthead{
    gap:24px;
  }

  .dudi-blog-article__hero{
    padding:30px 12px 30px 24px;
  }
}

@media(max-width:820px){
  .dudi-blog-article__masthead{
    gap:24px;
  }

  .dudi-blog-article__hero{
    padding:28px 0 26px 22px;
  }

  .dudi-blog-article__hero::before{
    width:58px;
  }

  .dudi-blog-article__hero::after{
    height:18px;
  }
}


/* ===== v7 taller centered hero ===== */
@media(max-width:1050px){
  .dudi-blog-article__masthead,
  .dudi-blog-article__hero{
    min-height:430px;
  }

  .dudi-blog-article__hero{
    padding:44px clamp(30px,6%,54px);
  }

  .dudi-blog-article__cover,
  .dudi-blog-article__cover img{
    min-height:430px;
  }
}

@media(max-width:820px){
  .dudi-blog-article__masthead,
  .dudi-blog-article__hero{
    min-height:0;
  }

  .dudi-blog-article__hero{
    padding:40px 26px 34px;
  }

  .dudi-blog-article__cover,
  .dudi-blog-article__cover img{
    min-height:0;
  }

  .dudi-blog-article__readmore{
    margin-top:30px;
    padding-top:0;
  }
}

@media(max-width:560px){
  .dudi-blog-article__hero{
    padding:34px 22px 30px;
  }

  .dudi-blog-article__hero::before{
    width:92px;
  }

  .dudi-blog-article__hero::after{
    height:24px;
  }

  .dudi-blog-article__readmore{
    font-size:9px;
  }
}


/* ===== v8 geometry cleanup ===== */
.dudi-blog-article__masthead,
.dudi-blog-article__hero{
  min-height:0 !important;
}

.dudi-blog-article__cover,
.dudi-blog-article__cover img{
  min-height:0 !important;
}

.dudi-blog-article__readmore{
  margin-top:34px !important;
  padding-top:0 !important;
}

.dudi-blog-article__body{
  max-width:1040px;
}

@media(max-width:1050px){
  .dudi-blog-article__hero{
    padding:52px clamp(30px,6%,54px) 48px;
  }

  .dudi-blog-article__body{
    max-width:100%;
  }
}

@media(max-width:820px){
  .dudi-blog-article__hero{
    padding:40px 26px 34px;
  }

  .dudi-blog-article__readmore{
    margin-top:28px !important;
  }
}

@media(max-width:560px){
  .dudi-blog-article__hero{
    padding:34px 22px 30px;
  }
}


/* ===== v9 exact horizontal alignment ===== */
.dudi-blog-article__content{
  width:100%;
}

.dudi-blog-article__body{
  width:100%;
  max-width:none !important;
}

.dudi-blog-article__body > *{
  max-width:100%;
}