/* Semantic wrapping: use the same type scale in mobile preview and an actual narrow screen. */
.hp-phrase,.hp-body-unit{font:inherit;color:inherit;letter-spacing:inherit;direction:inherit;unicode-bidi:normal}
@container site (max-width:800px){
 .site-page h1,.site-page h2,.site-page h3,.site-page h4{word-break:normal;overflow-wrap:normal}
 .site-page .hp-phrase,.site-page .hp-body-unit{display:inline-block;white-space:nowrap;text-indent:0}
 .site-page p,.site-page dd{word-break:normal;overflow-wrap:break-word;text-wrap:pretty}
 .site-page :is(.phrase,.ref-phrase,.course-phrase):has(.hp-phrase){white-space:normal}
 .hp-identity .idp-org-table>div{grid-template-columns:1fr;gap:6px;padding:17px 4px}
 .hp-identity .idp-org-table dd{min-width:0}
 .hp-identity .idp-kicker{max-width:100%;text-wrap:balance}
 .hp-identity .idp-next-links a{display:flex;justify-content:space-between;gap:12px}
}

@container site (max-width:800px){
 .site-page a:has(>.hp-link-copy){display:flex;align-items:center;justify-content:space-between;gap:12px}
 .site-page a>.hp-link-copy{min-width:0;flex:1;font:inherit;color:inherit;letter-spacing:inherit;white-space:normal}
 .site-page a:has(>.hp-link-copy)>[aria-hidden]{flex:none;margin:0}
 .hs-faq summary>span{min-width:0}
 .hp-home-purpose small .hp-phrase{font:inherit;line-height:inherit;color:inherit}
}

/* Keep date, category, headline and arrow as the four news grid cells. */
.site-page .news-item{grid-template-columns:110px 90px minmax(0,1fr) 24px;gap:14px;font-size:16px}
.site-page .news-item time{font-size:14px}
.site-page .news-item .news-category{font-size:13px}
.site-page .news-item b{min-width:0;font-size:17px;line-height:1.6}
@container site (max-width:800px){
 .site-page .news-item{grid-template-columns:100px minmax(0,1fr) 24px;gap:8px 10px;padding:16px 0}
 .site-page .news-item .news-category{grid-column:2;width:max-content;min-width:72px}
 .site-page .news-item b{grid-column:1/3;font-size:16px}
}
/* The short questions are editorial phrases at desktop sizes too. */
.site-page .selfcheck-grid strong .hp-phrase{display:inline-block;white-space:nowrap}
@container site (max-width:600px){
 .site-page.hp-media-visual .mv-relation-grid{grid-template-columns:1fr}
}

@container site (max-width:800px){
 .hp-identity h1{font-size:clamp(32px,8.3cqw,48px)}
 .hp-identity h2{font-size:clamp(28px,7cqw,39px)}
 .hp-media-visual h1{font-size:clamp(33px,8.4cqw,49px)}
 .hp-media-visual h2{font-size:clamp(29px,7.5cqw,40px)}
 .hp-media-visual .mv-media-name{font-size:clamp(32px,3.3cqw,48px)!important}
 .hp-media-visual .mv-community-grid h3{font-size:clamp(27px,2.4cqw,36px)}
}

@container site (max-width:800px){
 .hp-media-visual .mv-broadcast-card>div{padding:16px}
 .hp-media-visual .mv-paper-frame{padding:14px}
 .hp-library-related{padding:24px!important}
 .hp-identity .idp-story-name{white-space:nowrap}
}
@container site (max-width:360px){
 .hp-media-visual .mv-broadcast-card>div{padding-inline:8px}
}

@container site (max-width:800px){
 .hp-video-body{padding-inline:12px}
 .hp-video-deeper{padding-inline:16px}
 .hp-library-next{padding-inline:16px}
}
@container site (max-width:360px){
 .hp-media-visual .mv-broadcast-card h3{font-size:24px}
}

@container site (max-width:800px){
 .course-corporate .course-system-note{grid-template-columns:minmax(0,1fr)}
 .course-corporate .course-system-note>div{min-width:0}
 .course-corporate .course-system-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.home-page .voice-results .voice-avatar{object-fit:cover;background:none}.home-page .voice-results .voice-avatar-item{display:block}