/* STEP138 — Hub/listing polish: compact top sections and cleaner scan path */
html[data-hub-theme] body{
  --hub-polish-block-padding: 22px 24px;
}

html[data-hub-theme] .page-hero{
  margin-bottom: 12px !important;
}

html[data-hub-theme] .page-hero-inner{
  max-width: 900px !important;
  padding: 20px 24px !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.22) !important;
}

html[data-hub-theme] .page-hero h1{
  font-size: clamp(1.8rem, 3.9vw, 2.75rem) !important;
  line-height: 1.06 !important;
  margin-bottom: 10px !important;
}

html[data-hub-theme] .page-hero .lead{
  max-width: 60ch !important;
  font-size: 1.02rem !important;
}

html[data-hub-theme] .hero-actions{
  gap: 10px !important;
  margin-top: 12px !important;
}

html[data-hub-theme] .hero-actions .btn,
html[data-hub-theme] .hero-actions a.btn{
  min-height: 40px;
  padding: 10px 14px !important;
}

html[data-hub-theme] .anchor-nav{
  margin-top: 12px !important;
  gap: 8px !important;
}

html[data-hub-theme] .anchor-nav a{
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: .94rem !important;
}

html[data-hub-theme] .vode-hub,
html[data-hub-theme] .vazduh-hub,
html[data-hub-theme] .otpad-hub,
html[data-hub-theme] .biodiverzitet-hub,
html[data-hub-theme] .klima-hub,
html[data-hub-theme] .focus-hub,
html[data-hub-theme='zemljiste'] main{
  padding-top: 16px !important;
  padding-bottom: 38px !important;
}

html[data-hub-theme] .hub-pillar-card{
  padding: 18px 22px !important;
  border-radius: 20px !important;
  margin: 10px auto 14px !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.18) !important;
}

html[data-hub-theme] .hub-pillar-title{
  max-width: 24ch;
  font-size: clamp(1.4rem, 2.8vw, 1.95rem) !important;
  line-height: 1.1 !important;
}

html[data-hub-theme] .hub-pillar-desc{
  max-width: 60ch !important;
  margin-bottom: 12px !important;
}

html[data-hub-theme] .content-block{
  padding: var(--hub-polish-block-padding) !important;
  border-radius: 22px !important;
}

html[data-hub-theme] .intro-block{
  padding-top: 0 !important;
}

html[data-hub-theme] .intro-block .container,
html[data-hub-theme] .intro-block .content-wrapper{
  padding: 24px 26px !important;
  border-radius: 22px !important;
}

html[data-hub-theme] .section-header.compact-header,
html[data-hub-theme] .compact-header{
  margin-bottom: 14px !important;
}

html[data-hub-theme] .section-header.compact-header h2,
html[data-hub-theme] .compact-header h2{
  margin-bottom: 6px !important;
}

html[data-hub-theme] .section-header.compact-header p,
html[data-hub-theme] .compact-header p{
  max-width: 58ch;
}

html[data-hub-theme] .clean-topic-cards,
html[data-hub-theme] .focus-strip__grid{
  gap: 16px !important;
}

html[data-hub-theme] .clean-topic-cards .topic-card{
  min-height: 176px !important;
  padding: 18px 18px 16px !important;
}

html[data-hub-theme] .guides-grid .topic-card{
  min-height: 164px !important;
}

html[data-hub-theme] .topic-card h3,
html[data-hub-theme] .hub-card h3{
  line-height: 1.16 !important;
}

html[data-hub-theme] .topic-card p,
html[data-hub-theme] .hub-card p,
html[data-hub-theme] .vbk-card .vbk-excerpt{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html[data-hub-theme] .topic-card p,
html[data-hub-theme] .hub-card p{
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

html[data-hub-theme] .vbk-grid{
  gap: 20px !important;
}

html[data-hub-theme] .featured-trio .vbk-card .vbk-body,
html[data-hub-theme] .story-archive-grid .vbk-card .vbk-body{
  min-height: 148px !important;
  padding-top: 14px !important;
}

html[data-hub-theme] .vbk-card .vbk-excerpt{
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

html[data-hub-theme] .hub-grid{
  gap: 12px !important;
}

html[data-hub-theme] .hub-card{
  padding: 13px !important;
  border-radius: 15px !important;
}

html[data-hub-theme] .faq .container,
html[data-hub-theme] .clean-cta{
  border-radius: 20px !important;
}

html[data-hub-theme] .faq .container{
  padding: 16px 18px !important;
}

html[data-hub-theme] .clean-cta{
  margin-top: 18px !important;
  padding: 18px 22px !important;
  gap: 14px !important;
}

html[data-hub-theme] .clean-cta h2{
  font-size: clamp(1.3rem, 2.1vw, 1.75rem) !important;
}

@media (max-width: 980px){
  html[data-hub-theme] .page-hero-inner{
    padding: 18px 18px !important;
  }

  html[data-hub-theme] .content-block{
    padding: 20px 18px !important;
  }

  html[data-hub-theme] .intro-block .container,
  html[data-hub-theme] .intro-block .content-wrapper{
    padding: 20px 18px !important;
  }

  html[data-hub-theme] .clean-topic-cards .topic-card,
  html[data-hub-theme] .guides-grid .topic-card{
    min-height: auto !important;
  }
}

@media (max-width: 640px){
  html[data-hub-theme] .page-hero{
    margin-bottom: 10px !important;
  }

  html[data-hub-theme] .page-hero-inner{
    padding: 16px 16px !important;
    border-radius: 18px !important;
  }

  html[data-hub-theme] .page-hero h1{
    font-size: clamp(1.7rem, 8vw, 2.25rem) !important;
  }

  html[data-hub-theme] .page-hero .lead{
    font-size: .98rem !important;
  }

  html[data-hub-theme] .hero-actions .btn,
  html[data-hub-theme] .hero-actions a.btn,
  html[data-hub-theme] .anchor-nav a{
    width: 100%;
    justify-content: center;
  }

  html[data-hub-theme] .hero-actions,
  html[data-hub-theme] .anchor-nav{
    flex-direction: column;
    align-items: stretch;
  }

  html[data-hub-theme] .content-block,
  html[data-hub-theme] .hub-pillar-card,
  html[data-hub-theme] .clean-cta,
  html[data-hub-theme] .faq .container,
  html[data-hub-theme] .intro-block .container,
  html[data-hub-theme] .intro-block .content-wrapper{
    border-radius: 18px !important;
  }
}