/* Keep one quiet separator at each transition, rather than stacking rules. */
.page-shell #path{border-bottom:0}
.page-shell #inside .hu-tour{border-top:0;border-bottom:0}
.page-shell .legal-footer-bottom{border-top:0}
.page-shell .closing:before{display:none}
.page-shell #classroom-years .academy-feature:after{display:none}

@media(max-width:700px){
 /* A full-width background with a consistent 90% content area. */
 .page-shell .inset{padding-inline:5%}
 .page-shell main>.hu-section{padding-block:32px}
 .page-shell #inside .hu-section-head h2{font-size:27px;line-height:1.14}
 .page-shell #inside>.official-detail{font-size:12px;line-height:1.7}
 .page-shell #the-mentor{gap:14px}
 .page-shell #the-mentor .hu-founder-copy h2{font-size:23px;line-height:1.13}
 .page-shell #the-mentor .hu-founder-copy>p:not(.eyebrow){font-size:12px;line-height:1.7}
 .page-shell #questions h2{font-size:27px;line-height:1.15}
 .page-shell .closing h2{font-size:29px;line-height:1.15}
 .page-shell .closing .text-link{font-size:16px;min-height:44px}
 .page-shell #your-fit.hu-experience h2{font-size:27px;line-height:1.15;letter-spacing:-.04em;margin-bottom:14px}
 .page-shell #your-fit.hu-experience>div:first-child>p:last-child{font-size:13px;line-height:1.7;margin-bottom:16px}
 .page-shell #your-fit .hu-experience-option{grid-template-columns:24px minmax(0,1fr);gap:15px;padding:15px 0}
 .page-shell #your-fit .hu-experience-option strong{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:6px}
 .page-shell #your-fit .hu-experience-option>span>span{font-size:13px;line-height:1.7}
 .page-shell #your-fit .hu-experience-option i{width:23px;height:23px;margin-top:1px}
 .page-shell #your-fit .hu-experience-option[aria-pressed=true] i:after{inset:5px}
 .page-shell #your-fit .hu-experience-options:before{left:11px;top:28px;bottom:65px}
 .page-shell #your-fit .hu-fit-lines>.text-link{font-size:14px;line-height:1.5;min-height:44px;margin-top:17px}
 .page-shell #your-fit .hu-experience-note{font-size:12px;line-height:1.65;margin-top:13px}
}
@media(max-width:640px){
 #top.hero,html[lang=sq] #top.hero{min-height:0}
 #top .hero-copy{padding-top:27px;padding-bottom:24px}
 #top .eyebrow{max-width:59%;font-size:7px;letter-spacing:.12em;gap:7px;line-height:1.6}
 #top h1,html[lang=sq] #top h1{max-width:58%;font-size:clamp(21px,5.7cqw,35px);line-height:1.15;margin:22px 0 22px;letter-spacing:-.05em}
 #top h1 em{font-size:1em}
 #top .statement,html[lang=sq] #top .statement{width:55%;font-size:12px;line-height:1.65}
 #top .description,html[lang=sq] #top .description{width:55%;font-size:11px;line-height:1.7;margin-top:13px}
 #top .hero-art.hero-portrait{inset:0 -5% 38px 49%;opacity:1}
 #top .hero-portrait img{object-position:50% 0%}
 #top .hero-art.hero-portrait:after{background:linear-gradient(90deg,var(--bg),transparent 19%,transparent 90%,var(--bg)),linear-gradient(0deg,var(--bg),transparent 23%,transparent 96%,var(--bg))}
 #top .hero-actions{gap:16px;margin-top:22px}
 #top .founder-caption{bottom:88px;right:5%;max-width:37%}
 #top .founder-caption span{font-size:14px}
 #top .hero-threads{inset:0 -10% 30px 30%;height:calc(100% - 30px);width:85%}
 .page-shell .official-vision-copy{left:5%;max-width:83%}
 .page-shell .official-vision-copy h2{font-size:24px;line-height:1.16}
 .page-shell .official-vision-copy blockquote{font-size:12px;line-height:1.7}
 .page-shell #community h2,html[lang=sq] .page-shell #community h2{font-size:clamp(30px,8.4cqw,49px);line-height:1.1}
 .page-shell .community-subtitle{font-size:14px;line-height:1.6}
 .page-shell #six .six-copy h2{font-size:23px;line-height:1.16}
}