/* GG Helder 7.4.29 | page components and detail polish - consolidated 2026-11-13, original selector/cascade order retained. */

/* ===== Former gg328-editorial-system.css ===== */
/* GeschrevenGedichten 3.2.3 — one source-owned page masthead and content rhythm.
   Only main content and specific components. Header/navigation never selected. */
:root{--gg328-ink:#102d3c;--gg328-muted:#506674;--gg328-orange:#c45d00;--gg328-stroke:#d8e2e7;--gg328-radius:22px;--gg328-shadow:0 13px 35px rgba(18,45,59,.055);--gg328-space:clamp(24px,3.3vw,42px)}
body:not(.wp-admin) main:has(>.gg328-masthead){padding-top:0}
body:not(.wp-admin) main .gg328-masthead{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);width:min(1280px,calc(100% - 20px));max-width:1280px;min-height:295px;margin:0 auto clamp(28px,4vw,48px);overflow:hidden;border:1px solid var(--gg328-stroke);border-radius:var(--gg328-radius);background:#f7f9fa;box-shadow:var(--gg328-shadow);text-align:left;isolation:isolate}
body:not(.wp-admin) main .gg328-masthead__copy{padding:clamp(25px,3.5vw,55px);min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
body:not(.wp-admin) main .gg328-masthead__eyebrow{display:block;margin:0 0 13px;font:800 10px/1.55 'Plus Jakarta Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#aa4d10}
body:not(.wp-admin) main .gg328-masthead h1{font:600 clamp(35px,4.1vw,58px)/1.06 'Cormorant Garamond',Georgia,serif!important;letter-spacing:-.025em!important;margin:0 0 14px!important;color:var(--gg328-ink)!important;text-wrap:balance;max-width:18ch}
body:not(.wp-admin) main .gg328-masthead__description{font:450 clamp(13px,1.1vw,15px)/1.75 'Plus Jakarta Sans',sans-serif!important;color:var(--gg328-muted)!important;margin:0!important;max-width:61ch}
body:not(.wp-admin) main .gg328-masthead__rule{display:block;align-self:flex-start;width:50px;height:2px;background:#bf641d;border-radius:2px;margin:20px 0 12px}
body:not(.wp-admin) main .gg328-masthead__breadcrumbs{font:500 11px/1.6 'Plus Jakarta Sans',sans-serif;color:#697e8b;max-width:100%}
body:not(.wp-admin) main .gg328-masthead__breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;list-style:none!important;margin:0!important;padding:0!important}
body:not(.wp-admin) main .gg328-masthead__breadcrumbs li{display:flex;align-items:center;gap:8px;list-style:none!important;min-width:0;margin:0 8px 0 0;padding:0}
body:not(.wp-admin) main .gg328-masthead__breadcrumbs a{color:#56707f;text-decoration:none;white-space:normal}
body:not(.wp-admin) main .gg328-masthead__breadcrumbs a:hover{text-decoration:underline}
body:not(.wp-admin) main .gg328-masthead__breadcrumbs [aria-current=page]{color:#ae5419;font-weight:700;overflow-wrap:anywhere}
body:not(.wp-admin) main .gg328-masthead__chevron{color:#92a3ab}
body:not(.wp-admin) main .gg328-masthead__actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:19px}
body:not(.wp-admin) main .gg328-masthead__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:11px;border:1px solid #e17b18;background:#ec851f;color:#102b39;text-decoration:none;font:750 12px/1.3 'Plus Jakarta Sans',sans-serif;min-height:45px;padding:12px 17px;box-shadow:0 6px 16px rgba(150,91,25,.1)}
body:not(.wp-admin) main .gg328-masthead__button--secondary{background:#fff;border-color:var(--gg328-stroke)}
body:not(.wp-admin) main .gg328-masthead__button:hover{background:#ffdba7;border-color:#dba771}
body:not(.wp-admin) main .gg328-masthead__image{position:relative;min-width:0;min-height:265px;background:#f6e3cc;overflow:hidden}
body:not(.wp-admin) main .gg328-masthead__image:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(247,249,250,.16),transparent 23%);pointer-events:none}
body:not(.wp-admin) main .gg328-masthead__image img{display:block;width:100%;height:100%;min-height:265px;object-fit:cover;object-position:53% center}
/* An introduction is followed by REAL content, not another pseudo-hero. */
body:not(.wp-admin) main .gg328-masthead + :is(section,div,article,form){margin-top:0}
body:not(.wp-admin) main .gg328-masthead ~ :is(.ggw-container,.ggw-section,.gg-poets-collection,.gg-book-collection,.ggblog-filters){max-width:1280px}
body:not(.wp-admin) main :is(.gg328-overview-count,.gg328-content-lead){margin-bottom:22px}
body:not(.wp-admin) main .gg328-overview-count .ggw-six-summary__stats{background:#fff;border:1px solid var(--gg328-stroke);border-radius:15px;padding:13px 20px;width:fit-content;box-shadow:0 5px 14px rgba(18,45,59,.035)}
body:not(.wp-admin) main .gg328-overview-count .ggw-six-summary__stats strong{color:var(--gg328-ink)}
body:not(.wp-admin) main .gg328-directory-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:0 0 22px}
body:not(.wp-admin) main .gg328-directory-controls h2{font:750 clamp(23px,2.5vw,33px)/1.2 'Plus Jakarta Sans',sans-serif;margin:0!important;color:var(--gg328-ink)}
/* Source-level index sections and interactive cards share surface values. */
body:not(.wp-admin) main :is(.gg-poet-portrait-card,.gg-book-card,.ggw-result-card,.ggw-studio-topic,.ggw-topic-card,.ggw-poem-card,.ggwh-panel,.ggw-service-guide__copy,.ggw-guide-steps__grid>article,.ggw-member-draft-card,.ggblog-card){border:1px solid var(--gg328-stroke);border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(18,45,59,.052);min-width:0}
body:not(.wp-admin) main :is(.gg-book-card,.gg-poet-portrait-card,.ggw-poem-card,.ggblog-card){overflow:hidden}
body:not(.wp-admin) main :is(.ggw-studio-topic,.ggw-member-draft-card,.ggw-result-card){padding:clamp(18px,2vw,26px)}
body:not(.wp-admin) main :is(.ggw-collection-cta,.gg-poets-invitation,.ggwb-for-poets){border-radius:19px;box-shadow:var(--gg328-shadow);background:#fff7ec;border:1px solid #e7d6bf;padding:clamp(20px,2.8vw,32px);margin-top:clamp(28px,4vw,50px)}
body:not(.wp-admin) main :is(.ggw-collection-cta,.gg-poets-invitation,.ggwb-for-poets) h2{font:750 clamp(24px,2.5vw,34px)/1.17 'Plus Jakarta Sans',sans-serif;color:var(--gg328-ink);margin:4px 0 10px}
body:not(.wp-admin) main :is(.ggw-collection-cta,.gg-poets-invitation,.ggwb-for-poets) p{color:var(--gg328-muted);line-height:1.7}
body:not(.wp-admin) main :is(.ggw-section-header,.gg-poets-heading,.gg-collection-heading,.ggblog-related__heading) h2{font:750 clamp(24px,2.7vw,36px)/1.18 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em;color:var(--gg328-ink)}
body:not(.wp-admin) main :is(.ggw-section-header,.gg-poets-heading,.gg-collection-heading) p{color:var(--gg328-muted);line-height:1.65}
body:not(.wp-admin) main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){max-width:100%}
body:not(.wp-admin) main :is(button,input[type=submit],.ggw-btn,.gg-editorial-button,.ggw-hub-button){min-height:43px}
body:not(.wp-admin) main :is(a,button,input,select,textarea):focus-visible{outline:3px solid #a75414;outline-offset:3px}
/* Templates with their own self-heading: harmonize without moving H1 or changing function. */
body:not(.wp-admin) main :is(.gg322-theme-overview-intro,.gg322-theme-builder-intro,.ggpr-hero,.gg307-rhyme-intro,.gg317-results-lead,.gg-poet-hero,.gg316-studio-intro,.gg325-poets-intro){color:var(--gg328-ink)}
body:not(.wp-admin) main :is(.gg317-results-lead,.gg316-studio-intro){margin-bottom:clamp(22px,3vw,36px)}
body:not(.wp-admin) main :is(.gg322-theme-overview-intro,.gg322-theme-builder-intro){min-height:0;height:auto;box-shadow:none}
body:not(.wp-admin) main :is(.gg322-theme-overview-intro,.gg322-theme-builder-intro) h1{line-height:1.12;text-wrap:balance}
/* Prevent page content from being pulled into phantom 2-col layouts. */
body:not(.wp-admin) main :is(.ggwh-single-layout,.ggblog-page__layout,.ggw-with-sidebar,.ggw-six-body,.ggw-profile-layout){min-width:0}
body:not(.wp-admin) main :is(.ggwh-single-layout,.ggw-with-sidebar,.ggw-six-body,.ggw-profile-layout)>*{min-width:0}
@media(max-width:1024px){
 body:not(.wp-admin) main .gg328-masthead{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)}
 body:not(.wp-admin) main .gg328-masthead__copy{padding:clamp(25px,3vw,36px)}
 body:not(.wp-admin) main .gg328-masthead h1{font-size:clamp(35px,4.8vw,48px)!important}
}
@media(max-width:700px){
 body:not(.wp-admin) main .gg328-masthead{display:flex;flex-direction:column;margin-bottom:25px;min-height:0;border-radius:18px}
 body:not(.wp-admin) main .gg328-masthead__copy{order:0;padding:24px 20px 23px}
 body:not(.wp-admin) main .gg328-masthead h1{font-size:clamp(35px,9vw,48px)!important}
 body:not(.wp-admin) main .gg328-masthead__image{order:1;height:180px;min-height:0}
 body:not(.wp-admin) main .gg328-masthead__image img{height:180px;min-height:0;object-position:center 55%}
 body:not(.wp-admin) main .gg328-masthead__rule{margin-top:16px}
 body:not(.wp-admin) main .gg328-masthead__actions{width:100%}
 body:not(.wp-admin) main .gg328-masthead__button{max-width:100%;flex:1 1 135px}
 body:not(.wp-admin) main :is(.ggw-poem-grid,.ggw-topic-studio-grid,.gg-poets-grid,.ggblog-grid){min-width:0}
}
@media(max-width:420px){body:not(.wp-admin) main .gg328-masthead__image,body:not(.wp-admin) main .gg328-masthead__image img{height:152px}}
@media(prefers-reduced-motion:reduce){body:not(.wp-admin) main :is(.gg328-masthead__button,.gg-poet-portrait-card,.ggw-studio-topic){transition:none}}

body:not(.wp-admin) main .gg328-column-archive .gg328-masthead{width:100%;grid-template-columns:minmax(0,1fr);max-width:100%;min-height:0}
body:not(.wp-admin) main .gg328-column-archive .gg328-masthead__image{display:none}
body:not(.wp-admin) main .gg328-column-archive .gg328-masthead__copy{padding:clamp(22px,3vw,34px)}
body:not(.wp-admin) main .gg328-column-archive .gg328-masthead h1{font-size:clamp(33px,3.3vw,45px)!important;max-width:none}

/* Registration screen: move layout responsibility out of inline 2-column declarations. */
body:not(.wp-admin) main.gg328-auth-page{margin-bottom:clamp(35px,6vw,75px)}
body:not(.wp-admin) main.gg328-auth-page .gg328-auth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;gap:clamp(16px,2.8vw,35px)}
body:not(.wp-admin) main.gg328-auth-page .gg328-auth-benefits{display:flex;flex-direction:column;justify-content:center;text-align:left;padding:clamp(22px,3.2vw,42px);border:1px solid var(--gg328-stroke);border-radius:18px;background:#f7f9fa;min-width:0}
body:not(.wp-admin) main.gg328-auth-page .gg328-auth-form-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,3vw,38px);background:#fff;border:1px solid var(--gg328-stroke);border-radius:18px;box-shadow:var(--gg328-shadow);min-width:0}
body:not(.wp-admin) main.gg328-auth-page .gg328-auth-form-title{font:750 clamp(25px,2.7vw,34px)/1.2 'Plus Jakarta Sans',sans-serif;color:var(--gg328-ink);margin:0 0 10px}
body:not(.wp-admin) main.gg328-auth-page .gg328-auth-form-card input:not([type=checkbox]):not([type=radio]){width:100%}
@media(max-width:760px){body:not(.wp-admin) main.gg328-auth-page .gg328-auth-grid{grid-template-columns:minmax(0,1fr)}}

body:not(.wp-admin) main.gg328-auth-page .gg328-register-submit{display:inline-flex;width:100%;align-items:center;justify-content:center;border:1px solid #dd8b38;border-radius:11px;padding:13px 18px;min-height:48px;background:#ee8c27;color:#122d3d;font:750 13px/1.35 'Plus Jakarta Sans',sans-serif;box-shadow:0 6px 16px rgba(166,94,26,.13);cursor:pointer}
body:not(.wp-admin) main.gg328-auth-page .gg328-register-submit:hover{background:#ffd9a2}


/* ===== Former gg329-page-detail-polish.css ===== */
/* GeschrevenGedichten 3.2.4 – small, source-scoped refinements.
   Do not target site header, navigation, plugin business logic or poem text. */
:root {
  --gg329-ink: #102c3b;
  --gg329-subtle: #526674;
  --gg329-line: #dbe3e8;
  --gg329-soft: #f7f9fa;
  --gg329-orange: #b45b13;
  --gg329-elevation: 0 10px 28px rgba(16, 44, 59, .065);
}
body:not(.wp-admin) main.gg-poets-page .gg329-directory-form {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px 14px;
  padding: clamp(17px, 2.5vw, 28px);
  border: 1px solid var(--gg329-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--gg329-elevation);
}
body:not(.wp-admin) main.gg-poets-page .gg329-directory-form__field {
  display: flex;
  flex: 1 1 310px;
  min-width: 0;
  flex-direction: column;
  gap: 9px;
}
body:not(.wp-admin) main.gg-poets-page .gg329-directory-form__field label {
  color: var(--gg329-ink);
  font: 700 13px/1.5 'Plus Jakarta Sans', sans-serif;
}
body:not(.wp-admin) main.gg-poets-page .gg329-directory-form__field .ggw-poets-search {
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: 12px;
  background: var(--gg329-soft);
}
body:not(.wp-admin) main.gg-poets-page .gg329-directory-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 49px;
  padding: 12px 19px;
  border: 1px solid #dfa363;
  border-radius: 12px;
  background: #ffdfb4;
  color: #173446;
  font: 750 13px/1.3 'Plus Jakarta Sans', sans-serif;
  cursor: pointer;
  white-space: nowrap;
}
body:not(.wp-admin) main.gg-poets-page .gg329-directory-form__submit:hover {
  background: #f7c784;
  border-color: #bd793b;
}
body:not(.wp-admin) main.gg-poets-page .gg329-directory-form__reset {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--gg329-orange);
  font: 700 12px/1.45 'Plus Jakarta Sans', sans-serif;
  text-decoration: underline;
  text-underline-offset: 4px;
}
body:not(.wp-admin) main.gg-poets-page .gg329-directory-form .ggw-poet-search-count {
  margin-left: auto;
  padding: 0 2px 0 0;
  color: var(--gg329-subtle);
  font-weight: 650;
}
body:not(.wp-admin) main.gg-poets-page .gg329-directory-pages {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 30px auto 8px;
  color: var(--gg329-subtle);
  font: 650 13px/1.5 'Plus Jakarta Sans', sans-serif;
}
body:not(.wp-admin) main.gg-poets-page .gg329-directory-pages a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 1px solid var(--gg329-line);
  border-radius: 12px;
  background: #fff;
  color: var(--gg329-ink);
  text-decoration: none;
}
body:not(.wp-admin) main.gg-poets-page .gg329-directory-pages a:hover {
  background: #fff4e7;
  border-color: #e5b17b;
}
body:not(.wp-admin) main.gg-poets-page .gg-poet-portrait-card {
  border-radius: 19px !important;
  box-shadow: var(--gg329-elevation) !important;
}
body:not(.wp-admin) main.gg-poets-page .gg-poet-card-content h3 a {
  color: var(--gg329-ink);
  text-wrap: balance;
}
body:not(.wp-admin) main.gg-poets-page .gg-poet-card-content .ggw-poet-mini-bio {
  color: var(--gg329-subtle);
}
/* Refine module and collection surfaces without changing their internal controls. */
body:not(.wp-admin) main .gg328-masthead {
  box-shadow: var(--gg329-elevation);
}
body:not(.wp-admin) main .gg328-masthead__breadcrumbs a:focus-visible,
body:not(.wp-admin) main .gg328-masthead__button:focus-visible,
body:not(.wp-admin) main.gg-poets-page .gg329-directory-form :is(input, button, a):focus-visible,
body:not(.wp-admin) main.gg-poets-page .gg329-directory-pages a:focus-visible {
  outline: 3px solid #a85618;
  outline-offset: 3px;
}
body:not(.wp-admin) main .gg328-masthead__button {
  transition: background-color .18s ease, border-color .18s ease;
}
body:not(.wp-admin) main .gg328-masthead__button--secondary {
  color: var(--gg329-ink);
}
body:not(.wp-admin) main :is(.gg327-cta, .gg-poets-invitation, .ggw-collection-cta) {
  overflow-wrap: anywhere;
}
body:not(.wp-admin) main .gg327-cta :is(h2, p),
body:not(.wp-admin) main .gg-poets-invitation :is(h2, p) {
  max-width: 64ch;
}
body:not(.wp-admin) main #gg-writersblok-hulp .ggwh-side-links a:focus-visible,
body:not(.wp-admin) main :is(.gg327-poem-grid, .gg327-blog-grid) a:focus-visible {
  outline: 3px solid #a85618;
  outline-offset: 4px;
}
@media (max-width: 640px) {
  body:not(.wp-admin) main.gg-poets-page .gg329-directory-form {
    align-items: stretch;
    gap: 12px;
  }
  body:not(.wp-admin) main.gg-poets-page .gg329-directory-form__field,
  body:not(.wp-admin) main.gg-poets-page .gg329-directory-form__submit {
    width: 100%;
    flex: 1 1 100%;
  }
  body:not(.wp-admin) main.gg-poets-page .gg329-directory-form .ggw-poet-search-count {
    margin: 0;
  }
  body:not(.wp-admin) main .gg328-masthead__eyebrow {
    line-height: 1.6;
  }
}
@media (prefers-reduced-motion: reduce) {
  body:not(.wp-admin) main .gg328-masthead__button,
  body:not(.wp-admin) main.gg-poets-page .gg-poet-portrait-card {
    transition: none;
    transform: none;
  }
}


/* GG 3.2.5: polished touch/accessibility behavior, scoped to public content only.
   Do not style site header/navigation, editor canvas, print templates or admin UI. */
@media (hover:hover) and (pointer:fine) {
  body:not(.wp-admin) main .gg328-masthead__button,
  body:not(.wp-admin) main.gg-poets-page .gg329-directory-form__submit,
  body:not(.wp-admin) main.gg-poets-page .gg329-directory-pages a {
    transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
  }
  body:not(.wp-admin) main.gg-poets-page .gg329-directory-pages a:hover {
    box-shadow:0 5px 16px rgba(16,44,59,.09);
  }
}
@media (max-width:640px) {
  body:not(.wp-admin) main.gg-poets-page .gg329-directory-form__field label {font-size:14px;}
  body:not(.wp-admin) main.gg-poets-page .gg329-directory-form__submit {min-height:49px;}
  body:not(.wp-admin) main .gg328-masthead__breadcrumbs ol {row-gap:8px;}
}
@media (prefers-reduced-motion:reduce) {
  body:not(.wp-admin) main .gg328-masthead__button,
  body:not(.wp-admin) main.gg-poets-page .gg329-directory-form__submit,
  body:not(.wp-admin) main.gg-poets-page .gg329-directory-pages a {transition:none;}
}