.reader{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.reader__bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px 24px;padding:12px 20px;display:flex}.reader__brand{align-items:center;gap:16px;min-width:0;display:flex}.reader__logo{flex:none}.reader__logo img{width:auto;height:36px}.reader__title,.reader__link{font-weight:var(--weight-bold);font-size:var(--text-nav);text-transform:uppercase;letter-spacing:.02em;line-height:1.3}.reader__links{align-items:center;gap:24px;display:flex}.reader__link{transition:opacity .2s}.reader__link:hover{opacity:.7}.reader__main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;padding:0 16px 16px;display:flex}.flipbook__area{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.flipbook__book{width:100%}.flipbook__loading{opacity:.7;place-items:center;display:grid;position:absolute;inset:0}.flipbook__page{background:var(--color-white)}.flipbook__page img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.reader--infographic .flipbook__page img{object-fit:cover}.flipbook__nav{flex-shrink:0;align-items:center;gap:24px;display:flex}.flipbook__button{border:2px solid var(--color-pink);border-radius:var(--radius-pill);min-height:40px;font-weight:var(--weight-bold);font-size:var(--text-nav);text-transform:uppercase;white-space:nowrap;padding:0 20px;transition:background-color .2s}.flipbook__button:hover:not(:disabled){background:var(--color-pink)}.flipbook__button:disabled{opacity:.4;cursor:not-allowed}.flipbook__counter{min-width:9ch;font-size:var(--text-nav);text-align:center;font-variant-numeric:tabular-nums}.flipbook__noscript{text-align:center;padding:24px}.flipbook__noscript a{text-decoration:underline}@media (width>=768px){.reader__bar{padding:20px 40px}.reader__logo img{height:48px}.reader__title,.reader__link{font-size:18px}}@media (width<=479.98px){.reader__title{display:none}.reader__logo img{height:28px}.reader__links{gap:16px}.flipbook__nav{gap:12px}.flipbook__button{padding:0 12px}}
