/* Compacte mobiele layout: minder verticale scroll, zonder functies te verbergen. */
.nav-login{display:none}
@media (max-width:760px){
  .header{height:60px;padding:0 14px;gap:12px}
  .header .brand-logo{width:32px;height:32px}
  .header .brand-name{font-size:16px}
  .header .brand-name small{font-size:8px}
  .header-actions{gap:4px}
  .menu-toggle{padding:7px}
  .menu-toggle span:not(.sr-only){width:21px;margin:4px}
  .nav{top:60px;padding:16px 20px;gap:18px}
  .nav .nav-login{display:flex;width:100%;margin-top:2px;padding-top:16px;border-top:1px solid var(--line);font-weight:800}

  .hero{padding:38px 16px 42px}
  .hero h1{margin:15px 0 17px;font-size:clamp(37px,11.5vw,49px);line-height:.94}
  .hero p{margin-bottom:20px;font-size:14px;line-height:1.45}
  .eyebrow,.kicker{font-size:9px;letter-spacing:1.5px}
  .search{padding:5px 5px 5px 13px}
  .search>span{font-size:18px}
  .search input{padding:10px 7px;font-size:14px}
  .search button{padding:11px 13px;font-size:13px}
  .hero-proof{margin-top:16px}
  .avatars b{width:29px;height:29px}

  .trust-strip span{gap:10px;padding:12px 10px;font-size:9px}
  .trust-strip b{font-size:10px}

  .section{padding:48px 16px}
  .section-head{margin-bottom:24px}
  .section-head h2{margin-top:9px;font-size:clamp(31px,10vw,42px)}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .category{min-height:142px;padding:14px;border-radius:14px}
  .category:after{width:100px;height:100px}
  .category-index{font-size:8px}
  .category-icon{width:43px;height:43px;font-size:20px}
  .category strong{font-size:14px}
  .category small{font-size:9px}
  .category>b{right:13px;top:12px}

  .card-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .card-image{height:clamp(170px,48vw,260px);border-radius:11px}
  .card-image .tag{left:8px;top:8px;padding:6px 8px;font-size:7px}
  .card-arrow{right:8px;top:8px;width:30px;height:30px;font-size:15px}
  .card-copy{padding:12px 1px 15px}
  .meta{font-size:7px;letter-spacing:.7px}
  .card h3{margin:6px 0 12px;font-size:14px;line-height:1.25}
  .card-copy>div{align-items:flex-start;flex-direction:column;gap:3px}
  .card-copy strong{font-size:16px}
  .card-copy div span{font-size:9px}

  .manifesto{padding:50px 18px}
  .manifesto h2{margin:12px 0;font-size:39px}
  .manifesto p{margin:0 0 20px;line-height:1.5;font-size:14px}
  .button{padding:12px 17px;font-size:13px}

  .footer{padding:36px 18px;gap:20px}
  .footer nav{gap:16px}

  .page-intro{padding:48px 16px 38px}
  .page-intro h1{margin:12px auto;font-size:clamp(39px,12vw,58px)}
  .page-intro p{font-size:15px}
  .page-intro .search{margin-top:20px}
  .prose{padding:52px 18px}
  .prose h2{margin-top:32px;font-size:32px}
  .prose p{font-size:16px;line-height:1.6}
  .form-page{padding:35px 14px}
  .panel{padding:26px 18px;border-radius:16px}
  .panel h1{margin-top:0;font-size:34px}
  .panel label{gap:6px;margin-bottom:14px}
  .panel input,.panel select,.panel textarea{padding:12px}
}

@media (max-width:390px){
  .category-grid{gap:8px}
  .category{min-height:132px;padding:12px}
  .category-icon{width:38px;height:38px}
  .card-image{height:165px}
}