/* GeschrevenGedichten 7.4.13 — consolidated public canvas and layout.
   ONLY the exterior page canvas: preserve logo/header, site imagery inside cards, prents and media. */
:root { --gg314-canvas:#fff; --gg314-ink:#183345; --gg314-border:#e1e7eb; --gg314-accent:#ef8c19; --gg314-shadow:0 7px 25px rgba(13,38,53,.065); --gg314-gap:35px; }
html,body:not(.wp-admin),body:not(.wp-admin) #ggw-site,body:not(.wp-admin) #page,
body:not(.wp-admin) #content,body:not(.wp-admin) .site,body:not(.wp-admin) .site-wrapper,
body:not(.wp-admin) .site-content,body:not(.wp-admin) .site-main,
body:not(.wp-admin) .ggw-page-shell,body:not(.wp-admin) .ggw-page-main,
body:not(.wp-admin) main#main-content {
 background-color:#fff!important; background-image:none!important; background-attachment:scroll!important;
}
/* Decorative backdrop pseudo-elements only on outer document wrappers.
   Do not touch the branded header or images inside cards. */
body:not(.wp-admin)::before,body:not(.wp-admin)::after,
body:not(.wp-admin) #ggw-site::before,body:not(.wp-admin) #ggw-site::after,
body:not(.wp-admin) #page::before,body:not(.wp-admin) #page::after,
body:not(.wp-admin) .site-content::before,body:not(.wp-admin) .site-content::after{
 background-image:none!important;
}
/* Content begins 35px after the normal header; apply at a single outer boundary. */
body:not(.wp-admin) #vv49-shell-header ~ #main-content,
body:not(.wp-admin) #vv49-shell-header ~ main,
body:not(.wp-admin) #vv49-shell-header ~ .site-content,
body:not(.wp-admin) #vv49-shell-header ~ #content { margin-top:var(--gg314-gap)!important; }
body:not(.wp-admin) #vv49-shell-header + main,
body:not(.wp-admin) #vv49-shell-header + .site-content { padding-top:0!important; }
/* Keep introductions compact, not a second decorative hero. */
body:not(.wp-admin) :is(.gg307-intro,.gg304-page-intro,.ggw-page-intro){
 background:transparent!important;box-shadow:none!important;border:0!important;
 max-width:1280px;min-height:0!important;padding:0 10px!important;margin:0 auto 22px!important;
}
body:not(.wp-admin) :is(.gg307-intro,.gg304-page-intro,.ggw-page-intro) h1{
 font-family:'Cormorant Garamond',Georgia,serif; color:var(--gg314-ink);
 font-size:clamp(30px,3.4vw,42px);line-height:1.13; margin:0 0 7px!important;
}
/* Cards sit visibly on the white canvas without nested visual frames. */
body:not(.wp-admin) :is(.ggw-poem-card,.gg-poem-card,.vv-poem-card,.gg739-choice,.ggw-theme-card,.ggw-hw-topic,.ggw-hw-blog__card){
 background-color:#fff!important;border:1px solid var(--gg314-border)!important;
 border-radius:18px!important;box-shadow:var(--gg314-shadow)!important;min-width:0;
}
body:not(.wp-admin) :is(.ggw-poem-grid,.gg739-choice-grid,.ggw-hw-poems-grid){align-items:stretch;gap:clamp(14px,2vw,24px)}
body:not(.wp-admin) :is(.ggw-poem-card,.gg-poem-card,.vv-poem-card) :is(h2,h3){line-height:1.2;overflow-wrap:anywhere}
body:not(.wp-admin) :is(.ggw-poem-card,.gg-poem-card,.vv-poem-card) p{overflow-wrap:break-word}
/* Accessible clicks without turning navigation text links into buttons. */
body:not(.wp-admin) :is(.ggw-btn,.ggw-primary-button,.wp-block-button__link,.gg739-choice a){transition:box-shadow .18s ease,transform .18s ease}
body:not(.wp-admin) :is(a,button,input,select,textarea):focus-visible{outline:2px solid #bd650d;outline-offset:3px}
body:not(.wp-admin) :is(img,video,canvas,svg){max-width:100%}
@media(max-width:767px){
 :root{--gg314-gap:35px}
 body:not(.wp-admin) :is(.gg307-intro,.gg304-page-intro,.ggw-page-intro){padding-inline:10px!important;margin-bottom:16px!important}
 body:not(.wp-admin) :is(.ggw-poem-grid,.gg739-choice-grid){gap:13px}
 body:not(.wp-admin) :is(.ggw-poem-card,.gg-poem-card,.vv-poem-card){border-radius:15px!important}
}
@media(prefers-reduced-motion:reduce){body:not(.wp-admin) :is(.ggw-btn,.ggw-primary-button,.wp-block-button__link,.gg739-choice a){transition:none!important}}