/* v4.3.256 — stabiele homepagecompositie zonder overlappende lagen */

/* Hero: de inhoud bepaalt de nodige hoogte; de actiebalk blijft altijd zichtbaar. */
@media (min-width:1025px){
  .hero{
    height:auto!important;
    min-height:440px!important;
    max-height:none!important;
    overflow:hidden!important;
    align-items:flex-end!important;
  }
  .hero>.shell{width:min(1460px,calc(100% - 40px))!important}
  .hero-copy{width:100%!important;max-width:none!important;padding:44px 0 34px!important}
  .hero .actions{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:10px!important;
    width:min(1180px,100%)!important;
    margin:20px 0 0!important;
    padding:10px!important;
    border:1px solid rgba(91,218,255,.28)!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,rgba(3,21,34,.88),rgba(5,31,45,.72))!important;
    box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  .hero .actions>a{min-height:52px!important;overflow:hidden!important}
}

/* Applicatiedok: een afzonderlijk paneel met echte verticale ademruimte. */
.home-app-dock{
  position:relative!important;
  margin:0!important;
  padding:24px 0 18px!important;
  border:0!important;
  background:linear-gradient(180deg,#03111d,#051a28)!important;
  box-shadow:inset 0 1px 0 rgba(80,214,255,.24),0 18px 38px rgba(0,0,0,.28)!important;
}
.home-app-dock:before{content:none!important;display:none!important}
.home-app-dock>.shell{
  padding:11px!important;
  border:1px solid rgba(73,190,225,.22)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(8,34,49,.86),rgba(3,19,31,.92))!important;
  box-shadow:0 15px 36px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.home-app-dock a{min-height:56px!important;border-radius:12px!important}

/* Tips & Tricks: vier identieke kaarten in een rustig 2 × 2-raster. */
.home-new[aria-labelledby="special-book-title"] .home-new-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  gap:1.15rem!important;
}
.home-new[aria-labelledby="special-book-title"] .home-new-card,
.home-new[aria-labelledby="special-book-title"] .home-new-card.tips-card{
  grid-template-rows:30px 3.35rem 6.5rem 3.35rem 42px!important;
  height:100%!important;
  min-height:362px!important;
  align-self:stretch!important;
}

/* Agenda: het aantal kaarten bepaalt ook de beschikbare kolommen. */
#home-agenda-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important;
  grid-auto-rows:1fr!important;
}
#home-agenda-grid .home-new-card{height:100%!important}

@media (min-width:701px) and (max-width:1024px){
  .hero .actions{gap:12px!important;margin-bottom:18px!important;padding:10px!important;border:1px solid rgba(91,218,255,.25)!important;border-radius:17px!important;background:rgba(3,21,34,.82)!important}
  .home-app-dock{padding-top:22px!important}
  .home-app-dock>.shell{margin-inline:auto!important}
}

@media (max-width:760px){
  .home-new[aria-labelledby="special-book-title"] .home-new-grid{grid-template-columns:1fr!important}
  .home-new[aria-labelledby="special-book-title"] .home-new-card,
  .home-new[aria-labelledby="special-book-title"] .home-new-card.tips-card{grid-template-rows:auto!important;height:auto!important;min-height:310px!important}
}

@media (max-width:700px){
  .hero .actions{gap:10px!important;margin-bottom:14px!important;padding:9px!important;border:1px solid rgba(91,218,255,.24)!important;border-radius:16px!important;background:rgba(3,21,34,.82)!important}
  .home-app-dock{padding:20px 0 15px!important}
  .home-app-dock>.shell{width:calc(100% - 20px)!important;padding:9px!important}
}

@media (prefers-reduced-motion:reduce){
  .hero .actions>a,.home-app-dock a{transition:none!important}
}