.presentation-hero{background:#212156;color:#fff}
.presentation-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,450px);align-items:center;gap:clamp(32px,5vw,76px);padding:64px 0 72px}
.presentation-hero__intro{max-width:650px;color:#e2e2f0;font-size:19px;line-height:1.6}
.presentation-hero__cover{display:block;overflow:hidden;border:6px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 24px 48px rgba(0,0,0,.25)}
.presentation-hero__cover img{display:block;width:100%;height:auto}
.presentation-content{padding:70px 0 100px}
.chapter-nav{scroll-margin-top:24px;display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:42px;border-bottom:2px solid #212156}
.chapter-nav h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;margin:8px 0 0}
.chapter-nav__links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.chapter-nav__links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #d7d9e6;border-radius:100px;text-decoration:none;font-weight:700}
.chapter-nav__links a:hover{background:#fff0b0;border-color:#ffc000}
.chapter{scroll-margin-top:24px;padding-top:70px}
.chapter__heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.chapter__heading h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:8px 0}
.chapter__heading p:last-child{color:#586079;margin:0;font-size:17px}
.chapter__heading>a{flex:none;color:#212156;font-weight:700;text-underline-offset:4px}
.slide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.slide{display:flex;flex-direction:column;min-width:0;margin:0;overflow:hidden;border:1px solid #e3e4ef;border-radius:14px;background:#f7f7fb;box-shadow:0 6px 22px rgba(25,32,74,.06)}
.slide__image{display:block;background:#fff}
.slide__image img{display:block;width:100%;height:auto}
.slide figcaption{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 16px;padding:18px 20px;font-size:16px}
.slide__number{color:#5f6680;font-size:14px;white-space:nowrap}
.slide figcaption strong{line-height:1.35}
.slide figcaption a{color:#212156;font-weight:700;white-space:nowrap;text-underline-offset:4px}
.slide--portrait{grid-column:1/-1;align-items:center;padding-top:22px}
.slide--portrait .slide__image{width:min(720px,calc(100% - 44px));border:1px solid #e3e4ef}
.slide--portrait figcaption{width:100%}
.chapter__note{margin:18px 0 0;color:#586079;font-size:16px}
.chapter__note a{color:#212156;font-weight:700;text-underline-offset:4px}
.presentation-end{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:76px;padding:32px;background:#212156;color:#fff;border-radius:16px}
.presentation-end h2{margin:0 0 8px;font-size:26px}
.presentation-end p{margin:0;color:#e2e2f0}
.presentation-end .button{flex:none}
@media(max-width:700px){
  .presentation-hero__inner{grid-template-columns:1fr;padding:38px 0 46px}
  .presentation-hero__intro{font-size:17px;line-height:1.6}
  .presentation-hero__cover{display:none}
  .presentation-content{padding:44px 0 68px}
  .chapter-nav{display:block;padding-bottom:30px}
  .chapter-nav__links{justify-content:flex-start;margin-top:20px}
  .chapter-nav__links a{font-size:15px}
  .chapter{padding-top:46px}
  .chapter__heading{display:block;margin-bottom:18px}
  .chapter__heading p:last-child{font-size:16px;line-height:1.55}
  .chapter__heading>a{display:inline-flex;align-items:center;min-height:44px;margin-top:10px}
  .slide-grid{grid-template-columns:1fr;gap:16px}
  .slide figcaption{grid-template-columns:1fr;gap:6px;padding:18px}
  .slide figcaption a{display:inline-flex;align-items:center;min-height:44px;justify-self:start}
  .slide--portrait{grid-column:auto;padding-top:16px}
  .slide--portrait .slide__image{width:calc(100% - 32px)}
  .presentation-end{display:block;margin-top:54px;padding:24px}
  .presentation-end h2{font-size:24px}
  .presentation-end .button{margin-top:20px;width:100%}
}