/* P08 B: the existing editorial sources, presented as two distinct publications
   and a manually operated clipping collection. No external media or fonts. */
.publication-overview{display:flex;flex-wrap:wrap;gap:8px 32px;padding:0;list-style:none;margin:24px 0}
.publication-overview .text-link{margin:0}
.publication-visuals{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px}
.publication-visuals .book-cover{width:min(100%,310px);max-width:310px;margin:28px auto 24px;padding:28px;transform:rotate(-2deg);box-shadow:10px 12px 0 #dce6ed}
.publication-visuals .book-cover h3{font-size:clamp(1.5rem,2.5vw,1.9rem)}
.study-graphic{background:#edf3e8;border-top:5px solid var(--green);padding:28px;margin:28px 0 24px;color:var(--navy)}
.study-graphic-label{font-weight:600;font-size:1rem}.study-countries{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 28px}.study-countries>div{display:flex;flex-direction:column;min-width:0}.study-countries strong{font:600 clamp(2.75rem,5vw,4.5rem)/1 Outfit,sans-serif;color:var(--blue)}.study-countries span{font-size:1rem}.study-countries .study-connector{font-size:2rem;color:var(--blue)}.study-graphic-topics{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:16px;border-top:1px solid #78965c;font-weight:600}.study-graphic p{margin:16px 0 0;font-size:1rem}
.media-section{background:var(--navy);color:#fff}.media-section h2,.media-section h3{color:#fff}.media-section a{color:#e1f4ff}.media-section :focus-visible{outline-color:var(--green)}.media-section .button{color:var(--ink)}.media-section>.shell>p{max-width:70ch;color:#dfebf3}.home-media{position:relative}.home-media-controls{display:flex;align-items:center;gap:16px;justify-content:flex-end;margin:20px 0}.home-media-controls p{margin:0;min-width:5ch;text-align:center;font-variant-numeric:tabular-nums}.home-media-controls button{min-width:48px;min-height:48px;font-size:1.5rem;padding:4px 12px;border-color:var(--green)}.home-media-slide{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center}.home-media-slide figure{margin:0;min-width:0}.home-media-image{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f6f7f4;padding:20px;text-decoration:none;min-height:400px}.home-media-image img{display:block;object-fit:contain;max-height:440px;width:100%;height:380px;filter:drop-shadow(0 5px 7px #0b203025)}.home-media-image span{color:var(--navy);text-decoration:underline;min-height:44px;display:flex;align-items:center;justify-content:center;font-weight:600;margin-top:10px}.home-media-slide figcaption{color:#c8dbe9;margin:8px 0 0}.home-media-copy{min-width:0}.home-media-copy .meta{color:#d4e5ef}.home-media-copy h3{font-size:clamp(1.5rem,2.5vw,2rem);margin:12px 0 24px}.media-editorial-label{color:var(--green);font-weight:650;margin:0 0 8px}.media-source{font-size:1rem;line-height:1.5;margin:24px 0 0;color:#d4e5ef}.media-source a{overflow-wrap:anywhere}.media-rights{color:#d4e5ef;margin:24px 0 0;max-width:80ch}.home-media-index{border-top:1px solid #62839d;margin-top:28px;padding-top:8px}.home-media-index summary{min-height:44px;display:list-item;padding-block:8px}.home-media-index ul{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;padding:0}.home-media-index a{display:inline-flex;align-items:center;min-height:44px}.home-media-slide.media-enter{animation:media-reveal 180ms ease-out}
@keyframes media-reveal{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.publication-visuals{grid-template-columns:1fr;gap:28px}.publication-overview{display:block}.publication-overview li+li{margin-top:6px}.publication-visuals .book-cover{transform:none}.home-media-slide{grid-template-columns:1fr;gap:24px}.home-media-image{min-height:0}.home-media-image img{height:340px;max-height:340px}.home-media-copy{max-width:65ch}.home-media-controls{justify-content:flex-start}.study-graphic{max-width:560px}.home-media-index ul{display:block}}
@media(max-width:480px){.study-graphic{padding:20px 16px}.publication-visuals .book-cover{width:calc(100% - 12px);padding:24px}.home-media-image{padding:12px}.home-media-image img{height:300px;max-height:300px}.home-media-copy h3{font-size:1.5rem}.home-media-slide{gap:20px}.study-countries{gap:8px}.study-graphic-topics{gap:8px 12px}.media-section .text-link{max-width:100%}}
@media(prefers-reduced-motion:reduce){.home-media-slide.media-enter{animation:none}}

/* At narrow effective viewports (including native browser zoom), long words
   must not establish the home grid's minimum width. Keep graphic text visible. */
@media(max-width:319px){
  html[data-page="home"] body{overflow-wrap:anywhere}
  html[data-page="home"] .hero-grid{grid-template-columns:minmax(0,1fr)}
  html[data-page="home"] .hero-copy{min-width:0}
  html[data-page="home"] .actions>*{min-width:0;max-width:100%}
  html[data-page="home"] .legal-visual{overflow:visible;padding:16px}
  html[data-page="home"] .visual-bottom{flex-direction:column}
  .study-countries{flex-direction:column;align-items:flex-start}
  .study-countries .study-connector{transform:rotate(90deg)}
  /* Reflow the complete cover as a reading card instead of stretching a book
     or shrinking its text to preserve a decorative aspect ratio. */
  .publication-visuals .book-cover{width:100%;max-width:none;aspect-ratio:auto;padding:16px 0;gap:16px;border-left:0;border-top:4px solid var(--blue);box-shadow:none;background:transparent;color:var(--navy);overflow-wrap:anywhere}
  .publication-visuals .book-cover h3{font-size:1.25rem;margin:0;color:var(--navy)}
  .publication-visuals .book-cover .cover-footer{color:var(--muted)}
  .publication-visuals .book-cover .cover-logo{background:var(--navy);padding:10px}
}

/* B-V01: give the complete association name its own line group at high zoom;
   keep language and menu controls together below it, with full-size text. */
@media(max-width:319px){
  .header-row{padding-block:8px}
  .header-row .brand{flex:1 1 100%;margin-right:0}
  .header-row .brand img{width:112px}
  .header-row .brand span{max-width:none;margin-top:4px;line-height:1.25;overflow-wrap:normal;word-break:normal}
  .header-row .language-switch{margin-left:0}
  .header-row .menu-toggle{width:auto}
}