/* Georgia Wood Char blog: right-hand rail on posts + card grid on /blog.
   New file on purpose: it does not touch gwc-blog.css or gwc-infographics.css rules.
   Colours use the shared variables (--white, --ash, --carbon, --muted, --clay, --sand), so opt-in dark mode (gwc-darkmode.css) re-maps them. */

/* ---------- post layout: article + sticky rail (desktop), stacked below the article (tablet and mobile) ----------
   Every page that loads this file is a blog page, so the shared report container is widened here (1200px of content, centered). */
.rp{--rp-max:1248px}
.gb-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.gb-layout>.cc-prose{min-width:0;max-width:none}
/* text keeps a comfortable line length (~70 characters); figures, photos, infographics and callouts use the full column */
.gb-layout>.cc-prose>:is(p,h2,h3,h4,ul,ol,dl,blockquote,.cc-myth){max-width:70ch}
.gb-layout>.cc-prose>:is(figure,.gi,.cos,.ph){max-width:100%}
.gb-rail{position:sticky;top:112px;display:grid;gap:18px;min-width:0}
.gb-box{background:var(--white,#fff);border:1px solid var(--ash,#D8D3C8);border-radius:18px;padding:18px}
.gb-eyebrow{margin:0 0 12px;font:600 .72rem/1.2 'Satoshi',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--clay,#B45A32)}
.gb-box a{text-decoration:none}

/* podcast episode */
.gb-ep__thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#101310}
.gb-ep__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.gb-ep--short .gb-ep__thumb img{object-position:center 22%}
.gb-ep__thumb:hover img{transform:scale(1.03)}
.gb-ep__play{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;display:grid;place-items:center;background:#B45A32;box-shadow:0 8px 20px rgba(0,0,0,.35),0 0 0 5px rgba(244,239,231,.22)}
.gb-ep__play svg{width:22px;height:22px;margin-left:3px;fill:#FAF7F1}
.gb-ep__chip{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:999px;font:600 .72rem/1.2 'Satoshi',system-ui,sans-serif;color:#FAF7F1;background:rgba(21,24,21,.78)}
.gb-ep__title{display:block;margin:14px 0 6px;font-family:'Fraunces',Georgia,serif;font-size:1.08rem;line-height:1.25;color:var(--carbon,#151815)}
.gb-ep__title:hover{color:var(--clay,#B45A32)}
.gb-ep__sub{margin:0 0 4px;font-size:.88rem;line-height:1.45;color:var(--muted,#6B665C)}
.gb-ep__sub a{color:var(--clay,#B45A32);font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}

/* related posts */
.gb-mini{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:8px 0;color:var(--carbon,#151815)}
.gb-mini+.gb-mini{border-top:1px solid var(--ash,#D8D3C8)}
.gb-mini img{display:block;width:96px;height:72px;object-fit:cover;border-radius:10px;background:var(--sand,#F4EFE7)}
.gb-mini__t{font-family:'Fraunces',Georgia,serif;font-size:1rem;line-height:1.25}
.gb-mini:hover .gb-mini__t{color:var(--clay,#B45A32)}

/* contact link */
.gb-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.gb-help__t{margin:0;font-family:'Fraunces',Georgia,serif;font-size:1.05rem;line-height:1.25;color:var(--carbon,#151815)}
.gb-help .btn{padding:10px 18px;font-size:.88rem;flex-shrink:0}

@media (max-width:1199px){.gb-layout{grid-template-columns:minmax(0,1fr) 300px;gap:40px}}
@media (max-width:1023px){
  .gb-layout{grid-template-columns:minmax(0,1fr);gap:40px}
  .gb-rail{position:static;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:720px}
  .gb-help{grid-column:1/-1}
}
@media (max-height:700px){.gb-rail{position:static}}
@media (prefers-reduced-motion:reduce){.gb-ep__thumb img{transition:none}}

/* ---------- /blog card grid: 3 columns desktop, 2 tablet, 1 mobile ---------- */
.research-list.gb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.gb-grid .research-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0;overflow:hidden;min-width:0}
.gb-post__img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sand,#F4EFE7)}
.gb-post__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.gb-grid .research-item:hover .gb-post__img img{transform:scale(1.03)}
.gb-post__body{flex:1;padding:20px 22px 6px}
.gb-post__body .rp-eyebrow{margin:0 0 8px}
.gb-grid .research-item h3{margin:0 0 8px;font-size:1.25rem;line-height:1.25}
.gb-grid .research-item h3 a{color:inherit;text-decoration:none}
.gb-grid .research-item h3 a:hover{color:var(--clay,#B45A32)}
.gb-grid .research-item .gb-post__body p:last-child{font-size:.95rem;line-height:1.55}
.gb-grid .research-item>.btn{align-self:flex-start;margin:14px 22px 22px;padding:10px 18px;font-size:.88rem;flex-shrink:0}
@media (max-width:1023px){.research-list.gb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media (max-width:640px){
  .research-list.gb-grid{grid-template-columns:minmax(0,1fr);justify-items:center}
  /* /blog on phones: centered heading, centered cards with even side margins, centered card text */
  .gb-archive .rp-hero .rp-wrap>div{text-align:center}
  .gb-archive .rp-hero .rp-answer{margin-left:auto;margin-right:auto}
  .gb-grid .research-item{width:100%;max-width:460px;margin:0 auto;text-align:center}
  .gb-grid .research-item>.btn{align-self:center}
}
@media (prefers-reduced-motion:reduce){.gb-post__img img{transition:none}}

/* Four-card infographic groups: an even 2x2 (equal cards, centered) instead of 3 + 1 orphan; one column on phones */
#gi-p2-sources .gi-grid,#gi-p3-jobs .gi-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;max-width:720px;margin-left:auto;margin-right:auto}
@media (max-width:480px){#gi-p2-sources .gi-grid,#gi-p3-jobs .gi-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}}