.review-hub{background:#fffdf9}
.review-hub .review-hero{padding:68px 0 72px;background:linear-gradient(125deg,#061b35 0%,#0c2f50 58%,#123a55 100%);color:#fff;position:relative;overflow:hidden}
.review-hub .review-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-170px;top:-210px;border:1px solid rgba(207,154,44,.35);box-shadow:0 0 0 75px rgba(207,154,44,.05),0 0 0 150px rgba(207,154,44,.035)}
.review-hub .review-hero .container{position:relative;z-index:2}.review-lockup{max-width:860px;margin-bottom:42px}.review-lockup .kicker{color:#efc15a}.review-lockup h1{color:#fff;font-size:clamp(2.8rem,5vw,5.1rem);letter-spacing:-.035em;margin:8px 0 18px}.review-lockup h1 em{color:#efc15a;font-weight:400}.review-lockup .lead{color:#e6edf2;max-width:800px;font-size:1.14rem}
.current-issue{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:52px;align-items:center}.issue-cover{position:relative;max-width:430px}.issue-cover img{width:100%;border:1px solid rgba(255,255,255,.24);box-shadow:0 24px 65px rgba(0,0,0,.32)}.issue-cover:after{content:"ISSUE 01";position:absolute;right:-18px;bottom:20px;background:#cf9a2c;color:#061b35;font-weight:900;letter-spacing:.12em;font-size:.74rem;padding:9px 12px}
.issue-copy .kicker{color:#efc15a}.issue-copy h2{color:#fff;font-size:clamp(2.2rem,3.4vw,3.7rem);max-width:760px;margin:7px 0 16px}.issue-copy p{max-width:700px;color:#dce6ec;font-size:1.06rem}.issue-meta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.issue-meta span{border:1px solid rgba(239,193,90,.45);padding:7px 10px;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase}.review-hub .review-hero .secondary{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}.review-hub .review-hero .primary{background:#cf9a2c;color:#061b35}
.review-intro{padding:72px 0;background:#fff}.review-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.review-intro h2{font-size:clamp(2rem,3vw,3rem)}.editorial-promise{font-family:Georgia,serif;font-size:1.3rem;line-height:1.6;color:#334857;border-left:4px solid #cf9a2c;padding-left:24px}
.highlights{padding:68px 0;background:#f7f2e8}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.highlight-card{background:#fff;border-top:4px solid #cf9a2c;padding:25px 24px;box-shadow:0 14px 35px rgba(18,58,85,.07);text-decoration:none}.highlight-card span{font-size:.72rem;letter-spacing:.13em;color:#9a6b17;font-weight:900}.highlight-card h3{margin:8px 0 10px;font-size:1.35rem}.highlight-card p{margin:0;color:#5a6974;font-size:.94rem}.highlight-card:hover{transform:translateY(-2px);transition:.18s ease;box-shadow:0 18px 40px rgba(18,58,85,.11)}
.tools-band{padding:72px 0;background:#061b35;color:#fff}.tools-band h2{color:#fff}.tools-band .lead{color:#cedbe4}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.tool-card{border:1px solid rgba(239,193,90,.45);padding:28px;background:rgba(255,255,255,.045)}.tool-card .kicker{color:#efc15a}.tool-card h3{color:#fff}.tool-card p{color:#d6e0e7}.tool-card a{color:#efc15a;font-weight:800;text-decoration:none}
.archive{padding:70px 0;background:#fff}.archive-card{display:grid;grid-template-columns:140px 1fr auto;gap:28px;align-items:center;border-top:1px solid #d9dfe3;border-bottom:1px solid #d9dfe3;padding:26px 0}.archive-card img{width:140px;aspect-ratio:3/4;object-fit:cover}.archive-card h3{margin-bottom:8px}.archive-card p{margin:0;color:#667581}.archive-actions{display:grid;gap:8px;min-width:180px}.archive-actions .btn{font-size:.85rem;padding:10px 16px}
.review-courses{padding:72px 0;background:linear-gradient(135deg,#fbf5e7,#eef3f6)}.review-courses .course-panel{max-width:970px;margin:auto;text-align:center}.review-courses .course-panel h2{font-size:clamp(2.2rem,3vw,3.3rem)}.review-courses .course-panel p{max-width:760px;margin:0 auto 24px;font-size:1.05rem;color:#52636e}
.review-hub footer{margin-top:0}
@media(max-width:900px){.current-issue,.review-intro-grid{grid-template-columns:1fr}.issue-cover{max-width:360px}.highlight-grid{grid-template-columns:1fr 1fr}.archive-card{grid-template-columns:100px 1fr}.archive-card img{width:100px}.archive-actions{grid-column:2;display:flex;flex-wrap:wrap}}
@media(max-width:650px){.review-hub .review-hero{padding:48px 0 54px}.review-lockup{margin-bottom:30px}.review-lockup h1{font-size:2.55rem}.current-issue{gap:30px}.issue-copy h2{font-size:2.25rem}.highlight-grid,.tools-grid{grid-template-columns:1fr}.review-intro,.highlights,.tools-band,.archive,.review-courses{padding:52px 0}.archive-card{grid-template-columns:80px 1fr;gap:16px}.archive-card img{width:80px}.archive-actions{grid-column:1/-1}.issue-cover:after{right:-8px}}


/* v35 live-site refinement: keep the premium Review opening comfortably inside common laptop viewports. */
@media (min-width:901px) and (max-height:980px){
  .review-hub .review-hero{padding:38px 0 44px}
  .review-lockup{max-width:800px;margin-bottom:28px}
  .review-lockup h1{font-size:clamp(2.7rem,4.15vw,4.2rem);margin:6px 0 12px;line-height:1.02}
  .review-lockup .lead{font-size:1.02rem;line-height:1.5;max-width:760px}
  .current-issue{grid-template-columns:minmax(220px,.60fr) minmax(0,1.40fr);gap:42px}
  .issue-cover{max-width:320px}
  .issue-copy h2{font-size:clamp(2rem,3vw,3.15rem);line-height:1.05;margin-bottom:12px}
  .issue-copy p{font-size:1rem;line-height:1.5}
  .issue-meta{margin:16px 0}
  .review-hub .review-hero .actions{margin-top:18px}
}
@media (min-width:901px) and (max-height:760px){
  .review-hub .review-hero{padding:26px 0 30px}
  .review-lockup{margin-bottom:20px}
  .review-lockup h1{font-size:3.45rem}
  .review-lockup .lead{font-size:.98rem}
  .issue-cover{max-width:270px}
  .current-issue{gap:34px}
  .issue-copy h2{font-size:2.65rem}
  .issue-meta{margin:12px 0}
}


/* v36 live-site refinement: align the English Review opening with the approved French viewport fit. */
@media (min-width:981px) and (max-width:1279px){
  html[lang="en"] body.review-hub{padding-top:80px}
}
@media (min-width:1280px){
  html[lang="en"] body.review-hub{padding-top:88px}
  html[lang="en"] body.review-hub .review-hero{
    min-height:calc(100svh - 88px);
    display:grid;
    align-items:center;
  }
}
@media (min-width:981px) and (max-width:1279px){
  html[lang="en"] body.review-hub .review-hero{
    min-height:calc(100svh - 80px);
    display:grid;
    align-items:center;
  }
}

/* v37 live-site refinement: give the French Review hub the same desktop viewport fit as the approved English hub. */
@media (min-width:981px) and (max-width:1279px){
  html[lang="fr"] body.review-hub{padding-top:80px}
  html[lang="fr"] body.review-hub .review-hero{
    min-height:calc(100svh - 80px);
    display:grid;
    align-items:center;
  }
}
@media (min-width:1280px){
  html[lang="fr"] body.review-hub{padding-top:88px}
  html[lang="fr"] body.review-hub .review-hero{
    min-height:calc(100svh - 88px);
    display:grid;
    align-items:center;
  }
}

/* v53 — approved premium Newsletter/Revue model aligned to the 1180px CGLI site grid.
   This section intentionally overrides earlier viewport-compression rules.
   Visual target: preserve the approved spacious composition within the standard CGLI site width,
   two large hero actions at left, and the visible subscription band directly below. */
@media (min-width:981px){
  body.review-hub{padding-top:88px!important}

  .review-hub header .container.nav,
  .review-hub .review-hero-v52 .review-hero-shell,
  .review-hub .subscribe-band-v52 .subscribe-band-v52-inner{
    width:min(1180px,calc(100% - 40px))!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .review-hub .review-hero.review-hero-v52{
    min-height:calc(100svh - 88px - 170px)!important;
    padding:0!important;
    display:block!important;
  }
  .review-hub .review-hero-v52 .review-hero-shell{
    min-height:calc(100svh - 88px - 170px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 360px!important;
    gap:60px!important;
    align-items:center!important;
    position:relative;
    z-index:2;
    padding-top:48px;
    padding-bottom:48px;
  }
  .review-hub .review-hero-v52 .review-hero-copy{
    max-width:760px!important;
    min-width:0;
  }
  .review-hub .review-hero-v52 .review-hero-copy .kicker{
    color:#efc15a!important;
    margin:0 0 16px!important;
    font-size:.82rem!important;
    letter-spacing:.16em!important;
  }
  .review-hub .review-hero-v52 .review-hero-copy h1{
    color:#fff!important;
    font-size:clamp(3.55rem,4.25vw,4.35rem)!important;
    line-height:1.03!important;
    letter-spacing:-.042em!important;
    margin:0 0 30px!important;
    max-width:760px!important;
  }
  .review-hub .review-hero-v52 .review-hero-copy h1 em{
    color:#efb83d!important;
    font-weight:400!important;
  }
  .review-hub .review-hero-v52 .review-hero-copy .lead{
    max-width:700px!important;
    margin:0!important;
    color:#edf2f5!important;
    font-size:1.08rem!important;
    line-height:1.62!important;
  }
  .review-hub .review-hero-v52 .newsletter-hero-actions-v52{
    display:grid!important;
    grid-template-columns:280px 330px!important;
    gap:18px!important;
    max-width:none!important;
    margin-top:38px!important;
    align-items:stretch!important;
  }
  .review-hub .review-hero-v52 .newsletter-hero-action{
    min-height:96px!important;
    border-radius:8px!important;
    padding:18px 22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    box-shadow:none!important;
  }
  .review-hub .review-hero-v52 .newsletter-action-icon{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
  }
  .review-hub .review-hero-v52 .newsletter-action-icon svg{
    width:36px!important;
    height:36px!important;
    stroke-width:1.65!important;
  }
  .review-hub .review-hero-v52 .newsletter-action-label{
    font-size:1rem!important;
    line-height:1.22!important;
    letter-spacing:.005em!important;
    text-transform:uppercase!important;
  }
  .review-hub .review-hero-v52 .hero-action-read{
    background:#fbf8ef!important;
    border:1px solid #fbf8ef!important;
    color:#061b35!important;
  }
  .review-hub .review-hero-v52 .hero-action-tools{
    background:rgba(3,22,43,.12)!important;
    border:1.6px solid #efb83d!important;
    color:#fff!important;
  }

  .review-hub .review-hero-v52 .review-hero-cover{
    width:360px!important;
    max-width:360px!important;
    justify-self:end!important;
    position:relative!important;
  }
  .review-hub .review-hero-v52 .review-hero-cover a{display:block!important}
  .review-hub .review-hero-v52 .review-hero-cover img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    border:1px solid rgba(255,255,255,.32)!important;
    box-shadow:0 26px 72px rgba(0,0,0,.32)!important;
  }
  .review-hub .review-hero-v52 .cover-edition-badge{
    position:absolute;
    right:0;
    bottom:0;
    min-width:132px;
    padding:12px 16px 13px;
    background:#dda524;
    color:#061b35;
    font-weight:900;
    font-size:1.15rem;
    letter-spacing:.03em;
    line-height:1;
    text-align:center;
    z-index:3;
  }

  .review-hub .subscribe-band.subscribe-band-v52{
    min-height:170px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    background:#071d36!important;
    border-top:1px solid rgba(239,193,90,.4)!important;
    color:#fff!important;
  }
  .review-hub .subscribe-band-v52 .subscribe-band-v52-inner{
    min-height:170px!important;
    display:grid!important;
    grid-template-columns:64px minmax(340px,.82fr) minmax(0,1.18fr)!important;
    gap:24px!important;
    align-items:center!important;
  }
  .review-hub .subscribe-band-v52 .subscribe-band-icon{
    width:60px!important;
    height:60px!important;
    border-radius:50%!important;
    border:1.6px solid #efb83d!important;
    color:#efb83d!important;
    display:grid!important;
    place-items:center!important;
  }
  .review-hub .subscribe-band-v52 .subscribe-band-icon svg{
    width:34px!important;
    height:34px!important;
  }
  .review-hub .subscribe-band-v52 .subscribe-band-copy h2{
    margin:0 0 8px!important;
    color:#fff!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:1.8rem!important;
    line-height:1.08!important;
  }
  .review-hub .subscribe-band-v52 .subscribe-band-copy p{
    margin:0!important;
    max-width:430px!important;
    color:#e3eaf0!important;
    font-size:1rem!important;
    line-height:1.48!important;
  }
  .review-hub .subscribe-band-v52 .subscribe-band-form{margin:0!important}
  .review-hub .subscribe-band-v52 .subscribe-band-controls{
    display:grid!important;
    grid-template-columns:minmax(260px,1fr) 160px!important;
    gap:18px!important;
  }
  .review-hub .subscribe-band-v52 input{
    min-height:54px!important;
    padding:0 18px!important;
    font-size:1rem!important;
    border:1px solid rgba(255,255,255,.72)!important;
    background:#fffdf9!important;
  }
  .review-hub .subscribe-band-v52 .subscribe-band-submit{
    min-height:54px!important;
    padding:0 18px!important;
    border:1px solid #efb83d!important;
    background:linear-gradient(135deg,#efbd43 0%,#d5a12b 100%)!important;
    color:#061b35!important;
    font-size:.98rem!important;
    font-weight:900!important;
    letter-spacing:.045em!important;
  }
  .review-hub .subscribe-band-v52 .subscribe-band-privacy{
    margin-top:10px!important;
    color:#d0d9e1!important;
    font-size:.78rem!important;
  }
}

/* Desktop scaling below the full reference width: preserve the same architecture without crowding. */
@media (min-width:981px) and (max-width:1450px){
  .review-hub header .container.nav,
  .review-hub .review-hero-v52 .review-hero-shell,
  .review-hub .subscribe-band-v52 .subscribe-band-v52-inner{
    width:min(1180px,calc(100% - 40px))!important;
  }
  .review-hub .review-hero-v52 .review-hero-shell{
    grid-template-columns:minmax(0,1fr) 340px!important;
    gap:46px!important;
  }
  .review-hub .review-hero-v52 .review-hero-cover{width:340px!important;max-width:340px!important}
  .review-hub .review-hero-v52 .review-hero-copy h1{font-size:clamp(3.25rem,4.6vw,4rem)!important}
  .review-hub .review-hero-v52 .newsletter-hero-actions-v52{grid-template-columns:260px 300px!important;gap:16px!important;margin-top:34px!important}
  .review-hub .review-hero-v52 .newsletter-hero-action{min-height:88px!important}
  .review-hub .subscribe-band-v52 .subscribe-band-v52-inner{grid-template-columns:56px minmax(300px,.82fr) minmax(0,1.18fr)!important;gap:20px!important}
  .review-hub .subscribe-band-v52 .subscribe-band-controls{grid-template-columns:minmax(240px,1fr) 150px!important}
}

/* Mobile/tablet follows the same content hierarchy, stacked cleanly. */
@media (max-width:980px){
  .review-hub .review-hero.review-hero-v52{padding:46px 0 38px!important;min-height:0!important}
  .review-hub .review-hero-v52 .review-hero-shell{display:grid!important;grid-template-columns:1fr!important;gap:34px!important;align-items:start!important}
  .review-hub .review-hero-v52 .review-hero-cover{width:min(360px,100%)!important;max-width:360px!important;justify-self:start!important;position:relative!important}
  .review-hub .review-hero-v52 .cover-edition-badge{position:absolute;right:0;bottom:0;background:#dda524;color:#061b35;font-weight:900;padding:10px 13px}
  .review-hub .review-hero-v52 .newsletter-hero-actions-v52{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:30px!important;max-width:520px!important}
  .review-hub .review-hero-v52 .newsletter-hero-action{min-height:72px!important;justify-content:flex-start!important}
  .review-hub .subscribe-band.subscribe-band-v52{padding:30px 0!important;min-height:0!important;display:block!important}
  .review-hub .subscribe-band-v52 .subscribe-band-v52-inner{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;min-height:0!important}
  .review-hub .subscribe-band-v52 .subscribe-band-icon{display:none!important}
  .review-hub .subscribe-band-v52 .subscribe-band-controls{grid-template-columns:1fr!important;gap:10px!important}
}

/* French retains the same premium geometry with a slightly smaller title to avoid compression. */
@media (min-width:981px){
  html[lang="fr"] .review-hub .review-hero-v52 .review-hero-copy h1{
    font-size:clamp(3.15rem,3.95vw,3.9rem)!important;
    max-width:760px!important;
  }
  html[lang="fr"] .review-hub .review-hero-v52 .review-hero-copy .lead{max-width:720px!important}
}
@media (min-width:981px){
  html[lang="fr"] .review-hub .review-hero-v52 .review-hero-cover{
    width:350px!important;
    max-width:350px!important;
  }
}
/* v52 envelope icon rendering safeguard. */
.review-hub .subscribe-band-v52 .subscribe-band-icon svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}


/* v54: approved lower-page cleanup. Keep every Newsletter/Revue section on the standard CGLI 1180px grid. */
.review-hub .review-intro-compact,
.review-hub .highlights-compact,
.review-hub .tools-band,
.review-hub .review-courses-compact{
  overflow:hidden;
}
.review-hub .review-intro-compact{padding:48px 0!important}
.review-hub .review-intro-compact-grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:46px;
  align-items:center;
}
.review-hub .review-intro-compact h2{
  font-size:clamp(2rem,2.8vw,2.8rem)!important;
  line-height:1.08;
  margin:8px 0 0;
}
.review-hub .editorial-promise-compact{
  font-size:1.12rem!important;
  line-height:1.55!important;
  margin:0!important;
}
.review-hub .highlights-compact{padding:56px 0!important}
.review-hub .highlights-compact h2{max-width:980px}
.review-hub .highlight-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.review-hub .highlights-cta{display:flex;justify-content:center;margin-top:30px}
.review-hub .highlights-cta .btn{min-width:230px;text-align:center}
.review-hub .review-courses-compact{padding:60px 0!important}
.review-hub .review-courses-compact .course-panel{max-width:880px!important}
.review-hub .review-courses-compact .course-panel h2{margin-bottom:16px}
.review-hub footer .container{max-width:none}
@media(max-width:900px){
  .review-hub .review-intro-compact-grid{grid-template-columns:1fr;gap:26px}
  .review-hub .highlight-grid-3{grid-template-columns:1fr 1fr!important}
}
@media(max-width:650px){
  .review-hub .review-intro-compact{padding:42px 0!important}
  .review-hub .highlights-compact{padding:46px 0!important}
  .review-hub .highlight-grid-3{grid-template-columns:1fr!important}
  .review-hub .review-courses-compact{padding:48px 0!important}
}

/* v55: match the Newsletter/Revue visual scale to the expanded CGLI desktop site.
   Preserve the approved composition; only restore the same desktop grid and section scale used elsewhere. */
@media (min-width:1200px){
  .review-hub header .container.nav,
  .review-hub .review-hero-v52 .review-hero-shell,
  .review-hub .subscribe-band-v52 .subscribe-band-v52-inner{
    width:min(var(--max),calc(100% - 40px))!important;
    max-width:var(--max)!important;
  }

  .review-hub .review-hero-v52 .review-hero-shell{
    grid-template-columns:minmax(0,1fr) 400px!important;
    gap:72px!important;
  }
  .review-hub .review-hero-v52 .review-hero-copy{
    max-width:820px!important;
  }
  .review-hub .review-hero-v52 .review-hero-copy h1{
    max-width:820px!important;
    font-size:clamp(3.7rem,4.3vw,4.65rem)!important;
  }
  .review-hub .review-hero-v52 .review-hero-copy .lead{
    max-width:760px!important;
    font-size:1.12rem!important;
  }
  .review-hub .review-hero-v52 .newsletter-hero-actions-v52{
    grid-template-columns:290px 340px!important;
    gap:20px!important;
  }
  .review-hub .review-hero-v52 .newsletter-hero-action{
    min-height:98px!important;
  }
  .review-hub .review-hero-v52 .review-hero-cover,
  html[lang="fr"] .review-hub .review-hero-v52 .review-hero-cover{
    width:400px!important;
    max-width:400px!important;
  }

  .review-hub .subscribe-band-v52 .subscribe-band-v52-inner{
    grid-template-columns:64px minmax(390px,.86fr) minmax(0,1.14fr)!important;
    gap:28px!important;
  }
  .review-hub .subscribe-band-v52 .subscribe-band-copy h2{
    font-size:1.9rem!important;
  }
  .review-hub .subscribe-band-v52 .subscribe-band-copy p{
    max-width:500px!important;
    font-size:1.02rem!important;
  }

  /* Lower sections use the same CGLI desktop rhythm and visual weight. */
  .review-hub .review-intro-compact{padding:62px 0!important}
  .review-hub .review-intro-compact-grid{gap:58px!important}
  .review-hub .review-intro-compact h2{
    font-size:clamp(2.25rem,2.8vw,3.05rem)!important;
  }
  .review-hub .editorial-promise-compact{
    font-size:1.16rem!important;
    line-height:1.6!important;
  }

  .review-hub .highlights-compact{padding:68px 0!important}
  .review-hub .highlights-compact h2{
    max-width:1120px!important;
    font-size:clamp(2.2rem,2.7vw,3rem)!important;
  }
  .review-hub .highlight-grid-3{gap:24px!important}
  .review-hub .highlight-card{padding:30px 28px!important}
  .review-hub .highlight-card h3{font-size:1.45rem!important}
  .review-hub .highlight-card p{font-size:1rem!important;line-height:1.55!important}

  .review-hub .tools-band{padding:76px 0!important}
  .review-hub .tools-band h2{font-size:clamp(2.3rem,2.8vw,3.15rem)!important}
  .review-hub .tools-band .lead{font-size:1.1rem!important;max-width:900px!important}
  .review-hub .tools-grid{gap:28px!important;margin-top:34px!important}
  .review-hub .tool-card{padding:32px!important}
  .review-hub .tool-card h3{font-size:1.45rem!important}
  .review-hub .tool-card p{font-size:1.02rem!important;line-height:1.58!important}

  .review-hub .review-courses-compact{padding:72px 0!important}
  .review-hub .review-courses-compact .course-panel{max-width:1040px!important}
  .review-hub .review-courses-compact .course-panel h2{
    font-size:clamp(2.45rem,3vw,3.35rem)!important;
  }
  .review-hub .review-courses-compact .course-panel p{
    max-width:880px!important;
    font-size:1.1rem!important;
  }
}

/* On mid-size desktop, use the available CGLI grid without forcing the old 1180px cap. */
@media (min-width:1200px) and (max-width:1450px){
  .review-hub header .container.nav,
  .review-hub .review-hero-v52 .review-hero-shell,
  .review-hub .subscribe-band-v52 .subscribe-band-v52-inner{
    width:min(var(--max),calc(100% - 40px))!important;
    max-width:var(--max)!important;
  }
  .review-hub .review-hero-v52 .review-hero-shell{
    grid-template-columns:minmax(0,1fr) 370px!important;
    gap:54px!important;
  }
  .review-hub .review-hero-v52 .review-hero-cover,
  html[lang="fr"] .review-hub .review-hero-v52 .review-hero-cover{
    width:370px!important;
    max-width:370px!important;
  }
  .review-hub .review-hero-v52 .newsletter-hero-actions-v52{
    grid-template-columns:275px 320px!important;
  }
}

/* v58: make the CGLI course invitation immediately visible and conversion-focused. */
.review-hub .review-courses-compact{
  padding:52px 0!important;
}
.review-hub .review-courses-compact .course-panel p{
  margin:0 auto 20px!important;
}
.review-hub .review-courses-compact .course-panel .btn-primary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:270px!important;
  min-height:54px!important;
  padding:15px 30px!important;
  margin-top:4px!important;
  border:2px solid #dcae2b!important;
  border-radius:999px!important;
  background:#dcae2b!important;
  color:#071f35!important;
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  font-size:.98rem!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(7,31,53,.16)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important;
}
.review-hub .review-courses-compact .course-panel .btn-primary:hover,
.review-hub .review-courses-compact .course-panel .btn-primary:focus-visible{
  background:#123a55!important;
  border-color:#123a55!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 12px 28px rgba(7,31,53,.22)!important;
}
@media (min-width:1200px){
  .review-hub .review-courses-compact{padding:54px 0!important}
  .review-hub .review-courses-compact .course-panel h2{margin-bottom:12px!important}
}
@media (max-width:650px){
  .review-hub .review-courses-compact{padding:42px 0!important}
  .review-hub .review-courses-compact .course-panel .btn-primary{
    width:100%!important;
    min-width:0!important;
    max-width:360px!important;
  }
}

/* v59: compact the subscriber tools + CGLI invitation so the complete action path
   is visible together on common laptop/desktop viewports. */
@media (min-width:981px){
  .review-hub .tools-band{
    padding:42px 0 40px!important;
  }
  .review-hub .tools-band h2{
    font-size:clamp(2.25rem,2.55vw,2.8rem)!important;
    line-height:1.05!important;
    margin:6px 0 16px!important;
  }
  .review-hub .tools-band .lead{
    max-width:980px!important;
    margin:0!important;
    font-size:1.02rem!important;
    line-height:1.5!important;
  }
  .review-hub .tools-grid{
    gap:22px!important;
    margin-top:22px!important;
  }
  .review-hub .tool-card{
    padding:22px 24px!important;
  }
  .review-hub .tool-card h3{
    font-size:1.34rem!important;
    line-height:1.12!important;
    margin:5px 0 12px!important;
  }
  .review-hub .tool-card p{
    font-size:.96rem!important;
    line-height:1.48!important;
    margin:0 0 14px!important;
  }
  .review-hub .tool-card a{
    display:inline-block!important;
    font-size:.96rem!important;
    line-height:1.3!important;
  }
  .review-hub .review-courses-compact{
    padding:28px 0 30px!important;
  }
  .review-hub .review-courses-compact .course-panel{
    max-width:1020px!important;
  }
  .review-hub .review-courses-compact .course-panel .kicker{
    margin-bottom:4px!important;
  }
  .review-hub .review-courses-compact .course-panel h2{
    font-size:clamp(2.15rem,2.55vw,2.7rem)!important;
    line-height:1.06!important;
    margin:0 0 8px!important;
  }
  .review-hub .review-courses-compact .course-panel p{
    max-width:980px!important;
    margin:0 auto 12px!important;
    font-size:1rem!important;
    line-height:1.45!important;
  }
  .review-hub .review-courses-compact .course-panel .btn-primary{
    min-height:48px!important;
    padding:12px 28px!important;
    margin-top:0!important;
  }
}

/* v59 refinement: on wider screens, turn the CGLI invitation into a compact
   horizontal conversion strip so the tools and course CTA remain visible together. */
@media (min-width:1100px){
  .review-hub .review-courses-compact{
    padding:22px 0!important;
  }
  .review-hub .review-courses-compact .course-panel{
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(300px,.9fr) minmax(360px,1.25fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:34px!important;
    row-gap:2px!important;
    align-items:center!important;
    text-align:left!important;
  }
  .review-hub .review-courses-compact .course-panel .kicker{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
  }
  .review-hub .review-courses-compact .course-panel h2{
    grid-column:1!important;
    grid-row:2!important;
    font-size:clamp(2rem,2.2vw,2.45rem)!important;
    margin:2px 0 0!important;
    white-space:nowrap!important;
  }
  .review-hub .review-courses-compact .course-panel p{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    max-width:620px!important;
    margin:0!important;
    text-align:left!important;
    font-size:.98rem!important;
    line-height:1.45!important;
  }
  .review-hub .review-courses-compact .course-panel .btn-primary{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    min-width:250px!important;
    min-height:50px!important;
    margin:0!important;
    white-space:nowrap!important;
  }
}

/* v60: give the compact CGLI invitation real horizontal breathing room.
   Prevent the headline from intruding into the supporting copy while preserving
   the compact subscriber-tools-to-course-CTA flow. */
@media (min-width:1100px){
  .review-hub .review-courses-compact .course-panel{
    grid-template-columns:minmax(360px,1.05fr) minmax(320px,1fr) auto!important;
    column-gap:56px!important;
  }
  .review-hub .review-courses-compact .course-panel h2{
    white-space:normal!important;
    min-width:0!important;
    padding-right:4px!important;
  }
  .review-hub .review-courses-compact .course-panel p{
    min-width:0!important;
  }
}
@media (min-width:1100px) and (max-width:1279px){
  .review-hub .review-courses-compact .course-panel{
    grid-template-columns:minmax(330px,.95fr) minmax(280px,1fr) auto!important;
    column-gap:38px!important;
  }
  .review-hub .review-courses-compact .course-panel h2{
    font-size:clamp(1.9rem,2.7vw,2.25rem)!important;
  }
  .review-hub .review-courses-compact .course-panel p{
    font-size:.94rem!important;
  }
  .review-hub .review-courses-compact .course-panel .btn-primary{
    min-width:220px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
}