/* Falkó Bútor – blogcikk tördelés v169
   Cél: nyugodtabb, magazinszerű cikkoldal; kisebb képek; felesleges üres jobb oszlop nélkül. */

.article-hero{
  padding:122px 0 52px;
}
.article-hero .narrow{
  width:min(calc(100% - 56px), 960px);
}
.article-hero h1{
  max-width:920px;
  font-size:clamp(2.55rem,4.7vw,4.55rem);
  line-height:1.02;
  margin:.45rem 0 1.05rem;
}
.article-summary{
  max-width:760px;
  font-size:1.1rem;
  line-height:1.62;
}

/* A borítókép ne uralja az egész oldalt. */
.article-cover{
  width:min(calc(100% - 56px), 980px);
  margin-top:36px;
}
.article-cover img{
  width:100%;
  height:clamp(300px,34vw,470px);
  max-height:none;
  object-fit:cover;
  display:block;
  border:1px solid rgba(20,50,34,.12);
  background:#eeeae1;
}

/* A korábbi 760px + üres jobb oszlop helyett egyetlen középre zárt cikkoszlop. */
.article-layout{
  display:block;
  width:min(calc(100% - 56px), 980px);
  padding-top:44px;
  padding-bottom:64px;
}
.article-body{
  width:100%;
  font-size:1.04rem;
  line-height:1.78;
}
.article-body > p,
.article-body > h2,
.article-body > .article-link,
.article-body > .article-video{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.article-body > p{
  margin-bottom:1.35rem;
}
.article-body > p:first-child{
  font-size:1.08rem;
}
.article-body h2{
  margin-top:2.05rem;
  margin-bottom:.8rem;
  font-size:clamp(1.6rem,2.6vw,2.2rem);
}

/* Cikken belüli képek: kisebbek és középre rendezettek. */
.article-figure{
  max-width:860px;
  margin:2rem auto 2.15rem;
}
.article-figure img{
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:contain;
  background:#f5f2eb;
  border:1px solid rgba(20,50,34,.1);
}
.article-gallery{
  max-width:900px;
  margin:2.15rem auto 2.3rem;
  gap:14px;
}
.article-gallery img{
  height:270px;
}
.article-figure figcaption,
.article-gallery figcaption{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

.article-video{
  margin-top:2rem;
  margin-bottom:2rem;
}
.article-video__button{
  padding:22px 24px;
}

/* A kérdésdoboz ugyanazon a vizuális tengelyen marad, nem lóg balra. */
.article-question{
  max-width:860px;
  margin:46px auto 30px;
  padding:28px 30px 30px;
}
.article-question h2{
  margin:.1rem 0 .65rem;
}
.article-question>div>p:last-child{
  margin-bottom:1.25rem;
}
.article-question__form{
  gap:14px;
}
.article-question__form textarea{
  min-height:132px;
}
.article-back{
  max-width:860px;
  margin:0 auto;
  padding-top:24px;
}

@media (max-width:900px){
  .article-hero .narrow,
  .article-cover,
  .article-layout{
    width:min(calc(100% - 40px), 880px);
  }
  .article-cover img{
    height:clamp(280px,52vw,430px);
  }
  .article-gallery img{
    height:240px;
  }
}

@media (max-width:700px){
  .article-hero{
    padding:105px 0 42px;
  }
  .article-hero .narrow,
  .article-cover,
  .article-layout{
    width:min(calc(100% - 30px), 100%);
  }
  .article-hero h1{
    font-size:clamp(2.15rem,9.2vw,3.35rem);
  }
  .article-summary{
    font-size:1rem;
  }
  .article-cover{
    margin-top:22px;
  }
  .article-cover img{
    height:245px;
  }
  .article-layout{
    padding-top:32px;
    padding-bottom:50px;
  }
  .article-body{
    font-size:1rem;
    line-height:1.72;
  }
  .article-body > p:first-child{
    font-size:1.03rem;
  }
  .article-figure{
    margin:1.6rem auto 1.75rem;
  }
  .article-figure img{
    max-height:430px;
  }
  .article-gallery{
    grid-template-columns:1fr;
    margin:1.7rem auto 1.9rem;
  }
  .article-gallery img{
    height:auto;
    max-height:430px;
    object-fit:contain;
  }
  .article-question{
    margin:34px auto 26px;
    padding:21px 18px 23px;
  }
  .article-question__form textarea{
    min-height:120px;
  }
}