/* Let display headlines wrap only when the available viewport genuinely requires it. */
main h1,main h2,main h3{max-width:none;text-wrap:pretty}
.section-intro>div:first-child{flex:1;min-width:0}
#sashiva .mentor-name{width:100%;text-wrap:pretty}
#sashiva .mentor-greeting{grid-column:1/-1;position:static;z-index:auto;width:100%;box-sizing:border-box;margin:0;padding:0;color:var(--white);-webkit-text-fill-color:var(--white);font-family:Shift,Arial,sans-serif;font-size:var(--mentor-title-size);font-weight:900;letter-spacing:-.045em;line-height:1.08;text-wrap:pretty}
.chapter-next-nav{display:flex;justify-content:center;width:100%;margin:clamp(36px,5vw,76px) auto 12px;padding-inline:0}
.chapter-next-link{min-width:min(100%,520px);max-width:100%}
@media(max-width:700px){#sashiva .mentor-greeting{font-size:clamp(32px,8vw,46px)}.chapter-next-link{width:100%;min-width:0;padding-inline:17px;gap:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.chapter-next-link{scroll-behavior:auto}}