/* GeschrevenGedichten 3.0.17 | Geïntegreerde literaire paginakoppen.
   Ontwerp binnen de inhoud; nooit een extra hero of wijziging van header/menu.
   Bestaande WordPress headings, form controls, JavaScript hooks en data blijven behouden. */
:root{
  --gg317-paper:#fff;
  --gg317-text:#102c3b;
  --gg317-sub:#526572;
  --gg317-stroke:#dde3e7;
  --gg317-orange:#b45b12;
  --gg317-shadow:0 9px 30px rgba(31,50,65,.055);
  --gg317-radius:22px;
  --gg317-max:1280px;
}
/* One and only one outer gap under the full header. Never style the header itself. */
body:not(.wp-admin) :is(main#main-content,main.site-main,.gg-rhyme.site-main,.gg-poet-page,.ggwb-destination,.ggblog-page,.vv438-studio-shell,.builder-wrapper):where(:not(.ggw-entry-content)) {scroll-margin-top:20px;}
body:not(.wp-admin) :where(main) :is(.gg317-integrated-header,.gg317-results-lead,.gg317-blog-lead){text-align:left;box-sizing:border-box;}
body:not(.wp-admin) :where(main) .gg317-kicker{
  display:inline-block; margin:0 0 10px; color:var(--gg317-orange);
  font:750 11px/1.5 'Plus Jakarta Sans','Outfit',sans-serif;
  letter-spacing:.12em;text-transform:uppercase;
}
body:not(.wp-admin) :where(main) :is(.gg317-integrated-header,.gg317-results-lead,.gg317-blog-lead) h1{
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-weight:650!important;font-size:clamp(32px,3.4vw,43px)!important;
  line-height:1.12!important;letter-spacing:-.023em!important;
  color:var(--gg317-text)!important;margin:0 0 9px!important;
  max-width:24ch;text-wrap:balance;
}
body:not(.wp-admin) :where(main) :is(.gg317-integrated-header,.gg317-results-lead,.gg317-blog-lead) p{
  font:450 clamp(13px,1.15vw,15px)/1.7 'Plus Jakarta Sans','Outfit',sans-serif!important;
  color:var(--gg317-sub)!important;max-width:69ch;
  margin:0!important;
}
/* Generic WP pages: the H1 belongs to the article, not above its wrapper/sidebar. */
body:not(.wp-admin) .gg317-standard-page .gg317-article-surface{
  background:var(--gg317-paper)!important;border:1px solid var(--gg317-stroke)!important;
  border-radius:var(--gg317-radius)!important;box-shadow:var(--gg317-shadow)!important;
  overflow:visible;min-width:0;
}
body:not(.wp-admin) .gg317-standard-page .gg317-article-heading{
  border:0!important;border-bottom:1px solid #e9ecee!important;
  border-radius:0!important;box-shadow:none!important;background:transparent!important;
  padding:clamp(22px,3vw,38px) clamp(22px,3vw,38px) clamp(18px,2.4vw,27px)!important;
  margin:0!important;max-width:none!important;
}
body:not(.wp-admin) .gg317-standard-page .gg317-article-surface > .ggw-entry-content{
  background:transparent!important;box-shadow:none!important;border:0!important;
  padding:clamp(20px,2.8vw,36px)!important;margin:0!important;
}
/* Page type owns its H1: preserve the editor-provided markup, no new title generated. */
body:not(.wp-admin) .gg317-standard-page .gg317-article-surface:not(:has(> .gg317-article-heading)) > .ggw-entry-content{padding-top:clamp(22px,3vw,38px)!important;}
/* Plugin system pages: title, shortcode and tools share one background. */
body:not(.wp-admin) .ggw-system-page .gg317-module-surface{
  background:var(--gg317-paper)!important;border:1px solid var(--gg317-stroke)!important;
  border-radius:var(--gg317-radius)!important;box-shadow:var(--gg317-shadow)!important;
  overflow:visible;padding:clamp(20px,3vw,38px)!important;min-width:0;
}
body:not(.wp-admin) .ggw-system-page .gg317-module-surface > .gg317-integrated-header.gg307-intro{
  width:100%!important;max-width:none!important;min-width:0;display:block;
  background:transparent!important;border:0!important;box-shadow:none!important;
  margin:0 0 24px!important;padding:0 0 22px!important;
  border-bottom:1px solid #e9ecee!important;
}
/* Readers' overviews: heading and real poem-count occupy one elegant panel. */
body:not(.wp-admin) .ggw-editorial-overview > .gg317-collection-lead{
  background:#fff!important;border:1px solid var(--gg317-stroke)!important;
  box-shadow:var(--gg317-shadow)!important;border-radius:var(--gg317-radius)!important;
  padding:clamp(22px,3vw,38px)!important;min-height:0!important;
  display:flex;gap:22px;align-items:center;justify-content:space-between;
}
body:not(.wp-admin) .gg317-collection-lead > .gg317-integrated-header.gg307-intro{
  margin:0!important;padding:0!important;background:transparent!important;border:0!important;
  box-shadow:none!important;min-width:0;width:auto!important;max-width:75%!important;
}
body:not(.wp-admin) .gg317-collection-lead .ggw-six-summary__stats{flex:0 0 auto; margin:0!important;background:#f6f8f9;border:1px solid #e6ebee;border-radius:16px;padding:13px 18px;}
body:not(.wp-admin) .gg317-collection-lead + .ggw-six-body{margin-top:22px!important;}
/* Guide and theme pages: heading is part of the first interactive surface. */
body:not(.wp-admin) .gg317-guide-surface,
body:not(.wp-admin) .gg317-topics-surface{
  background:var(--gg317-paper)!important;border:1px solid var(--gg317-stroke)!important;
  border-radius:var(--gg317-radius)!important;box-shadow:var(--gg317-shadow)!important;
  padding:clamp(22px,3vw,38px)!important;gap:clamp(20px,2.6vw,32px);
}
body:not(.wp-admin) .gg317-guide-surface > .gg317-integrated-header.gg307-intro,
body:not(.wp-admin) .gg317-topics-surface > .gg317-integrated-header.gg307-intro{
  width:100%!important;max-width:none!important;min-width:0;
  margin:0!important;padding:0 0 22px!important;border:0!important;
  border-bottom:1px solid #e7ecef!important;border-radius:0!important;
  box-shadow:none!important;background:transparent!important;
}
body:not(.wp-admin) .gg317-guide-surface > .gg317-integrated-header{grid-column:1/-1;}
body:not(.wp-admin) .gg317-topics-surface > .ggw-section-header{margin-top:6px;}
/* Woordenbrug: intro and steps as one continuous journey card. */
body:not(.wp-admin) .ggwb-page .gg317-journey-surface{
  background:#fff!important;border:1px solid var(--gg317-stroke)!important;
  border-radius:var(--gg317-radius)!important;box-shadow:var(--gg317-shadow)!important;
  padding:clamp(22px,3vw,38px)!important;overflow:visible;
}
body:not(.wp-admin) .ggwb-page .gg317-journey-surface > .gg317-integrated-header.gg307-intro{
  width:100%!important;max-width:none!important;margin:0 0 22px!important;
  padding:0 0 22px!important;border:0!important;border-bottom:1px solid #e9ecee!important;
  background:transparent!important;box-shadow:none!important;border-radius:0!important;
}
body:not(.wp-admin) .ggwb-page .gg317-journey-surface .ggwb-section-heading{margin-top:0!important;}
body:not(.wp-admin) .ggwb-page .gg317-journey-surface .ggwb-step{
  background:#fafbfc!important;border:1px solid #e7ecef!important;
  box-shadow:none!important;border-radius:15px!important;
}
/* Results: an editorial lead rather than another photo-based hero. */
body:not(.wp-admin) .ggwb-destination .gg317-results-lead{
  padding:clamp(22px,3vw,38px)!important;background:#fff!important;
  border:1px solid var(--gg317-stroke)!important;border-radius:var(--gg317-radius)!important;
  box-shadow:var(--gg317-shadow)!important;margin-bottom:22px!important;
}
body:not(.wp-admin) .ggwb-destination .gg317-results-lead a{
  display:inline-block;margin-top:15px;color:var(--gg317-orange);font-weight:750;text-decoration:none;
}
/* Rhyme dictionary: header and search already share one DOM section: polish it. */
body:not(.wp-admin) .gg-rhyme .gg307-rhyme-intro{
  background:#fff!important;border:1px solid var(--gg317-stroke)!important;
  border-radius:var(--gg317-radius)!important;box-shadow:var(--gg317-shadow)!important;
  padding:clamp(22px,3vw,38px)!important;margin:0 0 22px!important;
}
body:not(.wp-admin) .gg-rhyme .gg307-rhyme-intro > .gg307-rhyme-content{
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:0!important;margin:0!important;max-width:100%!important;
}
body:not(.wp-admin) .gg-rhyme .gg307-rhyme-intro .gg-rhyme-search{margin-top:22px;}
/* Blog: H1, counter and category filters form a single first content block. */
body:not(.wp-admin) .gg317-blog-page .gg317-blog-lead{
  display:flex!important;align-items:center;justify-content:space-between;gap:20px;
  background:#fff!important;border:1px solid var(--gg317-stroke)!important;
  border-radius:var(--gg317-radius) var(--gg317-radius) 0 0!important;
  box-shadow:none!important;padding:clamp(22px,3vw,38px)!important;
  margin:0!important;min-height:0!important;
}
body:not(.wp-admin) .gg317-blog-page .ggblog-filters{
  margin:0 0 24px!important;background:#fff!important;
  border:1px solid var(--gg317-stroke)!important;border-top:0!important;
  border-radius:0 0 var(--gg317-radius) var(--gg317-radius)!important;
  padding:12px clamp(22px,3vw,38px) 20px!important;
  box-shadow:var(--gg317-shadow)!important;
}
body:not(.wp-admin) .gg317-blog-page .gg317-blog-lead .ggblog-page__tally{
  flex:0 0 auto;background:#f6f8f9;border:1px solid #e6ebee;border-radius:15px;padding:12px 18px;
}
/* Native WP poem archive: title lives inside the listing-column, not above its sidebar. */
body:not(.wp-admin) .gg317-native-archive .gg38-archive-content > .gg317-integrated-header.gg307-intro{
  width:100%!important;max-width:none!important;padding:clamp(22px,3vw,38px)!important;
  margin:0 0 22px!important;border:1px solid var(--gg317-stroke)!important;
  border-radius:var(--gg317-radius)!important;background:#fff!important;
  box-shadow:var(--gg317-shadow)!important;
}
/* Community / author pages with their own H1: soften the initial heading container,
   never create a duplicate and never suppress meaningful profile information. */
body:not(.wp-admin) .gg-poet-page .gg-poet-hero{
  border:1px solid var(--gg317-stroke)!important;
  border-radius:var(--gg317-radius)!important;background:#fff!important;
  box-shadow:var(--gg317-shadow)!important;min-height:0!important;
}
/* Studio 3.0.17: moved the actual H1 into the existing writing workbench. */
body:not(.wp-admin) .builder-wrapper .ggwow-studio .gg317-studio-surface{
  background:#fff!important;border:1px solid var(--gg317-stroke)!important;
  box-shadow:var(--gg317-shadow)!important;border-radius:var(--gg317-radius)!important;
  padding:clamp(20px,3vw,38px)!important;
}
body:not(.wp-admin) .builder-wrapper .ggwow-studio .gg317-studio-surface > .gg316-studio-intro{
  max-width:none!important;padding:0 0 22px!important;margin:0 0 22px!important;
  border:0!important;border-bottom:1px solid #e9ecee!important;
  background:transparent!important;box-shadow:none!important;
}
body:not(.wp-admin) .builder-wrapper .ggwow-studio .gg317-studio-surface > .gg316-studio-intro #gg316StudioTitle{
  font:650 clamp(32px,3.4vw,43px)/1.12 'Cormorant Garamond',Georgia,serif!important;
  margin:0 0 8px!important;
}
body:not(.wp-admin) .builder-wrapper .ggwow-studio .gg317-studio-surface > .gg99-progress{
  padding-top:0!important;margin-top:0!important;
}
/* Mobile: intentional whitespace, one-column layouts and no duplicate page margins. */
@media(max-width:767px){
  body:not(.wp-admin) .gg317-collection-lead,
  body:not(.wp-admin) .gg317-blog-page .gg317-blog-lead{flex-direction:column;align-items:stretch;}
  body:not(.wp-admin) .gg317-collection-lead > .gg317-integrated-header.gg307-intro{max-width:100%!important;}
  body:not(.wp-admin) .gg317-collection-lead .ggw-six-summary__stats,
  body:not(.wp-admin) .gg317-blog-page .ggblog-page__tally{align-self:flex-start;}
  body:not(.wp-admin) .gg317-blog-page .ggblog-filters{gap:7px;}
  body:not(.wp-admin) .gg317-standard-page .gg317-article-heading{padding:22px 20px!important;}
  body:not(.wp-admin) .gg317-standard-page .gg317-article-surface > .ggw-entry-content{padding:20px!important;}
  body:not(.wp-admin) .builder-wrapper .ggwow-studio .gg317-studio-surface{padding:18px!important;}
  body:not(.wp-admin) :where(main) :is(.gg317-integrated-header,.gg317-results-lead,.gg317-blog-lead) h1{font-size:clamp(29px,7vw,35px)!important;}
}
@media(prefers-reduced-motion:reduce){
  body:not(.wp-admin) .gg317-article-surface,body:not(.wp-admin) .gg317-collection-lead{scroll-behavior:auto!important;}
}
/* Less frequently used reading pages: keep each heading inside its actual first surface. */
body:not(.wp-admin) main :is(.gg317-my-poems-surface,.gg317-policy-surface,.gg317-awards-surface,.gg317-newest-surface){
  background:#fff!important;border:1px solid var(--gg317-stroke)!important;
  border-radius:var(--gg317-radius)!important;box-shadow:var(--gg317-shadow)!important;
  padding:clamp(22px,3vw,38px)!important;
}
body:not(.wp-admin) main :is(.gg317-my-poems-surface,.gg317-policy-surface,.gg317-awards-surface,.gg317-newest-surface) > .gg317-integrated-header.gg307-intro{
  width:100%!important;max-width:none!important;margin:0 0 22px!important;padding:0 0 22px!important;
  background:transparent!important;border:0!important;border-bottom:1px solid #e8ecef!important;
  box-shadow:none!important;border-radius:0!important;
}
/* The themes catalogue owns its heading and browsing controls; avoid a tall, lonely header. */
body:not(.wp-admin) .ggtheme-overview .gg307-source-intro{
  border:1px solid var(--gg317-stroke)!important;border-radius:var(--gg317-radius)!important;
  padding:clamp(22px,3vw,38px)!important;background:#fff!important;
  box-shadow:var(--gg317-shadow)!important;min-height:0!important;
  margin:0 0 22px!important;
}
body:not(.wp-admin) .ggtheme-overview .gg307-source-intro :is(.ggwow-hero__art,.ggwow-hero__petal){display:none!important;}
body:not(.wp-admin) .ggtheme-overview .gg307-source-intro .ggwow-hero__copy{max-width:100%!important;padding:0!important;margin:0!important;}
body:not(.wp-admin) .ggtheme-overview .gg307-source-intro h1{
  font:650 clamp(32px,3.4vw,43px)/1.12 'Cormorant Garamond',Georgia,serif!important;
  margin:0 0 9px!important;
}
/* Bundles: preserve the collection and its book covers, but tone down the separate intro. */
body:not(.wp-admin) .gg-books-page .ggw-hub-hero{
  background:#fff!important;border:1px solid var(--gg317-stroke)!important;
  box-shadow:var(--gg317-shadow)!important;border-radius:var(--gg317-radius)!important;
  min-height:0!important;padding:clamp(20px,3vw,38px)!important;margin-bottom:22px!important;
}
body:not(.wp-admin) .gg-books-page .ggw-hub-hero__copy{padding:0!important;max-width:76ch;}
body:not(.wp-admin) .gg-books-page .ggw-hub-hero__copy h1{font-size:clamp(32px,3.4vw,43px)!important;}
/* Keep guest views readable and avoid nested blank containers in profile/plugin routes. */
body:not(.wp-admin) .ggw-system-page--self-heading .ggw-system-page__content{padding-top:0!important;}
body:not(.wp-admin) .ggw-page-main .gg317-module-surface > :first-child{margin-top:0;}

/* Theme index: the natural first category/browser section continues the page intro. */
body:not(.wp-admin) .ggtheme-overview .gg307-source-intro {
  border-bottom:0!important;
  border-radius:var(--gg317-radius) var(--gg317-radius) 0 0!important;
  margin-bottom:0!important;
  box-shadow:none!important;
}
body:not(.wp-admin) .ggtheme-overview .gg307-source-intro + .ggwow-moments {
  margin-top:0!important;padding:4px clamp(22px,3vw,38px) clamp(22px,3vw,38px)!important;
  background:#fff!important;border:1px solid var(--gg317-stroke)!important;
  border-top:0!important;border-radius:0 0 var(--gg317-radius) var(--gg317-radius)!important;
  box-shadow:var(--gg317-shadow)!important;
}
