/* GeschrevenGedichten 3.0.4 – hero-loze literaire site-indeling.
 * Wordt alleen geladen als de compacte weergave is ingeschakeld.
 * Header/brand-afbeelding, gedichteninhoud en werkende formulieren blijven intact.
 */
body.gg304-compact{
 --gg304-ink:#122d3a;--gg304-muted:#5b6c78;--gg304-accent:#b95518;
 --gg304-line:#e8dfd6;--gg304-paper:#fffdfb;--gg304-content:1280px;
}
html body.gg304-compact .gg304-page-intro{
 box-sizing:border-box!important;display:block!important;position:relative!important;
 width:calc(100% - 40px)!important;max-width:var(--gg304-content)!important;
 min-height:0!important;margin:20px auto 22px!important;padding:0!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:transparent!important;overflow:visible!important;
}
html body.gg304-compact .gg304-page-intro:before,
html body.gg304-compact .gg304-page-intro:after{content:none!important;display:none!important}
html body.gg304-compact .gg304-page-intro__copy{width:100%!important;max-width:900px!important;padding:0!important;margin:0!important}
html body.gg304-compact .gg304-page-intro__eyebrow{
 display:block!important;margin:0 0 6px!important;
 font:700 11px/1.5 'Plus Jakarta Sans','Outfit',sans-serif!important;
 letter-spacing:.12em!important;color:#ae521d!important;text-transform:uppercase!important;
}
html body.gg304-compact .gg304-page-intro h1{
 margin:0!important;padding:0!important;border:0!important;
 color:var(--gg304-ink)!important;font:600 clamp(30px,3.3vw,40px)/1.12 'Cormorant Garamond','Georgia',serif!important;
 letter-spacing:-.014em!important;text-wrap:balance!important;
}
html body.gg304-compact .gg304-page-intro p{
 max-width:770px!important;margin:8px 0 0!important;padding:0!important;
 color:var(--gg304-muted)!important;font:400 15px/1.65 'Plus Jakarta Sans','Outfit',sans-serif!important;
}
/* Voorpagina: niet eerst een tweede grote titelkaart. De eerste bezoekerskeuze is de H1. */
html body.gg304-compact .ggw-home-wow .gg739-entry-choices{
 box-sizing:border-box!important;margin-top:18px!important;padding-top:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
html body.gg304-compact .gg739-choice-heading{max-width:880px!important;margin-bottom:18px!important}
html body.gg304-compact .gg739-choice-heading h1{
 margin:4px 0 8px!important;color:var(--gg304-ink)!important;
 font:600 clamp(34px,3.4vw,44px)/1.12 'Cormorant Garamond',Georgia,serif!important;
 letter-spacing:-.02em!important;
}
html body.gg304-compact .gg739-choice-heading p{max-width:680px!important;line-height:1.6!important}
html body.gg304-compact .gg739-choice-grid{margin-top:12px!important}
/* De paginabrede visuele componenten worden korte redactionele inleidingen.
   Bewaar bestaande H1's en hun links, maar verwijder de foto- en achtergrondpanelen. */
html body.gg304-compact #ggw-site main :is(
 .ggw-hub-hero,.ggwow-hero,.ggt34-hero,.gg-rhyme-hero,.gg-poet-hero,
 .ggw-universal-hero,.ggw-hw-hero,.gg38-standard-hero,.ggw-studio-hero,
 .ggw-page-hero,.page-hero-section,.archive-hero-header,.themas-hero-section,
 .gg-challenge-hero,.gg-challenge-detail-hero,.gg126-atelier-hero,.gg114-hero,
 .gg-ga-hero,.gggs-hero,.vv-login-hero,.ggwh-wow-hero,.gg3-member-hero,
 .gg-profile-home-hero,.gg-profile-banner,.ggdc-page-hero,.ggdc-context-banner,
 .gg-bundle-page-hero,.gg-discovery-hero,.gg37-hero,.gg-model-hero
 ),
html body.gg304-compact main :is(
 .ggw-hub-hero,.ggwow-hero,.ggt34-hero,.gg-rhyme-hero,.gg-poet-hero,
 .ggw-universal-hero,.ggw-hw-hero,.gg38-standard-hero,.ggw-studio-hero,
 .ggw-page-hero,.page-hero-section,.archive-hero-header,.themas-hero-section,
 .gg-challenge-hero,.gg-challenge-detail-hero,.gg126-atelier-hero,.gg114-hero,
 .gg-ga-hero,.gggs-hero,.vv-login-hero,.ggwh-wow-hero,.gg3-member-hero,
 .gg-profile-home-hero,.gg-profile-banner,.ggdc-page-hero,.ggdc-context-banner,
 .gg-bundle-page-hero,.gg-discovery-hero,.gg37-hero,.gg-model-hero
 ){
 box-sizing:border-box!important;display:block!important;position:relative!important;
 min-height:0!important;height:auto!important;max-height:none!important;
 max-width:1280px!important;width:calc(100% - 40px)!important;
 margin:20px auto 22px!important;padding:0!important;
 background:transparent!important;background-image:none!important;
 border:0!important;box-shadow:none!important;border-radius:0!important;
 overflow:visible!important;filter:none!important;isolation:auto!important;
}
html body.gg304-compact main :is(.ggw-hub-hero,.ggwow-hero,.gg-rhyme-hero,.ggt34-hero,.gg114-hero,.gg-model-hero)::before,
html body.gg304-compact main :is(.ggw-hub-hero,.ggwow-hero,.gg-rhyme-hero,.ggt34-hero,.gg114-hero,.gg-model-hero)::after{
 display:none!important;content:none!important;
}
/* Decoratieve hero-visuals zijn overbodig; inhoudelijke voorvertoningen buiten de hero blijven. */
html body.gg304-compact main :is(
 .ggw-hub-hero__visual,.ggwow-hero__art,.ggwow-hero__photo,.ggwow-hero__proof,.ggt34-hero__scene,
 .ggw-hw-hero__visual,.ggw-universal-hero__visual,.ggw-hw-hero__photo,
 .gg-challenge-hero-art,.gg114-hero-back,.gggs-hero__ornament,
 .ggwb-destination-hero__art
 ){display:none!important}
html body.gg304-compact main :is(
 .ggw-hub-hero__copy,.ggwow-hero__copy,.ggt34-hero__copy,.gg-rhyme-hero-inner,
 .ggw-hw-hero__text,.ggw-universal-hero__copy,
 .gg3-member-hero__copy,.gg-challenge-hero-copy,.gg-challenge-detail-hero-copy
 ){
 max-width:900px!important;min-height:0!important;width:100%!important;
 margin:0!important;padding:0!important;background:transparent!important;
 border:0!important;box-shadow:none!important;position:relative!important;
}
html body.gg304-compact #ggw-site main :is(.ggw-hub-hero,.ggwow-hero,.ggt34-hero,.gg-rhyme-hero,.gg114-hero,.gg-model-hero) h1,
html body.gg304-compact main :is(.ggw-hub-hero,.ggwow-hero,.ggt34-hero,.gg-rhyme-hero,.gg114-hero,.gg-model-hero) h1{
 font:600 clamp(30px,3.3vw,40px)/1.14 'Cormorant Garamond',Georgia,serif!important;
 color:var(--gg304-ink)!important;letter-spacing:-.01em!important;
 margin:5px 0 9px!important;max-width:900px!important;text-wrap:balance!important;
}
html body.gg304-compact main :is(.ggw-hub-hero,.ggwow-hero,.ggt34-hero,.gg114-hero,.gg-model-hero) p{
 margin:6px 0 10px!important;max-width:790px!important;color:var(--gg304-muted)!important;
 font-size:15px!important;line-height:1.65!important;
}
/* De zoekfunctie van het rijmwoordenboek blijft centraal en volledig werkend. */
html body.gg304-compact main .gg-rhyme-hero .gg-rhyme-search{
 width:min(100%,900px)!important;max-width:900px!important;
 margin:14px 0 10px!important;padding:8px!important;
 border-radius:18px!important;background:#fff!important;
 border:1px solid var(--gg304-line)!important;
}
html body.gg304-compact main .gg-rhyme-hero .gg-rhyme-suggestions{margin-top:8px!important}
/* De Woordenbrug-resultaten blijven een aparte pagina; geen dubbele fotobanner. */
html body.gg304-compact .ggwb-destination .ggwb-destination-hero{
 display:block!important;position:relative!important;width:100%!important;
 max-width:1280px!important;min-height:0!important;margin:20px 0 22px!important;
 padding:0!important;background:transparent!important;background-image:none!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
}
html body.gg304-compact .ggwb-destination .ggwb-destination-hero:before,
html body.gg304-compact .ggwb-destination .ggwb-destination-hero:after{content:none!important;display:none!important}
html body.gg304-compact .ggwb-destination-hero__copy{width:100%!important;max-width:860px!important;margin:0!important;padding:0!important}
html body.gg304-compact .ggwb-destination-hero h1{font:600 clamp(32px,3.3vw,40px)/1.14 'Cormorant Garamond',Georgia,serif!important;margin:6px 0 9px!important}
html body.gg304-compact .ggwb-destination-hero p{font-size:15px!important;line-height:1.65!important;margin:0 0 8px!important}
/* Voor gedichten zelf blijft de bestaande compacte opmaak en hoofdinhoud leidend. */
html body.gg304-compact .ggw-poem-single{padding-top:0!important}
html body.gg304-compact .ggw-poem-single > .ggw-container{margin-top:18px!important}
html body.gg304-compact .ggw-poem-paper__title{font-family:'Cormorant Garamond',Georgia,serif!important;line-height:1.18!important}
/* Een kop zonder onnodige tweede container op categorie- en overzichtspagina's. */
html body.gg304-compact :is(.ggw-archive-main,.ggw-page-main,.ggw-article-main)>.ggw-container:first-of-type{margin-top:14px!important}
html body.gg304-compact .ggw-overview-summary{margin-top:12px!important}
/* Rustige, consistente kaarten: design bestaat uit de inhoud, niet uit grote banners. */
html body.gg304-compact .gg739-choice,
html body.gg304-compact .ggw-poem-card,
html body.gg304-compact .ggw-result-card,
html body.gg304-compact .ggw-blog-card{
 background:var(--gg304-paper)!important;border-color:var(--gg304-line)!important;
 box-shadow:0 8px 28px rgba(28,38,43,.045)!important;
}
/* Mega-menu's: twee overzichtelijke linkkolommen en rustige contextkolom.
   Geen verandering in de branding, zoekknop, account of plaats-CTA. */
html body.gg304-menu #vv49-shell-header .vv49-nav>.vv49-woordenbrug-link{
 font-weight:650!important;background:transparent!important;border:0!important;
 box-shadow:none!important;
}
html body.gg304-menu #vv49-shell-header .vv49-panel .vv417-menu-content{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;
}
html body.gg304-menu #vv49-shell-header .vv49-panel .vv417-section-links a{
 min-height:42px!important;padding:9px 10px!important;border-radius:10px!important;
}
html body.gg304-menu #vv49-shell-header .vv49-panel .vv49-feature{background:#faf6f1!important;border-color:#efe5dc!important}
html body.gg304-menu #vv49-shell-header .vv49-panel .vv49-feature-copy{padding:22px!important}
html body.gg304-menu #vv49-shell-header .vv49-panel .vv49-feature strong{font-size:clamp(22px,2.1vw,28px)!important}
html body.gg304-menu #vv49-shell-header .vv49-panel .vv49-links{max-width:100%!important}
html body.gg304-menu #vv49-shell-header .vv49-mobile{max-height:calc(100dvh - 95px)!important;overflow-y:auto!important}
html body.gg304-menu #vv49-shell-header .vv49-mobile summary,
html body.gg304-menu #vv49-shell-header .vv49-mobile a{min-height:44px!important}
@media(max-width:767px){
 html body.gg304-compact .gg304-page-intro{width:calc(100% - 20px)!important;margin:14px auto 16px!important}
 html body.gg304-compact .gg304-page-intro h1{font-size:clamp(28px,8vw,34px)!important}
 html body.gg304-compact .gg304-page-intro p{font-size:14px!important}
 html body.gg304-compact .gg739-choice-heading h1{font-size:clamp(30px,8vw,36px)!important}
 html body.gg304-compact #ggw-site main :is(.ggw-hub-hero,.ggwow-hero,.ggt34-hero,.gg-rhyme-hero,.gg114-hero,.gg-model-hero),
 html body.gg304-compact main :is(.ggw-hub-hero,.ggwow-hero,.ggt34-hero,.gg-rhyme-hero,.gg114-hero,.gg-model-hero){
  width:calc(100% - 20px)!important;margin:14px auto 16px!important;
 }
 html body.gg304-compact .ggwb-destination .ggwb-destination-hero{margin-top:14px!important;margin-bottom:16px!important}
 html body.gg304-compact main :is(.ggw-hub-hero,.ggwow-hero,.ggt34-hero,.gg-rhyme-hero,.gg114-hero,.gg-model-hero) h1,
 html body.gg304-compact .ggwb-destination-hero h1{font-size:clamp(28px,8vw,34px)!important}
 html body.gg304-menu #vv49-shell-header .vv49-mobile a{font-size:15px!important}
}
@media(prefers-reduced-motion:no-preference){
 html body.gg304-compact .gg304-page-intro,html body.gg304-compact .gg739-entry-choices{
  animation:gg304-arrive .35s ease-out both;
 }
 @keyframes gg304-arrive{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}
}
/* Vang de ruimte tussen hoofditem en megamenu op: dropdown blijft onder muis bruikbaar. */
@media(min-width:1181px) and (hover:hover){
 html body.gg304-menu #vv49-shell-header .vv49-panel:before{
  content:""!important;display:block!important;position:absolute!important;
  left:0!important;right:0!important;top:-12px!important;height:12px!important;
  background:transparent!important;pointer-events:auto!important;
 }
}