/* Shared finishing layer for editorial and company-information pages. */
body.utility-page{background:#fff9f5;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600}
/* Company pages use a calm editorial heading, rather than a floating card. */
body.utility-page .page-hero{padding:0;background:linear-gradient(135deg,#fff7ee 0%,#fff 56%,#fff8f1 100%);border-bottom:1px solid #ffd9b8}
body.utility-page .page-hero::before{width:280px;height:280px;top:-210px;left:-90px;background:rgba(255,184,48,.13)}
body.utility-page .page-hero::after{width:240px;height:240px;right:-80px;bottom:-190px;background:rgba(255,107,53,.07)}
body.utility-page .page-hero-inner{width:min(900px,calc(100% - 2.3rem));padding:3.4rem 0 3rem;text-align:left;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
body.utility-page .page-hero-inner::before{display:none}
body.utility-page .page-kicker{margin:0 0 .8rem}
body.utility-page .page-hero h1{max-width:760px;margin:0 0 .75rem;font-size:clamp(2.25rem,5vw,3.35rem);text-shadow:none}
body.utility-page .page-hero h1::after{width:48px;height:4px;margin:.75rem 0 0}
body.utility-page .page-hero p:not(.page-kicker){max-width:650px;margin:0;font-size:1.03rem}
body.utility-page main{width:min(900px,100%);margin:0 auto;padding:3rem 1.15rem 4rem}
body.utility-page main .card,body.utility-page main .info-block{border:1px solid #ffd9b8;border-radius:18px;background:#fff;box-shadow:0 5px 20px rgba(96,47,10,.07)}
body.utility-page main .card{padding:1.65rem}
body.utility-page main .info-block{padding:1.1rem 1.25rem}
body.utility-page h2{margin:2.35rem 0 .7rem;border:0;padding:0;font-size:clamp(1.3rem,3vw,1.7rem);font-weight:900;line-height:1.2}
body.utility-page p,body.utility-page li{color:#4f3a27;font-weight:600}
body.utility-page label{font-weight:800;color:#6b5744}
body.utility-page input,body.utility-page textarea,body.utility-page select{font-weight:600;background:#fffdfb}
body.utility-page .btn{border-radius:12px;box-shadow:0 8px 20px rgba(255,107,53,.16)}
body.utility-page .feature-item{border-color:#ffd9b8;background:#fffdfb;box-shadow:0 3px 14px rgba(96,47,10,.04)}
body.utility-page .feature-item strong{font-weight:900}

body.legacy-blog{font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
/* Give every older article the same clear, high-impact hero as newer articles. */
body.legacy-blog .hero-banner{display:flex;flex-direction:column;align-items:center;padding:4.75rem 1.25rem 4.4rem;background:linear-gradient(135deg,#ffc83d 0%,#ff9c3b 48%,#ff6b35 100%);border-top:3px solid #ffd9b8}
body.legacy-blog .hero-banner .breadcrumb{order:1;display:inline-flex;align-items:center;gap:.2rem;margin:0 0 1.15rem;padding:.52rem .9rem;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
body.legacy-blog .hero-banner .breadcrumb a{color:#fff;text-decoration:none}
body.legacy-blog .hero-banner h1{order:2;max-width:1040px;margin:0 auto 1rem;color:#fff;font-size:clamp(2.35rem,5.6vw,4.15rem);font-weight:900;line-height:1.08;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 3px 0 rgba(153,65,20,.12)}
body.legacy-blog .hero-banner .intro{order:3;max-width:780px;margin:0 auto;color:#fff;font-size:clamp(1rem,2vw,1.18rem);font-weight:700;line-height:1.65;text-wrap:balance}
body.legacy-blog .hero-banner .meta{order:4;margin:1.55rem 0 0;color:rgba(255,255,255,.94);font-size:.9rem;font-weight:800}
body.legacy-blog .layout{max-width:900px}
body.legacy-blog .article p,body.legacy-blog .article li{font-weight:600;color:#4f3a27}
body.legacy-blog .article h2{font-weight:900}
body.legacy-blog .article h3,body.legacy-blog .article strong{font-weight:800}
body.legacy-blog .comp-table td{font-weight:600}
body.legacy-blog .comp-table th{font-weight:800}

/* Keep the shared footer language-relevant: Dutch planning links belong on Dutch pages only. */
html:not([lang="nl"]) .pd-site-footer a[href="/datum-prikken-vakantie/"],
html:not([lang="nl"]) .pd-site-footer a[href="/vakantie-plannen-met-vrienden/"]{display:none!important}
@media(max-width:760px){
  body.utility-page main{padding:2rem 1rem 3rem}
  body.utility-page main .card{padding:1.25rem}
  body.utility-page .page-hero-inner{width:min(100% - 2rem,900px);padding:2.35rem 0 2.2rem}
  body.utility-page .page-hero h1{font-size:clamp(2rem,10vw,2.65rem)}
  body.legacy-blog .hero-banner{padding:3rem 1rem 2.8rem}
  body.legacy-blog .hero-banner h1{font-size:clamp(2rem,10vw,2.85rem)}
  body.legacy-blog .hero-banner .breadcrumb{margin-bottom:.9rem;font-size:.66rem}
}