/*
 * Geschreven Gedichten — Openbare dichterspagina 3.2.9.
 * Proporties, toegankelijkheid en cross-device samenhang.
 * Bewust beperkt tot <main class="gg-poet-page">; geen header/footer/admin.
 */
body:not(.wp-admin) main.gg-poet-page.container-studio {
  max-width:1280px!important;
  width:calc(100% - 30px)!important;
  margin-inline:auto!important;
  padding:clamp(12px,1.7vw,24px) 0 70px!important;
  overflow:visible;
  --gp-space:clamp(36px,4vw,60px);
}
main.gg-poet-page .gg-poet-hero {
  min-height:0;
  border-radius:clamp(18px,2.3vw,27px);
}
main.gg-poet-page .gg-poet-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(290px,.76fr);
  align-items:center;
  column-gap:clamp(24px,3.4vw,47px);
  padding:clamp(29px,3.7vw,50px) clamp(25px,4.2vw,58px);
}
main.gg-poet-page .gg-poet-hero-main,
main.gg-poet-page .gg-poet-identity-copy,
main.gg-poet-page .gg-poet-hero-aside {min-width:0;}
main.gg-poet-page .gg-poet-eyebrow {margin-bottom:clamp(15px,1.8vw,23px);}
main.gg-poet-page .gg-poet-identity {gap:clamp(15px,1.6vw,21px);align-items:center;}
main.gg-poet-page .gg-poet-avatar-wrap {
  flex:0 0 clamp(86px,8.1vw,116px);
  width:clamp(86px,8.1vw,116px);
  height:auto;
  aspect-ratio:1;
  padding:6px;
}
main.gg-poet-page .gg-poet-avatar-wrap .gg-poet-avatar {width:100%;height:100%;aspect-ratio:1;object-fit:cover;}
body:not(.wp-admin) main.gg-poet-page .gg-poet-identity h1 {
  font-size:clamp(38px,4.55vw,64px);
  font-weight:600;
  line-height:1.03;
  letter-spacing:-.035em;
  margin:3px 0 8px;
  overflow-wrap:anywhere;
}
main.gg-poet-page .gg-poet-tagline {font-size:clamp(20px,2.1vw,26px);line-height:1.24;max-width:27ch;}
main.gg-poet-page .gg-poet-hero-bio {
  max-width:62ch;
  margin:20px 0;
  font-size:clamp(12px,1.02vw,14px);
  line-height:1.78;
}
main.gg-poet-page .gg-poet-hero-actions {gap:9px;align-items:center;}
main.gg-poet-page .gg-poet-hero-actions .gg-poet-button {
  min-height:45px;
  padding:11px 15px;
  font-size:12px;
  flex:0 1 auto;
  max-width:100%;
}
main.gg-poet-page .gg-poet-stats {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(90px,1fr));
  gap:0;
  max-width:590px;
  margin-top:clamp(20px,2.5vw,30px);
  padding-top:19px;
}
main.gg-poet-page .gg-poet-stats>div {min-width:0;padding:0 clamp(9px,1.4vw,19px);text-align:left;}
main.gg-poet-page .gg-poet-stats>div:first-child {padding-left:0;}
main.gg-poet-page .gg-poet-stats>div:last-child {border-right:0;}
main.gg-poet-page .gg-poet-stats strong {font-size:clamp(25px,2.4vw,31px);}
main.gg-poet-page .gg-poet-stats span {font-size:11px;line-height:1.3;}
main.gg-poet-page .gg-poet-hero-aside {max-width:345px;justify-self:center;padding:8px 8px 4px;}
main.gg-poet-page .gg-poet-note-kicker {margin-bottom:10px;}
main.gg-poet-page .gg-poet-note-paper {
  min-height:295px;
  padding:27px 22px;
  transform:rotate(1deg);
  overflow-wrap:anywhere;
}
body:not(.wp-admin) main.gg-poet-page .gg-poet-note-paper h2 {
  font-size:clamp(27px,2.6vw,34px);
  line-height:1.07;
  margin:10px 0;
}
main.gg-poet-page .gg-poet-note-ornament {font-size:32px;margin:0 0 8px;}
main.gg-poet-page .gg-poet-note-verse {font-size:clamp(17px,1.55vw,20px);line-height:1.33;max-width:100%;margin:0 0 15px;}
main.gg-poet-page .gg-poet-note-footnote {margin-top:19px;}
main.gg-poet-page .gg-poet-local-nav {
  max-width:min(780px,calc(100% - 28px));
  margin:-17px auto clamp(36px,4.7vw,61px);
  padding:10px;
  gap:7px;
}
main.gg-poet-page .gg-poet-local-nav a {min-height:43px;padding:10px 13px;font-size:12px;}
main.gg-poet-page .gg-poet-section {margin-bottom:var(--gp-space);scroll-margin-top:34px;}
main.gg-poet-page .gg-poet-section-heading {gap:16px;align-items:end;margin-bottom:22px;}
body:not(.wp-admin) main.gg-poet-page .gg-poet-section-heading h2 {
  font-size:clamp(34px,3.8vw,51px);
  line-height:1.1;
  margin:0 0 7px;
  overflow-wrap:anywhere;
}
main.gg-poet-page .gg-poet-section-heading p {font-size:13px;line-height:1.6;}
main.gg-poet-page .gg-poet-poem-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(15px,1.8vw,23px);
  align-items:stretch;
}
main.gg-poet-page .gg-poet-poem-card {height:100%;min-width:0;overflow:hidden;}
main.gg-poet-page .gg-poet-poem-image {height:auto;min-height:140px;max-height:200px;aspect-ratio:2.23/1;flex:none;}
main.gg-poet-page .gg-poet-poem-image img {height:100%;width:100%;object-fit:cover;}
main.gg-poet-page .gg-poet-poem-content {padding:clamp(17px,1.7vw,22px);min-height:0;}
main.gg-poet-page .gg-poet-poem-meta {font-size:11px;line-height:1.45;flex-wrap:wrap;}
body:not(.wp-admin) main.gg-poet-page .gg-poet-poem-card h3 {
  font-size:clamp(26px,2.5vw,33px);
  line-height:1.12;
  margin:11px 0 11px;
  overflow-wrap:anywhere;
}
main.gg-poet-page .gg-poet-poem-excerpt {
  min-height:5.55em;
  height:auto;
  flex:1;
  font:400 clamp(18px,1.65vw,21px)/1.39 'Cormorant Garamond',Georgia,serif;
  letter-spacing:0;
  color:#68564e;
  margin:0 0 18px;
  overflow-wrap:anywhere;
  hyphens:auto;
}
main.gg-poet-page .gg-poet-poem-excerpt span {display:block;}
main.gg-poet-page .gg-poet-readmore {min-height:37px;font-size:12px;padding-top:12px;}
/* De paginering is een eigen rij, nooit de globale WordPress .page-numbers-lijst. */
main.gg-poet-page nav.gg-poet-pagination {width:100%;padding:0!important;min-height:0!important;margin:27px auto 0!important;}
main.gg-poet-page .gg-poet-page-list {display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:7px!important;}
main.gg-poet-page .gg-poet-page-list>a,
main.gg-poet-page .gg-poet-page-list>span {
  min-height:42px!important;height:42px!important;min-width:42px!important;
  display:inline-flex!important;flex:0 0 auto!important;
  align-items:center!important;justify-content:center!important;
  line-height:1.2!important;
  border-radius:11px!important;
}
main.gg-poet-page .gg-poet-about {
  display:grid;
  grid-template-columns:minmax(240px,.76fr) minmax(0,1.52fr);
  margin:var(--gp-space) 0;
  min-height:0;
  border-radius:23px;
}
main.gg-poet-page .gg-poet-about-portrait {
  min-height:320px;
  padding:32px 20px;
  gap:0;
  background:radial-gradient(circle at 50% 40%,#fffaf3 0,#f6e0d4 70%,#f0d5c8 100%);
}
main.gg-poet-page .gg-poet-about-portrait::before {width:min(85%,268px);height:auto;aspect-ratio:1;transform:translate(-50%,-50%);translate:none;top:50%;left:50%;}
main.gg-poet-page .gg-poet-about-portrait::after {width:min(68%,214px);height:auto;aspect-ratio:1;transform:translate(-50%,-50%);translate:none;top:50%;left:50%;}
main.gg-poet-page .gg-poet-about-avatar {
  width:clamp(146px,14vw,180px);
  height:auto;
  aspect-ratio:1;
  flex:none;
  border-radius:50%;
  position:relative;
  z-index:1;
}
main.gg-poet-page .gg-poet-about-avatar img {display:block;width:100%;height:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;}
main.gg-poet-page .gg-poet-about-signature {font-size:clamp(28px,3vw,36px);margin-top:17px;max-width:100%;}
main.gg-poet-page .gg-poet-about-copy {padding:clamp(27px,3.5vw,48px);min-width:0;align-self:center;}
body:not(.wp-admin) main.gg-poet-page .gg-poet-about-copy h2 {
  font-size:clamp(35px,3.65vw,49px);
  line-height:1.1;
  margin:9px 0 17px;
}
main.gg-poet-page .gg-poet-biography {max-width:75ch;}
main.gg-poet-page .gg-poet-biography p {font-size:clamp(13px,1.06vw,15px);line-height:1.83;margin:0 0 13px;white-space:normal;overflow-wrap:break-word;}
main.gg-poet-page .gg-poet-personal-quote {max-width:70ch;}
main.gg-poet-page .gg-poet-socials>div {display:flex;gap:9px;flex-wrap:wrap;}
main.gg-poet-page .gg-poet-socials a {min-height:44px;justify-content:center;max-width:100%;}
main.gg-poet-page .gg-poet-book-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
main.gg-poet-page .gg-poet-book-card {grid-template-columns:minmax(120px,155px) minmax(0,1fr);gap:19px;min-height:240px;padding:17px;}
main.gg-poet-page .gg-poet-book-cover {min-height:207px;aspect-ratio:3/4;}
main.gg-poet-page .gg-poet-book-cover>img {max-height:220px;max-width:100%;object-fit:contain;}
body:not(.wp-admin) main.gg-poet-page .gg-poet-book-copy h3 {font-size:clamp(25px,2.45vw,31px);line-height:1.12;overflow-wrap:anywhere;}
main.gg-poet-page .gg-poet-share-panel {gap:clamp(20px,4vw,47px);padding:clamp(27px,3.2vw,42px) clamp(23px,4vw,51px);}
body:not(.wp-admin) main.gg-poet-page .gg-poet-share-panel h2 {font-size:clamp(35px,3.7vw,48px);line-height:1.1;}
main.gg-poet-page .gg-poet-share-actions {flex:0 0 clamp(207px,24%,265px);min-width:0;max-width:100%;}
main.gg-poet-page .gg-poet-share-actions .gg-poet-button {min-height:44px;}
@media(max-width:1080px){
  main.gg-poet-page .gg-poet-hero-grid {grid-template-columns:minmax(0,1.08fr) minmax(250px,.82fr);gap:24px;padding:36px 29px;}
  main.gg-poet-page .gg-poet-hero-aside {max-width:310px;}
  main.gg-poet-page .gg-poet-stats {grid-template-columns:repeat(auto-fit,minmax(77px,1fr));}
  main.gg-poet-page .gg-poet-book-card {grid-template-columns:120px minmax(0,1fr);gap:14px;padding:13px;}
}
@media(max-width:900px){
  main.gg-poet-page .gg-poet-hero-grid {grid-template-columns:minmax(0,1fr);gap:30px;padding:36px 30px;}
  main.gg-poet-page .gg-poet-hero-aside {display:block;max-width:590px;justify-self:stretch;text-align:left;padding:0;}
  main.gg-poet-page .gg-poet-note-kicker {margin:0 0 11px;}
  main.gg-poet-page .gg-poet-note-paper {min-height:0;transform:none;padding:23px 29px;outline-offset:-10px;box-shadow:4px 5px 0 #ecd1c1,7px 9px 16px rgba(94,58,39,.08);}
  main.gg-poet-page .gg-poet-note-ornament {display:none;}
  main.gg-poet-page .gg-poet-note-paper h2 {font-size:31px;}
  main.gg-poet-page .gg-poet-note-footnote {display:none;}
  main.gg-poet-page .gg-poet-poem-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  main.gg-poet-page .gg-poet-about {grid-template-columns:minmax(210px,.75fr) minmax(0,1.5fr);}
  main.gg-poet-page .gg-poet-book-grid {grid-template-columns:1fr;}
  main.gg-poet-page .gg-poet-book-card {grid-template-columns:155px minmax(0,1fr);}
  main.gg-poet-page .gg-poet-share-panel {flex-direction:column;align-items:stretch;}
  main.gg-poet-page .gg-poet-share-actions {flex:0 1 auto;flex-direction:row;flex-wrap:wrap;}
  main.gg-poet-page .gg-poet-share-actions .gg-poet-button {flex:1 1 210px;}
  main.gg-poet-page .gg-poet-share-feedback {flex-basis:100%;}
}
/* Middelgrote tablets houden twee kolommen, zodat de hero niet te hoog wordt. */
@media(min-width:741px) and (max-width:900px){
  main.gg-poet-page .gg-poet-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(228px,.77fr);gap:18px;padding:30px 26px;}
  main.gg-poet-page .gg-poet-hero-aside{max-width:268px;justify-self:center;text-align:center;}
  main.gg-poet-page .gg-poet-note-paper{padding:20px 17px;}
  body:not(.wp-admin) main.gg-poet-page .gg-poet-note-paper h2{font-size:28px;}
  main.gg-poet-page .gg-poet-note-verse{font-size:18px;}
  main.gg-poet-page .gg-poet-identity{gap:12px;}
  main.gg-poet-page .gg-poet-avatar-wrap{width:80px;flex-basis:80px;}
  body:not(.wp-admin) main.gg-poet-page .gg-poet-identity h1{font-size:clamp(36px,4.7vw,46px);}
  main.gg-poet-page .gg-poet-tagline{font-size:21px;}
}
@media(max-width:640px){
  /* De volledige gedichtenetalage volgt direct onder de hero. Op telefoon geen
     tweede lang poëzievoorbeeld dat de eigenlijke gedichten naar beneden duwt. */
  main.gg-poet-page .gg-poet-hero-aside{display:none;}
  body:not(.wp-admin) main.gg-poet-page.container-studio {width:calc(100% - 20px)!important;padding:10px 0 46px!important;}
  main.gg-poet-page .gg-poet-hero {border-radius:19px;}
  main.gg-poet-page .gg-poet-hero-grid {padding:27px 20px 30px;gap:25px;}
  main.gg-poet-page .gg-poet-identity {align-items:center;gap:13px;}
  main.gg-poet-page .gg-poet-avatar-wrap {flex:0 0 77px;width:77px;height:77px;padding:4px;}
  body:not(.wp-admin) main.gg-poet-page .gg-poet-identity h1 {font-size:clamp(32px,8.6vw,44px);margin:2px 0 4px;line-height:1.05;}
  main.gg-poet-page .gg-poet-tagline {font-size:clamp(18px,5vw,22px);line-height:1.23;}
  main.gg-poet-page .gg-poet-hero-bio {font-size:13px;line-height:1.7;margin:17px 0;}
  main.gg-poet-page .gg-poet-hero-actions {display:flex;align-items:stretch;gap:9px;}
  main.gg-poet-page .gg-poet-hero-actions .gg-poet-button {flex:1 1 calc(50% - 8px);font-size:11px;min-width:0;}
  main.gg-poet-page .gg-poet-hero-actions .gg-poet-button--text {flex-basis:100%;min-height:36px;}
  main.gg-poet-page .gg-poet-stats {grid-template-columns:repeat(auto-fit,minmax(64px,1fr));margin-top:18px;padding-top:15px;}
  main.gg-poet-page .gg-poet-stats>div {padding:0 7px;text-align:center;}
  main.gg-poet-page .gg-poet-stats>div:first-child {padding-left:0;}
  main.gg-poet-page .gg-poet-stats strong {font-size:25px;}
  main.gg-poet-page .gg-poet-stats span {font-size:10px;}
  main.gg-poet-page .gg-poet-hero-aside {max-width:100%;}
  main.gg-poet-page .gg-poet-note-paper {padding:19px 20px;}
  main.gg-poet-page .gg-poet-note-paper h2 {font-size:28px;}
  main.gg-poet-page .gg-poet-note-verse {font-size:18px;line-height:1.32;}
  main.gg-poet-page .gg-poet-local-nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:-8px auto 39px;max-width:calc(100% - 16px);overflow:visible;}
  main.gg-poet-page .gg-poet-local-nav a {justify-content:center;text-align:center;white-space:normal;padding:9px 5px;font-size:11px;line-height:1.35;}
  main.gg-poet-page .gg-poet-section-heading {flex-direction:column;align-items:start;gap:10px;margin-bottom:18px;}
  body:not(.wp-admin) main.gg-poet-page .gg-poet-section-heading h2 {font-size:clamp(34px,8.1vw,43px);}
  main.gg-poet-page .gg-poet-poem-grid {grid-template-columns:minmax(0,1fr);gap:16px;}
  main.gg-poet-page .gg-poet-poem-image {aspect-ratio:2.25/1;min-height:130px;max-height:none;}
  main.gg-poet-page .gg-poet-poem-content {padding:20px;}
  body:not(.wp-admin) main.gg-poet-page .gg-poet-poem-card h3 {font-size:clamp(27px,7.4vw,33px);}
  main.gg-poet-page .gg-poet-poem-excerpt {min-height:0;font-size:21px;line-height:1.35;}
  main.gg-poet-page .gg-poet-about {grid-template-columns:1fr;margin:45px 0;border-radius:19px;}
  main.gg-poet-page .gg-poet-about-portrait {min-height:234px;padding:26px 18px;}
  main.gg-poet-page .gg-poet-about-avatar {width:130px;height:130px;}
  main.gg-poet-page .gg-poet-about-signature {font-size:30px;margin-top:12px;}
  main.gg-poet-page .gg-poet-about-portrait::before {width:225px;height:225px;}
  main.gg-poet-page .gg-poet-about-portrait::after {width:180px;height:180px;}
  main.gg-poet-page .gg-poet-about-copy {padding:27px 23px;}
  body:not(.wp-admin) main.gg-poet-page .gg-poet-about-copy h2 {font-size:clamp(34px,8vw,43px);}
  main.gg-poet-page .gg-poet-biography p {font-size:14px;line-height:1.78;}
  main.gg-poet-page .gg-poet-book-card {grid-template-columns:132px minmax(0,1fr);gap:14px;padding:13px;}
  main.gg-poet-page .gg-poet-book-cover {min-height:180px;}
  main.gg-poet-page .gg-poet-share-panel {padding:26px 22px;}
  main.gg-poet-page .gg-poet-share-actions {flex-direction:column;}
  main.gg-poet-page .gg-poet-share-actions .gg-poet-button {flex:0 1 auto;width:100%;}
  main.gg-poet-page .gg-poet-share-feedback {flex-basis:auto;}
}
@media(max-width:440px){
  main.gg-poet-page .gg-poet-book-card {grid-template-columns:minmax(0,1fr);gap:17px;}
  main.gg-poet-page .gg-poet-book-cover {aspect-ratio:auto;width:min(190px,100%);min-height:223px;margin:0 auto;}
  main.gg-poet-page .gg-poet-book-copy {padding:0 5px 6px;}
  main.gg-poet-page .gg-poet-hero-actions .gg-poet-button {flex-basis:100%;}
}
@media(max-width:360px){
  main.gg-poet-page .gg-poet-hero-grid {padding-inline:16px;}
  main.gg-poet-page .gg-poet-identity {align-items:center;flex-direction:row;gap:10px;}
  main.gg-poet-page .gg-poet-avatar-wrap{width:66px;height:66px;flex:0 0 66px;}
  body:not(.wp-admin) main.gg-poet-page .gg-poet-identity h1{font-size:30px;}
  main.gg-poet-page .gg-poet-tagline{font-size:18px;}
  main.gg-poet-page .gg-poet-avatar-wrap {width:76px;height:76px;flex-basis:76px;}
  main.gg-poet-page .gg-poet-stats {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px;}
  main.gg-poet-page .gg-poet-stats>div:nth-child(2n) {border-right:0;}
  main.gg-poet-page .gg-poet-about-portrait::before {width:195px;height:195px;}
  main.gg-poet-page .gg-poet-about-portrait::after {width:155px;height:155px;}
}
@media(prefers-reduced-motion:reduce){main.gg-poet-page *,main.gg-poet-page *::before,main.gg-poet-page *::after{transition:none!important;scroll-behavior:auto!important}}
