/* Geschreven Gedichten 21 — gedeelde warme vormgeving.
   Één buitenraster, één zichtbare kaart per blok, géén geneste kaartkaders.
   Alleen presentatieregels: bestaande WordPress-, Studio- en betaalhooks blijven ongewijzigd. */
:root{--gg21-width:1280px;--gg21-gutter:clamp(10px,1.5vw,20px);--gg21-paper:#fffdf9;--gg21-cream:#faf5ef;--gg21-clay:#b66b56;--gg21-clay-dark:#944e3f;--gg21-sage:#84916f;--gg21-ink:#3c332e;--gg21-text:#61574f;--gg21-line:#e9d9cb;--gg21-radius:22px;--gg21-shadow:0 13px 34px rgba(83,54,39,.055)}
body.ggw-theme{color:var(--gg21-ink)}
/* De buitenste themapagina regelt alleen verticale flow; elke sectie regelt eigen kaartstijl. */
body.ggw-theme .ggw-v21-studio-theme{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
body.ggw-theme .ggw-v21-studio-theme>.vv-theme-landing-page{width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:clamp(19px,2.6vw,32px)!important;align-items:stretch!important;overflow:visible!important}
body.ggw-theme .ggw-v21-studio-theme>.vv-theme-landing-page>:is(.gg44-theme-landing-hero,form.ggw-quick-generator,.ggw-quick-result,.ggw-generator-advice,.ggw-generator-information){width:min(var(--gg21-width),calc(100% - var(--gg21-gutter) - var(--gg21-gutter)))!important;max-width:var(--gg21-width)!important;min-width:0!important;box-sizing:border-box!important;margin:0 auto!important}
body.ggw-theme .ggw-v21-studio-theme .ggw-generator-information{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:visible!important}
body.ggw-theme .ggw-v21-studio-theme .ggw-generator-information>.ggte-wrap{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:grid!important;gap:clamp(19px,2.6vw,32px)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.ggw-theme .ggw-v21-studio-theme .ggw-generator-information .ggte-wrap>.ggte-card,body.ggw-theme .ggw-v21-studio-theme .ggw-generator-information .ggte-wrap>.ggte-join{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;padding:clamp(23px,3.2vw,43px)!important;border-radius:var(--gg21-radius)!important;border:1px solid var(--gg21-line)!important;box-shadow:var(--gg21-shadow)!important;overflow:hidden!important}
body.ggw-theme .ggw-v21-studio-theme .ggw-generator-information .ggte-wrap>.ggte-card{background:var(--gg21-paper)!important}
body.ggw-theme .ggw-v21-studio-theme .ggw-generator-information .ggte-wrap>.ggte-join{background:linear-gradient(125deg,#fffaf4,#f5e6da)!important}
/* Het formulier is zelf de kaart; het binnenste formulierblok heeft geen tweede kader. */
body.ggw-theme .ggw-v21-studio-theme form.ggw-quick-generator{display:block!important;padding:clamp(24px,3.2vw,44px)!important;border:1px solid var(--gg21-line)!important;border-radius:var(--gg21-radius)!important;background:var(--gg21-paper)!important;box-shadow:var(--gg21-shadow)!important;overflow:visible!important}
body.ggw-theme .ggw-v21-studio-theme form.ggw-quick-generator>.gg45-theme-brief{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.ggw-theme .ggw-v21-studio-theme .ggw-generator-advice{padding:clamp(23px,3.2vw,43px)!important;border:1px solid var(--gg21-line)!important;border-radius:var(--gg21-radius)!important;background:linear-gradient(140deg,#fff9f4,#f3ece3)!important;box-shadow:var(--gg21-shadow)!important}
body.ggw-theme .ggw-v21-studio-theme .ggw-quick-result{padding:clamp(23px,3.2vw,43px)!important;border:1px solid var(--gg21-line)!important;border-radius:var(--gg21-radius)!important;background:var(--gg21-paper)!important;box-shadow:var(--gg21-shadow)!important}
/* Uitlegkaart: compacte afbeelding, ook wanneer er veel uitlegtekst is. */
body.ggw-theme .ggw-v21-studio-theme .ggte-about-layout{display:grid!important;grid-template-columns:minmax(0,1.28fr) minmax(240px,.72fr)!important;align-items:start!important;gap:clamp(22px,3.2vw,45px)!important}
body.ggw-theme .ggw-v21-studio-theme .ggte-about-copy{min-width:0!important;max-width:75ch!important}
body.ggw-theme .ggw-v21-studio-theme .ggte-about-copy p{font-size:clamp(15px,1.25vw,17px)!important;line-height:1.82!important;color:var(--gg21-text)!important;max-width:72ch!important}
body.ggw-theme .ggw-v21-studio-theme .ggte-about-media{position:relative!important;top:auto!important;width:100%!important;height:clamp(300px,34vw,490px)!important;min-height:0!important;max-height:490px!important;align-self:start!important;border-radius:18px!important;margin:0!important;overflow:hidden!important;background:#f1dfd3!important}
body.ggw-theme .ggw-v21-studio-theme .ggte-about-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;display:block!important}
body.ggw-theme .ggw-v21-studio-theme .ggte-about-media figcaption{position:absolute!important;inset:auto 0 0!important;z-index:1!important;padding:36px 22px 20px!important;background:linear-gradient(0deg,rgba(63,48,39,.84),transparent)!important;color:#fff!important}
body.ggw-theme .ggw-v21-studio-theme .ggte-about-media figcaption *{color:#fff!important}
/* Formulier, voortgang en resultaat: gedeeld interactiesysteem. */
body.ggw-theme .ggw-v21-studio-theme .gg45-brief-intro h2,body.ggw-theme .ggw-v21-studio-theme .ggte-card h2,body.ggw-theme .ggw-v21-studio-theme .ggw-generator-advice h2{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;font-size:clamp(30px,3vw,43px)!important;line-height:1.14!important;letter-spacing:-.025em!important;color:var(--gg21-ink)!important;max-width:22ch}
body.ggw-theme .ggw-v21-studio-theme :is(.gg45-overline,.ggte-eyebrow,.ggw-eyebrow){font-size:11px!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--gg21-clay-dark)!important;font-weight:700!important}
body.ggw-theme .ggw-v21-studio-theme :is(.gg45-field,.gg46-field-extra){min-width:0!important}
body.ggw-theme .ggw-v21-studio-theme :is(.gg45-field,.gg46-field-extra) :is(input,textarea){width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;padding:14px 16px!important;border:1px solid #dfd2c8!important;border-radius:13px!important;background:#fffdfa!important;color:var(--gg21-ink)!important;font-size:16px!important;line-height:1.6!important;box-shadow:none!important}
body.ggw-theme .ggw-v21-studio-theme :is(.gg45-field,.gg46-field-extra) :is(input,textarea):focus-visible{outline:3px solid #c99380!important;outline-offset:2px!important;border-color:var(--gg21-clay)!important}
body.ggw-theme .ggw-v21-studio-theme :is(.ggw-quick-generator__submit,.ggw-quick-copy,.ggw-quick-edit){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;gap:10px!important;padding:12px 22px!important;border-radius:13px!important;text-decoration:none!important;font-weight:650!important;transition:background-color .18s ease,transform .18s ease!important}
body.ggw-theme .ggw-v21-studio-theme .ggw-quick-generator__submit{background:var(--gg21-clay)!important;border:1px solid var(--gg21-clay)!important;color:#fff!important;cursor:pointer}
body.ggw-theme .ggw-v21-studio-theme .ggw-quick-generator__submit:hover{background:var(--gg21-clay-dark)!important;transform:translateY(-1px)!important}
body.ggw-theme .ggw-v21-studio-theme .ggw-quick-generator__submit:disabled{opacity:.62!important;cursor:not-allowed!important;transform:none!important}
body.ggw-theme .ggw-v21-studio-theme .ggte-question{border-bottom:1px solid var(--gg21-line)!important;padding:3px 0!important}
body.ggw-theme .ggw-v21-studio-theme .ggte-question summary{cursor:pointer!important;padding:17px 0!important;font-weight:600!important;color:var(--gg21-ink)!important}
body.ggw-theme .ggw-v21-studio-theme .ggte-question summary:focus-visible{outline:2px solid var(--gg21-clay)!important;outline-offset:4px!important}
/* Andere themasjablonen en WordPress-pagina's gebruiken dezelfde rustige oppervlakte. */
body.ggw-theme :is(.ggw-page-main,.gg-editorial-page,.ggw-layout-main) :is(.ggw-content-shell,.gg-surface,.ggw-side-card,.ggw-system-page__notice){border-radius:var(--gg21-radius)}
body.ggw-theme .ggw-content-shell :is(.ggw-entry-content,.ggw-archive-primary){min-width:0}
body.ggw-theme :is(.ggw-page-main,.ggw-layout-main,.gg-editorial-page) :is(.ggw-eyebrow,.gg-section-kicker){color:var(--gg21-clay-dark)}
body.ggw-theme :is(.ggw-page-main,.ggw-layout-main,.gg-editorial-page) :is(.ggw-btn,.gg-editorial-button,.ggw-btn--primary){transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
body.ggw-theme :is(.ggw-page-main,.ggw-layout-main,.gg-editorial-page) :is(.ggw-btn,.gg-editorial-button,.ggw-btn--primary):focus-visible{outline:3px solid #bf826e!important;outline-offset:3px}
body.ggw-theme .ggw-context-sidebar{min-width:0}
body.ggw-theme .ggw-context-sidebar .ggw-side-card{background:var(--gg21-paper)!important;border:1px solid var(--gg21-line)!important;border-radius:18px!important;box-shadow:var(--gg21-shadow)!important}
body.ggw-theme .ggw-context-sidebar .ggw-side-term{min-height:40px;gap:8px}
@media(max-width:920px){body.ggw-theme .ggw-v21-studio-theme .ggte-about-layout{grid-template-columns:minmax(0,1fr)!important}body.ggw-theme .ggw-v21-studio-theme .ggte-about-media{height:310px!important;max-height:310px!important}}
@media(max-width:640px){body.ggw-theme .ggw-v21-studio-theme>.vv-theme-landing-page>:is(.gg44-theme-landing-hero,form.ggw-quick-generator,.ggw-quick-result,.ggw-generator-advice,.ggw-generator-information){width:calc(100% - 20px)!important}body.ggw-theme .ggw-v21-studio-theme form.ggw-quick-generator,body.ggw-theme .ggw-v21-studio-theme :is(.ggw-generator-advice,.ggw-quick-result),body.ggw-theme .ggw-v21-studio-theme .ggw-generator-information .ggte-wrap>.ggte-card,body.ggw-theme .ggw-v21-studio-theme .ggw-generator-information .ggte-wrap>.ggte-join{padding:22px 17px!important;border-radius:18px!important}body.ggw-theme .ggw-v21-studio-theme .ggte-about-media{height:260px!important;max-height:260px!important}body.ggw-theme .ggw-v21-studio-theme .gg45-theme-fields{grid-template-columns:minmax(0,1fr)!important}body.ggw-theme .ggw-v21-studio-theme .gg46-form-bottom{flex-direction:column!important;align-items:stretch!important}body.ggw-theme .ggw-v21-studio-theme .ggw-quick-generator__submit{width:100%!important}}
@media(prefers-reduced-motion:reduce){body.ggw-theme .ggw-v21-studio-theme *,body.ggw-theme :is(.ggw-page-main,.gg-editorial-page) *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
