/*
MatthewPye.eu
theme.css
Version: 2.4.5
Date: 2026-06-03

Change History
--------------
v2.4.5
- Added My Videos navigation button at the right-hand end of the menu bar.
- Changed My Books menu button from red to the Speaker-page green.
- Added blue My Videos menu button and Video Library page styling.

v2.4.2
- Replaced the OECD Education Webinar stripe with the new climate webinar stripe.
- Used assets/images/speaker-webinar.png with full-image display rather than cropping.
- Swapped ZEG June 2024 to image-left, text-right layout.
- Kept video play-button overlays on linked video thumbnails.

v2.4
- Updated Speaker page with redesigned Bengaluru video layout and overlay link.
- Added OECD Education Webinar stripe with video overlay, YouTube thumbnail and text.
- Added video overlay/link styling for Biosfera.
- Bolded ZEG speaker names and tightened Speaker video-card presentation.

v2.3.7
- Redesigned the Climate Academy Student Book section so the text wraps around the book image.
- Aligned the book image to the right page margin and started the text at the top of the image.

v2.3.6
- Widened the Climate Academy Student Book text column to use the left half of the page.
- Removed the old narrow preview grid constraint so the text aligns with the main page geometry.

v2.3.5
- Aligned the Speaker Eurasia image and Author book image to the page centre line.
- Set the Eurasia subtitle gap to 6px.

v2.3.4
- Set the Speaker panel image flush to the left edge of the main content column.
- Reduced the space between the Eurasia Media Forum title and Green Strategy subtitle to 6px.

v2.3.3
- Reduced Speaker panel left offset so the Eurasia image aligns with the hero image above.
- Tightened the Green Strategy caption spacing by 6px.

v2.3.2
- Aligned the Eurasia image with the left edge of the hero image above.

v2.3.1
- Restored Speaker section top spacing to original 72px.
- Kept blue-stage Eurasia Media Forum image.
- Expanded Eurasia image to full column width.
- Reduced spacing under “Eurasia Media Forum – Kazakhstan”.

v2.3
- Speaker section alignment improvements.
- Eurasia caption styling.
- Speaker typography consistency.
*/

:root{--cream:#fbf1ec;--grey:#f5f5f5;--ink:#111;--aqua:#70c2cf;--red:#f1534f;--blue:#68bdca;--soft:#eecdb7;--max:1280px;--font-heading:Inter,Avenir Next,Helvetica,Arial,sans-serif;--font-body:Georgia,Times,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 var(--font-body);background:#fff}img{max-width:100%;display:block}.site-header{min-height:74px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:34px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 12px rgba(0,0,0,.06);font-family:var(--font-heading)}.brand{font-size:25px;font-weight:800;text-decoration:none}.site-nav{display:flex;align-items:center;gap:30px;font-weight:800;font-size:17px}.site-nav a{text-decoration:none}.nav-button{background:var(--red);color:#fff;padding:13px 21px}.split{display:grid;grid-template-columns:1fr 1fr;max-width:var(--max);margin:0 auto}.panel{min-height:420px;padding:70px 56px}.panel-cream{background:var(--cream)}.panel-grey{background:var(--grey)}.panel-white{background:#fff}.kicker{margin:0 0 24px;color:var(--aqua);font:850 15px/1 var(--font-heading);text-transform:uppercase;letter-spacing:.18em}h1,h2,h3{font-family:var(--font-heading);line-height:1.12;margin:0 0 28px}h1{font-size:clamp(38px,4vw,56px)}h2{font-size:clamp(34px,3.6vw,48px)}h3{font-size:30px}.signature{width:220px;margin:28px 70px 0 auto}.video-tile{position:relative;min-height:440px;overflow:hidden;background:#111;text-decoration:none}.video-tile img{width:100%;height:100%;min-height:440px;object-fit:cover}.play-button{position:absolute;left:50%;top:50%;width:86px;height:86px;transform:translate(-50%,-50%);background:var(--aqua);border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.18)}.play-button:after{content:"";position:absolute;left:35px;top:26px;border-left:25px solid #fff;border-top:17px solid transparent;border-bottom:17px solid transparent}.speaker .panel{min-height:360px;padding-top:72px}.youtube-card{display:block;max-width:500px;min-height:270px;color:#fff;text-decoration:none;position:relative;background:#222}.youtube-placeholder{min-height:270px;padding:24px;font:800 25px var(--font-heading);background:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.35)),url("../images/hero-video-thumb.jpg") center/cover no-repeat}.youtube-placeholder span{font-size:19px;font-weight:500}.youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f00;border-radius:16px;width:96px;height:66px}.youtube-play:after{content:"";position:absolute;left:39px;top:17px;border-left:25px solid white;border-top:17px solid transparent;border-bottom:17px solid transparent}.caption{margin:12px 0 0;color:#666;font:14px var(--font-heading)}.speaker-copy{display:flex;flex-direction:column;justify-content:center}.speaker-copy p{color:#666;font-size:18px}.publication .panel{min-height:520px;display:flex;flex-direction:column;justify-content:center}.book-image{width:560px}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 28px;min-height:50px;border-radius:3px;font:800 16px var(--font-heading);text-decoration:none;border:2px solid transparent;margin-top:15px}.button-dark{background:#111;color:#fff}.button-outline{background:#fff;color:#111;border-color:#111}.button-red{background:var(--red);color:#fff}.button-blue{background:var(--blue);color:#fff}.button-soft{background:var(--soft);color:#fff}.buy-section{padding:76px 40px 66px;max-width:var(--max);margin:0 auto}.narrow{max-width:620px;margin-left:56px}.button.wide{width:100%;justify-content:flex-start;padding-left:32px;margin:10px 0}.newsletter .panel{min-height:520px}.panel-image{padding:0;overflow:hidden;background:#ddd}.panel-image img{width:100%;height:100%;object-fit:cover}.newsletter-form{margin-top:34px;font-family:var(--font-heading);max-width:630px}.check-row{display:flex;gap:12px;color:#666;font-size:14px;margin-bottom:10px}.check-row input{width:17px;height:17px;accent-color:#555}.email-row{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.email-row input{min-height:64px;border:1px solid #777;border-radius:6px;padding:0 22px;font:20px var(--font-heading)}.email-row button{min-height:64px;border:0;border-radius:6px;background:var(--red);color:#fff;font:800 18px var(--font-heading);cursor:pointer}.terms-link{display:inline-block;margin-top:25px;color:#666;text-decoration:none;font-size:15px}.footer-cards{max-width:var(--max);margin:0 auto 80px;padding:78px 72px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:88px;background:#fff}.card-icon{font:200 54px var(--font-heading);line-height:1;margin-bottom:22px}.card-icon.soft{color:#f0d2bf}.card-icon.blue{color:var(--blue)}.card-icon.red{color:var(--red)}.card p{min-height:105px}.cookie-banner{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);width:min(1160px,calc(100vw - 50px));display:grid;grid-template-columns:40px 1fr auto;gap:22px;align-items:center;padding:18px 24px;background:#69c0ce;color:#14262a;border-radius:6px;box-shadow:0 0 28px rgba(0,0,0,.28);z-index:50}.cookie-banner p{margin:0}.cookie-banner a{color:#e35654}.cookie-banner button{border:0;background:#111;color:#fff;border-radius:3px;padding:13px 22px;font:800 16px var(--font-heading);cursor:pointer}.lock{color:#e35654;font-size:28px}.cookie-banner.is-hidden{display:none}@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column;padding:20px 24px}.site-nav{flex-wrap:wrap;gap:16px 24px}.split{grid-template-columns:1fr}.panel{min-height:auto;padding:46px 28px}.video-tile,.video-tile img{min-height:300px}.narrow{margin-left:0}.footer-cards{grid-template-columns:1fr;padding:48px 28px;gap:48px}.email-row{grid-template-columns:1fr}.cookie-banner{grid-template-columns:1fr}}

/* v1.2 refinements requested: lighter menu/buttons, black menu links, correct speaker thumbnail image */
.site-header,
.site-nav,
.button,
.email-row button,
.cookie-banner button {
  font-weight: 500 !important;
}

.brand {
  color: #111 !important;
  font-weight: 650 !important;
}

.site-nav a,
.site-nav a:visited,
.site-nav a:hover {
  color: #111 !important;
}

.site-nav .nav-button,
.site-nav .nav-button:visited,
.site-nav .nav-button:hover {
  color: #fff !important;
  font-weight: 500 !important;
}

.youtube-card {
  background: #fff;
  min-height: auto;
}

.youtube-card img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.button,
.nav-button,
.email-row button {
  letter-spacing: 0.01em;
}


/* v1.3 footer stripe and newsletter terms refinements */
.video-link {
  margin-top: 4px;
  font: 14px/1.4 var(--font-heading);
}

.video-link a {
  color: #111;
  text-decoration: underline;
}

.bottom-bars {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 110px;
  background: url("../images/long-bars.gif") left bottom repeat-x;
  background-size: auto 90px;
  z-index: 45;
  pointer-events: none;
}

.cookie-banner {
  bottom: 28px !important;
  z-index: 50 !important;
}

.bottom-bars.is-hidden {
  display: none;
}

.terms-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 70px 32px;
}

.terms-page h1 {
  font-size: 44px;
}

.terms-page p {
  font-size: 20px;
}

.page-author .site-nav a[href="author.html"]{color:var(--aqua)!important}.author-hero .panel p{max-width:600px}.dark-image{background:#111}.dark-image img{object-position:center}.ncs-section{max-width:var(--max);margin:0 auto;padding:78px 72px 70px;background:#fff}.ncs-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:74px;align-items:start}.ncs-grid h2{font-size:30px;line-height:1.18}.ncs-grid p{color:#666}.red-kicker{color:var(--red)}.ncs-logo{width:120px;margin-top:58px}.author-publication .image-flush{padding:0;background:#ee3b31;overflow:hidden}.author-publication .image-flush img{width:100%;height:100%;object-fit:cover}.testimonials{max-width:var(--max);margin:0 auto;padding:84px 72px 92px;background:var(--cream)}.center{text-align:center}.testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,420px));justify-content:center;gap:110px;margin-top:38px}.testimonial-img{width:74px;height:74px;border-radius:50%;object-fit:cover;margin:0 auto 28px}.testimonial blockquote{margin:0 0 28px;font:700 23px/1.35 var(--font-heading)}.testimonial p{font-family:var(--font-heading);font-size:14px}.testimonial span{color:var(--red)}@media(max-width:900px){.ncs-section,.testimonials{padding:48px 28px}.ncs-grid,.testimonial-grid{grid-template-columns:1fr;gap:36px}}


/* v1.5 — Warming stripes must appear once only, stretched across the whole viewport */
.bottom-bars {
  background-image: url("../images/long-bars.gif") !important;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-size: 100% 90px !important;
}

/* v1.6 — Speaker page rebuilt from archived screenshots */
.page-speaker .site-nav a[href="speaker.html"]{color:var(--aqua)!important}.speaker-page{font-family:var(--font-body)}.page-title{max-width:var(--max);margin:0 auto;padding:86px 18px 24px}.page-title h1{font-size:40px;margin:0}.speaker-band{padding:74px 30px;background:#fff}.speaker-band-cream{background:var(--cream)}.speaker-band-grey{background:var(--grey)}.speaker-feature{max-width:930px;margin:0 auto;display:grid;gap:24px;align-items:center}.speaker-feature h2{grid-column:1/-1;margin:0;color:var(--aqua);font-size:24px}.speaker-feature img{width:100%;height:auto}.speaker-feature-two{grid-template-columns:1fr 1fr}.speaker-feature-three{grid-template-columns:1fr 1fr 1fr;max-width:940px}.speaker-feature-wide{display:block}.speaker-card{background:rgba(255,255,255,.55);padding:34px 34px;min-height:220px;text-align:center}.speaker-card h3{color:#57c97a;font-size:24px;margin-bottom:22px}.speaker-card p{font:16px/1.5 var(--font-heading);margin:0}.speaker-card .button{margin-top:24px}.speaker-card-wide{padding:24px;background:#fff;text-align:center}.speaker-card-wide p{text-align:left;color:var(--aqua);font-size:13px;margin-bottom:18px}.speaker-card-wide img{border-radius:8px}.speaker-card-centre{min-height:195px}.media-placeholder{min-height:165px;background:#222;color:#fff;display:flex;align-items:center;justify-content:center;font:700 17px var(--font-heading);text-align:center}.podcast-tile{text-align:center}.podcast-tile img{max-width:240px;margin:0 auto}.podcast-tile.wide-image img{max-width:100%}.audio-bar{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px auto 0;font:14px var(--font-heading)}.audio-bar i{display:block;width:70px;height:7px;background:#ffb8bd;border-radius:999px}.audio-bar i:last-child{background:var(--red)}.speaker-figure{margin:0;text-align:center}.speaker-figure img{max-width:330px;margin:0 auto}.speaker-figure figcaption{margin-top:18px;font:14px var(--font-heading)}.speaker-quote-card{text-align:left}.video-thumb{position:relative;display:block;background:#111}.video-thumb img{aspect-ratio:16/9;object-fit:cover}.video-thumb .play-button{width:70px;height:70px}.video-thumb .play-button:after{left:29px;top:21px;border-left-width:22px;border-top-width:14px;border-bottom-width:14px}@media(max-width:900px){.page-title{padding:48px 28px 18px}.speaker-band{padding:44px 28px}.speaker-feature-two,.speaker-feature-three{grid-template-columns:1fr}.speaker-card{text-align:left;padding:28px}.speaker-card h3{text-align:left}.speaker-card-wide p{text-align:left}}

/* v1.7 — Teacher page rebuilt from archived screenshots; shared copyright footer */
.page-teacher .site-nav a[href="teacher.html"]{color:var(--aqua)!important}.teacher-hero{display:grid;grid-template-columns:1fr 1fr;max-width:var(--max);margin:0 auto;background:var(--cream)}.teacher-hero-copy{padding:105px 68px 80px}.teacher-hero-copy h1{font-size:40px;line-height:1.15;margin-bottom:24px}.teacher-hero-copy p{max-width:610px}.teacher-hero-image{overflow:hidden}.teacher-hero-image img{width:100%;height:100%;object-fit:cover}.teacher-philosophy{max-width:var(--max);margin:0 auto;padding:42px 68px 78px;background:#fff}.teacher-section-kicker{text-align:center;color:var(--red);font:800 13px var(--font-heading);text-transform:uppercase;letter-spacing:.12em;margin-bottom:46px}.teacher-two-col{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:start}.teacher-diagram{max-width:520px;margin:0 auto}.teacher-two-col h2{font-size:30px;margin-top:36px}.teacher-two-col p{color:#666}.teacher-academy .panel{min-height:430px;display:flex;flex-direction:column;justify-content:center}.teacher-academy .panel-image{padding:0}.teacher-academy .panel-image img{width:100%;height:100%;object-fit:cover}.red-kicker{color:var(--red)!important}.gold-kicker{color:#e6bf43!important}.schola-section{max-width:var(--max);margin:0 auto;padding:70px 72px 92px;background:#fff}.schola-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:86px;align-items:start}.schola-grid h2{font-size:29px;line-height:1.35}.schola-grid p{color:#666}.schola-logo{width:230px;margin-top:70px}.site-footer{max-width:var(--max);margin:0 auto;padding:0 24px 132px;text-align:center;color:#888;font:14px var(--font-body);background:#fff}.site-footer a{color:var(--aqua);text-decoration:none}@media(max-width:900px){.teacher-hero,.teacher-two-col,.schola-grid{grid-template-columns:1fr}.teacher-hero-copy,.teacher-philosophy,.schola-section{padding:44px 28px}.teacher-two-col,.schola-grid{gap:34px}.site-footer{padding-bottom:120px}}

/* v1.8 — Thought Leader page rebuilt from archived screenshots */
.page-thought-leader .site-nav a[href="thought-leader.html"]{color:var(--aqua)!important}.thought-hero{display:grid;grid-template-columns:1fr 1fr;max-width:var(--max);margin:0 auto;background:var(--cream)}.thought-hero-copy{padding:122px 52px 92px}.thought-hero-copy h1{font-size:42px;line-height:1.18;margin-bottom:28px}.thought-hero-copy p{max-width:640px}.thought-hero-image{overflow:hidden}.thought-hero-image img{width:100%;height:100%;object-fit:cover}.renaissance-section{max-width:var(--max);margin:0 auto;padding:70px 72px 66px;background:#fff}.renaissance-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:76px;align-items:start}.renaissance-grid h2{font-size:30px}.renaissance-grid p{color:#666}.aqua-kicker{color:var(--aqua)!important}.teal-kicker{color:#26565f!important}.thought-signature{width:150px;margin:28px auto 0}.booking-section{max-width:var(--max);margin:0 auto;padding:70px 72px 78px;background:var(--cream)}.booking-intro{display:grid;grid-template-columns:.75fr 1.6fr;gap:70px;align-items:start}.booking-intro h2{font-size:30px;line-height:1.25}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:44px 24px 52px}.service-cards article{border:2px solid var(--aqua);border-radius:5px;min-height:190px;text-align:center;padding:28px 22px;background:rgba(255,255,255,.16)}.service-icon{font:900 42px/1 var(--font-heading);color:var(--red);height:48px;margin-bottom:18px;letter-spacing:-.28em}.service-cards h3{font-size:21px;margin-bottom:16px}.service-cards p{color:#777;font-size:15px;line-height:1.55;margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:start;margin:0 24px}.contact-copy h2{font-size:30px;line-height:1.25}.contact-copy a{color:var(--aqua);text-decoration:none}.inquiry-form{display:grid;gap:12px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:1px solid #ddd;border-radius:4px;background:#fff;padding:13px 18px;font:15px var(--font-heading);color:#777}.inquiry-form textarea{min-height:118px;resize:vertical}.inquiry-form button{justify-self:start;border:0;border-radius:5px;background:var(--red);color:#fff;text-transform:uppercase;padding:16px 44px;font:800 14px var(--font-heading);cursor:pointer}.gelre-section{max-width:var(--max);margin:0 auto;padding:72px 72px 54px;background:#fff}.gelre-grid{display:grid;grid-template-columns:1.1fr .85fr .95fr;gap:78px;align-items:start}.gelre-grid h2{font-size:30px}.gelre-grid p{color:#666}.gelre-logo-wrap{padding-top:34px}.gelre-logo-wrap img{max-width:290px}@media(max-width:900px){.thought-hero,.renaissance-grid,.booking-intro,.service-cards,.contact-grid,.gelre-grid{grid-template-columns:1fr}.thought-hero-copy,.renaissance-section,.booking-section,.gelre-section{padding:44px 28px}.service-cards,.contact-grid{margin-left:0;margin-right:0}.service-icon{letter-spacing:0}.thought-hero-copy h1{font-size:36px}}

/* v1.9 — Contact page rebuilt from archived screenshots; Subscribe and No Common Sense stripes intentionally omitted */
.page-contact .site-nav a[href="contact.html"]{color:var(--aqua)!important}.contact-main-section{max-width:var(--max);margin:0 auto;background:var(--cream);padding:70px 72px 76px}.contact-main-grid{display:grid;grid-template-columns:.85fr 1.25fr;gap:90px;align-items:start;max-width:920px;margin:0 auto}.contact-heading-block h1{font-size:34px;line-height:1.12;margin-bottom:88px}.contact-email a{color:var(--aqua);text-decoration:none}.contact-form{display:grid;gap:12px;padding-top:14px}.contact-form input,.contact-form textarea{width:100%;border:0;background:#fff;border-radius:3px;padding:14px 18px;font:15px var(--font-heading);color:#777;box-shadow:0 1px 0 rgba(0,0,0,.03)}.contact-form textarea{min-height:120px;resize:vertical}.contact-form button{justify-self:start;min-width:230px;border:0;border-radius:5px;background:var(--red);color:#fff;padding:16px 30px;font:800 15px var(--font-heading);cursor:pointer}.contact-footer-cards{padding-top:92px}@media(max-width:900px){.contact-main-section{padding:44px 28px}.contact-main-grid{grid-template-columns:1fr;gap:32px}.contact-heading-block h1{margin-bottom:28px}.contact-form button{width:100%}}

/* v2.0 — Home menu item, My Books label, three author testimonials, and compact page title kickers */
.site-nav a[href="index.html"]{color:inherit}.page-teacher .site-nav a[href="index.html"],.page-author .site-nav a[href="index.html"],.page-speaker .site-nav a[href="index.html"],.page-thought-leader .site-nav a[href="index.html"],.page-contact .site-nav a[href="index.html"]{color:inherit!important}body:not([class]) .site-nav a[href="index.html"]{color:var(--aqua)!important}.site-nav .nav-button[href="my-books.html"]{color:#fff!important}.testimonial-grid{grid-template-columns:repeat(3,minmax(220px,340px));gap:58px}.testimonial-img{width:96px;height:96px}.compact-title{padding:34px 18px 20px}.page-title .kicker{margin-bottom:14px}.teacher-hero-copy .kicker,.thought-hero-copy .kicker,.author-hero .kicker{margin-bottom:24px}@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr}.compact-title{padding:34px 28px 18px}}
.page-my-books .site-nav a[href="my-books.html"]{color:#fff!important}


/* v2.1 — tighten footer-to-warming-stripes spacing, rebuild My Books, and move Speaker title into first stripe */
.bottom-bars{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  height:90px!important;
  background-image:url("../images/long-bars.gif")!important;
  background-repeat:no-repeat!important;
  background-position:left bottom!important;
  background-size:100% 90px!important;
  z-index:auto!important;
}
.footer-cards{margin-bottom:0!important;padding-bottom:30px!important;}
.site-footer{padding:14px 24px 18px!important;}
.contact-footer-cards{padding-top:70px!important;}
.speaker-first-band{padding-top:54px!important;}
.speaker-page-kicker{grid-column:1/-1;margin:0 0 10px!important;}
.page-my-books .site-nav a[href="my-books.html"]{color:#fff!important}.page-my-books .nav-button{background:var(--red);color:#fff!important}.my-books-hero{display:grid;grid-template-columns:1fr 1.35fr;max-width:var(--max);margin:0 auto;background:var(--cream)}.my-books-hero-copy{padding:112px 58px 84px;display:flex;flex-direction:column;justify-content:center}.my-books-hero-copy h1{font-size:34px;color:var(--red);line-height:1.15}.my-books-hero-copy .signature{margin:28px auto 0;width:155px}.my-books-hero-image{position:relative;overflow:hidden;background:var(--cream);display:flex;align-items:center;justify-content:center}.my-books-hero-image img{width:100%;height:100%;object-fit:contain}.my-books-hero-image .play-button{width:72px;height:72px}.my-books-hero-image .play-button:after{left:30px;top:22px;border-left-width:20px;border-top-width:14px;border-bottom-width:14px}.my-books-buy-section{max-width:var(--max);margin:0 auto;background:var(--cream);padding:76px 44px}.my-books-buy-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}.my-books-buy-grid h2{color:var(--red);font-size:34px}.my-books-buy-grid p{color:#333}.preview-book-stripe{max-width:var(--max);margin:0 auto;background:#fff;min-height:430px;padding:70px 30px}.preview-book-stripe .kicker{margin:0}@media(max-width:900px){.my-books-hero,.my-books-buy-grid{grid-template-columns:1fr}.my-books-hero-copy,.my-books-buy-section{padding:44px 28px}.preview-book-stripe{min-height:260px}.footer-cards{padding-bottom:24px!important}}

/* v2.2 — My Books image/title adjustments */
.page-my-books .red-kicker{color:var(--aqua)!important}
.page-my-books .my-books-hero-copy h1,
.page-my-books .my-books-buy-grid h2{color:var(--aqua)!important}
.preview-book-stripe{min-height:420px;padding:64px 44px 72px}
.preview-book-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;max-width:980px;margin:0 auto}
.preview-book-copy .kicker{text-align:left;margin-bottom:32px}
.preview-description-spacer{min-height:180px}
.preview-book-image{display:flex;justify-content:flex-end}
.preview-book-image img{max-width:310px;width:100%;height:auto;box-shadow:0 9px 28px rgba(0,0,0,.18);background:#fff}
@media(max-width:900px){.preview-book-grid{grid-template-columns:1fr;gap:28px}.preview-book-image{justify-content:flex-start}.preview-book-image img{max-width:240px}.preview-description-spacer{min-height:80px}}


/* v2.3 Speaker section refinements */
.caption{
    margin:14px 0 0;
    color:#444;
    font-family:var(--font-heading);
    font-size:18px;
    line-height:1.35;
}
.caption strong{
    display:block;
    font-size:22px;
    color:#111;
    margin-bottom:2px;
}
.speaker-copy p{
    color:#444;
    font-size:18px;
    line-height:1.7;
}

/* v2.3.1 Speaker spacing and Eurasia image width */
.speaker .panel{padding-top:72px!important;}
.speaker .youtube-card{
    max-width:none!important;
    width:100%!important;
}
.speaker .youtube-card img{
    width:100%!important;
    height:auto;
}


/* v2.3.2 — align Eurasia image with hero image left edge */
.speaker .panel:first-child{
    padding-left:0!important;
}
.speaker .panel:first-child .kicker,
.speaker .panel:first-child .caption{
    margin-left:0!important;
}
@media(max-width:900px){
    .speaker .panel:first-child{
        padding-left:0!important;
        padding-right:28px!important;
    }
}

/* v2.3.3 — final Speaker image alignment and tighter caption spacing */
.speaker .panel:first-child{
    padding-left:32px!important;
}
.speaker .panel:first-child .kicker,
.speaker .panel:first-child .caption{
    margin-left:0!important;
}
.speaker .caption{
    margin-top:8px!important;
}
.speaker .caption strong{
    margin-bottom:0!important;
}
@media(max-width:900px){
    .speaker .panel:first-child{
        padding-left:28px!important;
        padding-right:28px!important;
    }
}

/* v2.3.4 — Speaker image column alignment and 6px Eurasia subtitle spacing */
.speaker .panel:first-child{
    padding-left:0!important;
}

.speaker .panel:first-child .kicker,
.speaker .panel:first-child .caption{
    margin-left:0!important;
}

.speaker .youtube-card{
    max-width:none!important;
    width:100%!important;
}

.speaker .youtube-card img{
    width:100%!important;
    height:auto!important;
    display:block!important;
}

.speaker .caption{
    margin-top:8px!important;
    line-height:1.25!important;
}

.speaker .caption strong{
    display:block!important;
    margin-bottom:6px!important;
    line-height:1.1!important;
}

.speaker .caption br{
    display:none!important;
}

@media(max-width:900px){
    .speaker .panel:first-child{
        padding-left:28px!important;
        padding-right:28px!important;
    }
}



/* v2.3.5 — align left-column media to the page centre line */
.speaker .panel:first-child,
.publication .panel:first-child{
    padding-left:0!important;
    padding-right:0!important;
}

.speaker .youtube-card,
.publication .book-image{
    max-width:none!important;
    width:100%!important;
}

.speaker .youtube-card img,
.publication .book-image{
    width:100%!important;
    height:auto!important;
    display:block!important;
}

.speaker .panel:first-child .kicker,
.speaker .panel:first-child .caption,
.publication .panel:first-child .kicker{
    margin-left:0!important;
}

.speaker .caption{
    margin-top:6px!important;
}

.speaker .caption strong{
    margin-bottom:0!important;
}

@media(max-width:900px){
    .speaker .panel:first-child,
    .publication .panel:first-child{
        padding-left:28px!important;
        padding-right:28px!important;
    }
}


/* v2.3.6 — widen Climate Academy Student Book text area */
.preview-book-grid{
    max-width:none!important;
    width:100%!important;
    grid-template-columns:1fr 1fr!important;
    gap:48px!important;
}

.preview-book-copy{
    max-width:none!important;
}

.preview-book-copy p:not(.kicker){
    max-width:none!important;
}

@media(max-width:900px){
    .preview-book-grid{
        grid-template-columns:1fr!important;
        gap:28px!important;
    }
}


/* v2.3.7 — redesign Climate Academy Student Book section with text wrapping the image */
.preview-book-stripe{
    max-width:var(--max)!important;
    margin:0 auto!important;
    padding:64px 40px 72px!important;
    background:#fff!important;
    min-height:0!important;
}

.preview-book-grid{
    display:block!important;
    max-width:none!important;
    width:100%!important;
    margin:0!important;
}

.preview-book-copy{
    max-width:none!important;
    width:100%!important;
}

.preview-book-copy .kicker{
    margin:0 0 30px!important;
    text-align:left!important;
}

.preview-book-image{
    display:block!important;
    float:right!important;
    width:330px!important;
    max-width:34%!important;
    margin:62px 0 34px 64px!important;
}

.preview-book-image img{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    display:block!important;
    box-shadow:0 9px 28px rgba(0,0,0,.18)!important;
    background:#fff!important;
}

.preview-book-copy::after{
    content:"";
    display:block;
    clear:both;
}

@media(max-width:900px){
    .preview-book-stripe{
        padding:44px 28px 52px!important;
    }
    .preview-book-image{
        float:none!important;
        width:260px!important;
        max-width:100%!important;
        margin:0 0 28px 0!important;
    }
}


/* v2.4 — Speaker page video overlays, Bengaluru redesign, OECD webinar stripe, ZEG name emphasis */
.speaker-section-heading{
    grid-column:1/-1;
}
.speaker-section-heading h2{
    margin:0!important;
}
.speaker-feature-bengaluru,
.speaker-feature-oecd{
    align-items:stretch;
}
.speaker-video-card{
    width:100%;
    height:100%;
    min-height:260px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.speaker-video-card img{
    width:100%!important;
    height:100%!important;
    min-height:260px;
    object-fit:cover;
    display:block;
}
.speaker-card-left{
    text-align:left!important;
}
.speaker-card-left h3{
    text-align:left!important;
}
.speaker-card-left p{
    font-size:17px;
    line-height:1.6;
}
.speaker-card strong,
.speaker-figure figcaption strong{
    font-weight:800;
}
.speaker-oecd-band{
    background:#f5f5f5!important;
}
.video-thumb:focus-visible{
    outline:3px solid var(--aqua);
    outline-offset:4px;
}
@media(max-width:900px){
    .speaker-video-card,
    .speaker-video-card img{
        min-height:220px;
    }
}


/* v2.4.2 — full-image display for OECD climate webinar tile */
.speaker-feature-webinar{
    align-items:stretch;
}

.speaker-webinar-card{
    background:#fff!important;
}

.speaker-webinar-card img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    display:block!important;
}

.speaker-webinar-card .play-button{
    z-index:2;
}


/* v2.4.3 — remove empty white space under webinar image */
.speaker-feature-webinar{
    align-items:start !important;
}
.speaker-webinar-card{
    height:auto !important;
    min-height:0 !important;
    align-self:start !important;
}
.speaker-webinar-card img{
    height:auto !important;
}


/* v2.4.4 — centre webinar image against text block and proper ZEG topic spacing */
.speaker-feature-webinar{
    align-items:center !important;
}

.speaker-webinar-card{
    align-self:center !important;
}

.zeg-topic-gap{
    height:28px;
}


/* v2.4.5 — My Videos navigation and page styling */
.site-nav .nav-books-button,
.site-nav .nav-books-button:visited,
.site-nav .nav-books-button:hover{
  background:#57c97a!important;
  color:#fff!important;
}

.site-nav .nav-videos-button,
.site-nav .nav-videos-button:visited,
.site-nav .nav-videos-button:hover{
  background:var(--blue)!important;
  color:#fff!important;
}

.page-my-books .site-nav a[href="my-books.html"]{
  color:#fff!important;
}

.page-my-videos .site-nav a[href="my-videos.html"]{
  color:#fff!important;
}

.video-library-hero{
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:40px;
  align-items:stretch;
  background:var(--cream);
  padding:76px 72px;
}

.video-library-hero-copy,
.video-library-hero-card{
  background:#fff;
  padding:44px 48px;
}

.video-library-hero-copy h1{
  color:var(--blue);
  font-size:clamp(38px,4vw,58px);
  margin-bottom:20px;
}

.video-library-hero-copy p,
.video-library-hero-card p{
  font-size:20px;
  color:#444;
}

.video-library-hero-card{
  border:8px solid var(--blue);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.video-library-hero-card h2{
  color:#57c97a;
  font-size:34px;
}

.video-library-section{
  max-width:var(--max);
  margin:0 auto;
  padding:70px 72px;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:54px;
  background:#fff;
  border-top:1px solid rgba(0,0,0,.05);
}

.video-library-section:nth-of-type(even){
  background:var(--grey);
}

.video-library-section-intro h2{
  color:#57c97a;
  font-size:30px;
}

.video-library-section-intro p{
  color:#444;
}

.video-library-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-content:start;
}

.video-library-group{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(112,194,207,.35);
  padding:24px;
  box-shadow:0 8px 20px rgba(0,0,0,.04);
}

.video-library-group h3{
  color:var(--blue);
  font-size:22px;
  margin-bottom:18px;
}

.video-library-links{
  display:grid;
  gap:10px;
}

.video-library-link{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:center;
  color:#111;
  text-decoration:none;
  font:16px/1.35 var(--font-heading);
  padding:9px 0;
  border-bottom:1px solid rgba(0,0,0,.06);
}

.video-library-link:hover span:last-child{
  text-decoration:underline;
}

.video-library-play{
  width:30px;
  height:30px;
  border-radius:50%;
  background:var(--blue);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  padding-left:2px;
}

@media(max-width:900px){
  .video-library-hero,
  .video-library-section{
    grid-template-columns:1fr;
    padding:44px 28px;
  }
  .video-library-groups{
    grid-template-columns:1fr;
  }
  .video-library-hero-copy,
  .video-library-hero-card{
    padding:32px 28px;
  }
}


/* v2.4.6 GDPR terms links */
.terms-highlight{
  color:var(--aqua);
  text-decoration:underline;
}

.terms-link{
  color:#666;
}

.terms-reference{
  text-align:center;
  margin-top:18px;
  font-size:0.95rem;
  font-family:var(--font-heading);
}

.terms-reference a{
  color:var(--aqua);
  text-decoration:underline;
}
