/* Append after polish.css. Mobile only; retain desktop composition. */
@media screen and (max-width:760px){
 :root{--mobile-action-space:calc(108px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-bottom:var(--mobile-action-space)}
 body{padding-bottom:var(--mobile-action-space)}
 .hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:14px 0 24px;overflow:visible}
 .hero .hero-copy{display:contents}
 .hero .eyebrow{order:1;max-width:none;font-size:9px;line-height:1.6;margin:0 0 12px}
 .hero h1,html:not([lang=uk]) .hero h1,html[lang=ja] .hero h1{order:2;width:100%;max-width:none;font-size:clamp(30px,8.5vw,44px);line-height:1.12;text-shadow:none;margin:0 0 20px;overflow-wrap:anywhere}
 .hero .hero-art{order:3;position:relative;inset:auto;flex:none;align-self:center;width:min(100%,370px);height:clamp(270px,84vw,340px);aspect-ratio:auto;margin:0 0 20px;border:1px solid #b8946777;border-radius:150px 150px 24px 24px;opacity:1;z-index:1}
 .hero .portrait-motion{height:100%}
 .hero-art .portrait-base,.hero-art .hair-strands{object-position:center 39%}
 .hero .hero-art:before{background:linear-gradient(0deg,#090a0b33,transparent 20%)}
 .hero .hero-art:after{display:block;inset:9px;border-radius:142px 142px 18px 18px}
 .hero .lead{order:4;max-width:none;margin:0 0 12px;font-size:14px;line-height:1.65;text-shadow:none}
 .hero .signature{order:5;font-size:40px;margin:0 0 8px;line-height:1.2}
 .hero .subline{order:6;max-width:none;font-size:10px;line-height:1.65;margin:0 0 17px}
 .hero .button{order:7;align-self:stretch;justify-content:space-between;min-width:0;width:100%;min-height:50px;gap:14px;font-size:13px;padding:14px 20px}
 .hero .orbit-line{display:none}
 .course-card{display:flex;flex-direction:column;min-width:0}
 .course-card .course-photo-link{width:100%;flex:none;line-height:0;background:#0c1915}
 .course-card .course-photo-link img,.course-card>img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center}
 .course-card .card-text{padding:22px;min-width:0}
 .course-card h3{font-size:25px;line-height:1.2}
 .course-card p{font-size:13px;line-height:1.7;margin:14px 0 18px}
 .course-card .chip{max-width:100%;white-space:normal;line-height:1.5}
 .course-program{min-height:48px;font-size:15px;display:flex;justify-content:space-between}
 .sticky-book{bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 28px)}
 .sticky-book .button{min-width:0;white-space:normal;line-height:1.35}
 .gold-rain-toggle{position:static;display:inline-flex;align-items:center;min-height:40px;margin:12px 18px 0;max-width:calc(100% - 36px)}
 .sound-toggle{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 .site-header-shell{padding-inline:18px}
 .header{min-height:104px;height:auto;padding-block:9px;gap:6px 8px;align-content:center}
 .header .brand img{width:46px;height:46px;border-radius:12px}
 .header .brand-name{display:block;font-size:10px;letter-spacing:.12em}
 .header .brand-name span{font-size:6px;letter-spacing:.2em;margin-top:4px}
 .header .brand{gap:8px;flex-basis:calc(100% - 54px)}
 .header .menu-toggle{width:42px;height:42px;min-height:42px}
 .header .social-mini a{width:36px;height:36px}
 .header .social-mini{gap:7px}
 .header .language-toggle{min-height:36px;padding:6px 10px}
 :root{--header-clearance:122px}
 main [id],.hero .button,.course-card{scroll-margin-bottom:var(--mobile-action-space)}
}

/* Compact article headings, without overlapping lines. */
@media screen and (max-width:760px){
 .page-hero.article-intro{padding-top:18px;padding-bottom:15px}
 .article-intro .breadcrumbs{margin-bottom:14px}
 .article-intro .eyebrow{margin-bottom:10px}
 .page-hero.article-intro h1{font-size:clamp(25px,6.4vw,30px);line-height:1.12;letter-spacing:-.025em;margin-bottom:0}
 html[lang=ja] .page-hero.article-intro h1{line-height:1.3}
}