/* GeschrevenGedichten 2.0 — unified desktop+mobile public layout; header unchanged. */
:root{--gg20-serif:'Cormorant Garamond',Georgia,serif;--gg20-sans:'Plus Jakarta Sans',Arial,sans-serif;--gg20-ink:#102e3c;--gg20-width:1280px}
/* One 1280px content axis, including Woordenbrug, profile, sidebar and shortcode pages. */
html body:not(.wp-admin) #ggw-site>main> :is(.ggw-hw-wrap,.gg327-section,.gg327-cta,.gg326-home-masthead,.ggw-container,.ggw-content-shell,.ggwb-page-content,.gg327-home,.ggw-section,.gg328-masthead),
html body:not(.wp-admin) #ggw-site>main.gg-popular-rhymes-page>.gg-popular-rhymes,
html body:not(.wp-admin) :is(main,.gg331-global-hero) .gg328-masthead{
 box-sizing:border-box!important;max-width:var(--gg20-width)!important;
 width:min(var(--gg20-width),calc(100% - 20px))!important;
 margin-inline:auto!important;min-width:0;
}
html body:not(.wp-admin) #ggw-site>main .ggw-with-sidebar,
html body:not(.wp-admin) #ggw-site>main .ggw-archive-body{box-sizing:border-box!important;max-width:1280px!important;min-width:0}
/* Headings use the same literary typeface across legacy and modular content. */
html body:not(.wp-admin) :is(main,.gg331-global-hero,.ggw-context-sidebar) :is(h1,h2,h3,h4,h5,h6,.widget-title,.ggw-side-card>strong,.ggw-side-categories>h2){font-family:var(--gg20-serif)!important;letter-spacing:-.017em!important;line-height:1.15}
html body:not(.wp-admin) :is(main,.gg331-global-hero,.ggw-context-sidebar) :is(p,span,label,li,a,button,input,textarea,select,small,summary){font-family:var(--gg20-sans)}
html body:not(.wp-admin) .ggw-context-sidebar .ggw-side-widgets :is(.widget-title,h2,h3),
html body:not(.wp-admin) .ggw-context-sidebar :is(.ggw-side-categories,.ggw-side-studio)>h2{
 font-family:var(--gg20-serif)!important;font-weight:600!important;
}
/* Hide ONLY decorative red rules in sidebar widget shells; structural dividers and buttons remain. */
html body:not(.wp-admin) .ggw-context-sidebar > :is(.gg319-react-card,.ggw-side-card,.ggw-side-widgets,.gg318-sidebar-rating,.widget)::before,
html body:not(.wp-admin) .ggw-context-sidebar > :is(.gg319-react-card,.ggw-side-card,.ggw-side-widgets,.gg318-sidebar-rating,.widget)::after,
html body:not(.wp-admin) .ggw-context-sidebar .ggw-side-widgets>.widget::before,
html body:not(.wp-admin) .ggw-context-sidebar .ggw-side-widgets>.widget::after{
 background-image:none!important;border-top-color:transparent!important;box-shadow:none!important;
}
html body:not(.wp-admin) .ggw-context-sidebar .gg318-sidebar-rating :is(.ggw-rating-line,.gg-widget-rule,.ggw-widget-decor),
html body:not(.wp-admin) .ggw-context-sidebar :is(.gg319-react-card,.ggw-side-card,.widget)> .ggw-section-rule{display:none!important}
/* Count is now part of the PHOTO, at the approximate height of the bottom line/breadcrumb. */
html body:not(.wp-admin) .gg328-masthead__image{position:relative!important}
html body:not(.wp-admin) .gg328-masthead__image .gg20-masthead-count{
 position:absolute;right:clamp(18px,3vw,44px);bottom:clamp(32px,17%,94px);z-index:2;
 box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;
 min-width:160px;max-width:calc(100% - 36px);padding:14px 20px;
 border:1px solid rgba(255,255,255,.85);border-radius:15px;background:rgba(255,253,249,.94);
 box-shadow:0 12px 28px rgba(16,44,59,.13);backdrop-filter:blur(10px);color:#102e3c;
}
html body:not(.wp-admin) .gg20-masthead-count strong{font:650 clamp(29px,3vw,38px)/1 var(--gg20-serif)!important;color:var(--gg20-ink)!important}
html body:not(.wp-admin) .gg20-masthead-count span{font:600 11px/1.3 var(--gg20-sans)!important;color:#506a78!important}
/* Popular rhymes: one real split hero, one readable search and calm term cards. */
html body:not(.wp-admin) main.gg-popular-rhymes-page{display:block!important;width:100%!important;max-width:none!important;margin-inline:auto!important;padding:0!important}
html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-hero{display:none!important}
html body:not(.wp-admin) main.gg-popular-rhymes-page>.gg328-masthead{margin-bottom:clamp(26px,4vw,48px)!important}
html body:not(.wp-admin) main.gg-popular-rhymes-page .gg-popular-rhymes{padding-inline:0!important}
html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-search{
 display:grid!important;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr)!important;
 align-items:center;gap:clamp(15px,3vw,40px);width:100%!important;box-sizing:border-box;
 border:1px solid #ebdac9!important;background:linear-gradient(115deg,#fff7ec,#fffcf8)!important;
 border-radius:20px!important;padding:clamp(22px,3vw,39px)!important;box-shadow:0 12px 30px rgba(16,44,59,.06)!important;
}
html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-search>label{font:600 clamp(25px,2.6vw,34px)/1.1 var(--gg20-serif)!important;color:var(--gg20-ink)!important}
html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-search-row{display:flex;gap:10px;min-width:0}
html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-search-row input{min-width:0;flex:1 1 180px;background:#fff!important;border-radius:12px!important;min-height:52px}
html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-search-row button{flex:0 0 auto;min-height:52px!important;border-radius:12px!important;background:#ed8d1d!important;color:#0f2b3b!important}
html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-word{background:white!important;border:1px solid #dde5e8!important;border-radius:15px!important;min-height:73px!important;padding:17px!important;box-shadow:0 9px 25px rgba(16,44,59,.055)!important;transition:transform .15s ease,border-color .15s ease}
html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-word:hover{border-color:#e3ac77!important;transform:translateY(-2px)}
html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-next{background:#fff9f2!important;border-radius:20px!important;border:1px solid #ead9c7!important;padding:clamp(23px,3vw,40px)!important}
/* Woordenbrug inline disclosure: same secure form with no extra page navigation. */
html body:not(.wp-admin) .ggwb-discovery.gg20-discovery{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px!important;border:1px solid #ead8c7!important;background:#fff9f3!important;border-radius:20px!important;padding:clamp(20px,3vw,33px)!important}
html body:not(.wp-admin) .gg20-discovery>div:first-child{flex:1 1 320px;min-width:0}
html body:not(.wp-admin) .gg20-discovery-drawer{display:block;flex:0 1 290px;min-width:0}
html body:not(.wp-admin) .gg20-discovery-drawer[open]{flex:1 1 100%;width:100%}
html body:not(.wp-admin) .gg20-discovery-drawer>summary{cursor:pointer;list-style:none;display:flex!important;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 18px;border-radius:12px;background:#f5a348!important;border:1px solid #e9b278!important;color:#142e3d!important;font-weight:700;font-size:13px!important}
html body:not(.wp-admin) .gg20-discovery-drawer>summary::-webkit-details-marker{display:none}
html body:not(.wp-admin) .gg20-discovery-drawer[open]>summary span{transform:rotate(180deg)}
html body:not(.wp-admin) .gg20-discovery-body{margin-top:18px;padding:clamp(17px,2vw,26px);background:#fff;border:1px solid #e3e8eb;border-radius:15px}
html body:not(.wp-admin) .gg20-discovery-title{margin:0 0 12px!important;font:600 clamp(24px,2.4vw,31px)/1.1 var(--gg20-serif)!important}
html body:not(.wp-admin) .gg20-discovery-body form{max-width:none!important;width:100%!important;margin:0!important}
html body:not(.wp-admin) .gg20-discovery-body textarea{width:100%;min-height:110px!important}
/* Responsive spacing: never make the 1280px axis overflow phones. */
@media(max-width:960px){html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-search{grid-template-columns:minmax(0,1fr)!important}html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){html body:not(.wp-admin) .gg328-masthead__image .gg20-masthead-count{bottom:14px;right:14px;min-width:132px;padding:10px 14px}html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body:not(.wp-admin) .gg20-discovery-drawer{flex:1 1 100%}}
@media(max-width:480px){html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-search-row{flex-direction:column}html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-search-row button{width:100%}}
@media(max-width:320px){html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html body:not(.wp-admin) main.gg-popular-rhymes-page .ggpr-word{transition:none!important;transform:none!important}}

/* Legacy inline widget styling loads after bundled styles; this narrow override restores the intended heading typeface. */
html body.ggw-theme .ggw-context-sidebar>.ggw-side-widgets>.widget :is(h2,h3,.widget-title),
html body.ggw-theme .ggw-context-sidebar :is(.ggw-side-card,.gg319-react-card,.ggw-side-categories) :is(h2,h3){font-family:var(--gg20-serif)!important;font-weight:600!important}
html body.ggw-theme .ggw-context-sidebar>.ggw-side-widgets>.widget :is(p,li,.textwidget),
html body.ggw-theme .ggw-context-sidebar :is(.ggw-side-card,.gg319-react-card) :is(p,li){font-family:var(--gg20-sans)!important}
/* Remove only ornamental accent strokes inside sidebar widgets. */
html body.ggw-theme .ggw-context-sidebar :is(.ggw-side-widgets,.ggw-side-card,.gg319-react-card,.widget) :is(.ggw-card-accent,.ggw-side-accent,.gg-widget-accent,.ggw-decoration-line){display:none!important}
