/* Nederlandhulp V84 - final responsive stylesheet */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;min-width:0!important;margin:0;padding:0;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{font-size:16px}
img,svg,video,iframe{max-width:100%;height:auto}
#main-content,main,.main,.content,.page-content{width:100%!important;max-width:100%!important;min-width:0!important}
.wrap,.wrap2,.container,.sitebar-inner,.header-inner,.nav-inner,.hero,.hero2{width:100%;max-width:1100px;margin-left:auto;margin-right:auto}
.article{width:min(900px,calc(100% - 32px))!important;max-width:calc(100% - 32px)!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}
.nav,.top{width:100%;max-width:100%;overflow-x:hidden}
.nav-inner,.top nav{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap}
.nav-inner a,.top nav a,.langs a,.actions a{flex:0 0 auto;white-space:nowrap}
.search{max-width:100%;width:min(720px,calc(100% - 32px))}
.search input{min-width:0;max-width:100%;width:100%}
.tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}
@media(max-width:700px){
 body{font-size:16px!important}
 .sitebar-inner,.header-inner,.nav-inner,.wrap,.wrap2,.container{width:100%!important;max-width:100%!important}
 .sitebar-inner,.header-inner{padding-left:16px!important;padding-right:16px!important}
 .top{padding-left:16px!important;padding-right:16px!important;min-height:0!important}
 .top nav{width:100%!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:12px!important}
 .header-inner{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
 .actions,.langs{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;margin-left:auto!important}
 .actions a,.langs a{font-size:13px!important;padding:7px 10px!important}
 .logo,.brand{font-size:27px!important;max-width:100%;overflow-wrap:anywhere}
 .tag{font-size:13px!important}
 .nav-inner{width:100%!important;padding-left:16px!important;padding-right:16px!important;gap:14px!important;flex-wrap:nowrap!important;justify-content:flex-start!important}
 .hero,.hero2{width:100%!important;max-width:100%!important;padding:34px 16px 24px!important}
 .hero h1,.hero2 h1{font-size:30px!important;line-height:1.35!important;overflow-wrap:anywhere}
 .hero p,.hero2 p{font-size:16px!important;line-height:1.8!important}
 .wrap,.wrap2{padding-left:16px!important;padding-right:16px!important}
 .article{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;padding:18px!important;margin:18px auto!important;border-radius:14px!important}
 .article h1,h1{font-size:27px!important;line-height:1.4!important;overflow-wrap:anywhere}
 .article h2,h2{font-size:21px!important;line-height:1.5!important;overflow-wrap:anywhere}
 .article h3,h3{font-size:18px!important;line-height:1.5!important}
 .article p,.article li{font-size:16px!important;line-height:1.9!important;overflow-wrap:anywhere}
 .cards,.grid{width:100%!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .card,.card2{min-width:0!important;max-width:100%!important}
 footer{width:100%!important;max-width:100%!important}
}
@media(max-width:430px){
 .cards,.grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
 .card,.card2{padding:12px 9px!important}
 .card h2,.card2 h3{font-size:17px!important}
 .card p,.card2 p{font-size:13px!important;line-height:1.65!important}
}
@media(max-width:360px){.cards,.grid{grid-template-columns:1fr!important}}

/* V85 mobile safety fixes: prevent fixed-width descendants from shrinking the page. */
html,body{min-width:0!important;width:100%!important;max-width:100%!important}
body{overflow-x:hidden!important}
main,#main-content{width:100%!important;min-width:0!important;max-width:100%!important}
.article,.hero,.wrap,.wrap2,.container{min-width:0!important}
.article table{min-width:0!important}
@media(max-width:700px){
  .top{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .top nav{min-width:0!important}
  .hero{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .hero>.article{width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important}
  .article{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;min-width:0!important;box-sizing:border-box!important}
  .article *{max-width:100%}
  .tablewrap{max-width:100%!important;overflow-x:auto!important}
  .tablewrap table{width:620px!important;max-width:none!important}
}

/* V86: mobile navigation/link reliability */
a,button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(111,29,27,.12)}
a{cursor:pointer}
@media(max-width:700px){
  a{min-height:24px}
  .card a,.card2 a,.chip,.btn,.more,.langs a,.actions a{display:inline-flex;align-items:center;justify-content:center}
}

/* V88 mobile navigation + touch hardening */
.nav a,.top nav a,.card2 a,.card a,.more,.chip,.actions a,.langs a{position:relative;z-index:30;pointer-events:auto;touch-action:manipulation;}
@media(max-width:700px){
  .nav{overflow:visible!important;}
  .nav-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px 12px!important;white-space:normal!important;overflow:visible!important;}
  .nav-inner a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:8px 6px!important;border:1px solid #ead8bd!important;border-radius:12px!important;background:#fffaf2!important;text-align:center!important;white-space:normal!important;line-height:1.35!important;}
  .top{position:relative!important;}
  .top nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;overflow:visible!important;white-space:normal!important;padding:4px 0!important;}
  .top nav a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:7px 5px!important;border:1px solid #ead8bd!important;border-radius:10px!important;background:#fffaf2!important;text-align:center!important;white-space:normal!important;line-height:1.3!important;}
  .grid,.cards{grid-template-columns:1fr!important;}
  .card2,.card{min-height:0!important;}
  .card2 .more,.card .more{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:8px 14px!important;border:1px solid #dec9a8!important;border-radius:22px!important;background:#fffaf2!important;}
  .actions,.langs{flex-wrap:wrap!important;justify-content:center!important;}
  .actions a,.langs a{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
}