html {
  overflow-y: scroll;
}

   :root{ --bg:#fff; --fg:#111; --muted:#666; --line:#d6d6d6; --accent:#ff6b00; }
    html,body{background:var(--bg); color:var(--fg);}    
body {
  font-family: 'GFS Didot', serif;
}


    /* global lines */
    .section{position:relative; padding:3.5rem 0}
    .section:before{content:""; position:absolute; left:0; right:0; top:0; height:1px; background:var(--line)}

    /* nav */
    .utilbar{border-bottom:1px solid var(--line); font-size:.875rem; color:#444}
.brand {
  font-family: 'GFS Didot', serif;
  font-size: 2.2rem;        /* nagyobb logó betűméret */
  font-weight: 900;         /* vastagabb */
  letter-spacing: 0.12em;   /* elegáns tág betűköz */
  color: #000 !important;
  text-transform: uppercase;
  line-height: 1;
}
.brand small {
  font-size: 0.6em;         /* jóval kisebb */
  font-weight: 400;
  color: #888;
  letter-spacing: 0.15em;
  text-transform: lowercase;
  margin-left: 0.2em;
}

    .nav-link{color:#111!important; opacity:.9}
    .nav-link:hover{opacity:1}

    /* cards */
    .card-x{border:1px solid var(--line); border-radius:0; background:#fff}
    .card-x .ratio>img{object-fit:cover}
    .meta{font-size:.875rem; color:var(--muted)}
    .eyebrow{letter-spacing:.28em; text-transform:uppercase; font-size:.88rem; color:#555}

    /* feature layout */
    .side-small .item{border-top:1px solid var(--line); padding-top:1rem; margin-top:1rem}
    .side-small .item:first-child{border-top:0; padding-top:0; margin-top:0}

    /* list-right */
    .list-right li{display:flex; gap:.85rem; padding:.75rem 0; border-top:1px solid var(--line)}
    .list-right li:first-child{border-top:0}
    .list-right img{width:72px; height:72px; object-fit:cover}

    /* horizontal scrollers */
    .h-scroll{overflow-x:auto; white-space:nowrap;}
    .h-scroll .h-item{display:inline-block; width:280px; margin-right:16px; vertical-align:top}
    .h-scroll .ratio{border:1px solid var(--line)}

    /* grid */
    .grid-article .title{font-size:1.05rem;}

    /* play badge */
    .badge-play{position:absolute; right:.5rem; bottom:.5rem; background:#000; color:#fff; font-size:.75rem; padding:.35rem .5rem}

    /* buttons */
    .btn-dark{border-radius:0}
    .btn-outline-dark{border-radius:0}

    /* footer */
    .footer{background:#0e0e0e; color:#bdbdbd; padding:3rem 0}
    .footer a{color:#bdbdbd; text-decoration:none}
    .footer a:hover{color:#fff}