/* Preview A "Focused chapter": each page is one deep chapter, giant chap number, continue-exploring cards. */
.hy-chapter { position: relative; padding-top: 18px; }
.hy-chapter::before { content: ""; position: absolute; inset: 0 0 auto; height: 620px; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 50% 70% at 85% 0%, rgba(0,93,217,.35), transparent 70%), radial-gradient(ellipse 35% 45% at 5% 20%, rgba(242,165,72,.1), transparent 70%); }
.hy-bignum { position: absolute; top: 10px; right: max(24px, calc((100% - 1240px) / 2)); font-family: var(--font-title); font-weight: 900; font-size: clamp(7rem, 16vw, 15rem); line-height: 1; letter-spacing: -.06em; color: transparent; -webkit-text-stroke: 1.5px rgba(242,165,72,.16); pointer-events: none; z-index: -1; }
.hy-chapter > .s:first-of-type { padding-top: clamp(56px, 7vw, 96px); }
.hy-chapter > .s:first-of-type .chap b { width: 44px; height: 44px; font-size: 1rem; }
/* continue exploring */
.hy-continue { padding-top: 24px !important; }
.hy-next-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.hy-next { padding: 20px 20px 22px; display: grid; gap: 6px; align-content: start; min-height: 150px; transition: transform .3s var(--ease), border-color .3s; }
.hy-next:hover { transform: translateY(-3px); border-color: rgba(242,165,72,.55); }
.hy-next > * { position: relative; z-index: 1; }
.hy-next-n { font-family: var(--font-title); font-weight: 800; font-size: .78rem; color: var(--orange-bright); letter-spacing: .08em; }
.hy-next-l { font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.hy-next b { font-family: var(--font-title); font-weight: 800; font-size: 1rem; line-height: 1.3; color: #fff; }
.hy-arrow { margin-top: auto; color: var(--orange-bright); font-weight: 700; }
@media (max-width: 1000px) { .hy-next-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .hy-next-grid { grid-template-columns: 1fr; } .hy-next { min-height: 0; } .hy-bignum { font-size: 6rem; top: 4px; } }