/* Content hierarchy must not inherit the large chapter-title rules. */
.audience-content{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;min-width:0;position:relative;z-index:4}
.audience-content>.audience-grid{width:100%}
[data-screen-label="B09 Philosophy"] .audience-grid h3{font-size:21px!important;line-height:1.3!important;letter-spacing:0!important;overflow-wrap:break-word}
[data-screen-label="B09 Philosophy"] .audience-grid p{font-size:15px!important;line-height:1.55!important;max-width:none!important;letter-spacing:0!important}
[data-screen-label="B09 Philosophy"] .audience-principle{font-size:13px!important;line-height:1.5!important;max-width:none!important;letter-spacing:0!important}
@media(max-width:1023px){
 /* The fixed header and bottom audit button reserve their own space. */
 [data-screen-label="B09 Philosophy"]{padding:0!important;display:block!important}
 .audience-content{position:absolute;inset:88px 22px calc(94px + env(safe-area-inset-bottom));width:auto;overflow-y:auto;overflow-x:hidden;justify-content:flex-start;align-items:stretch;gap:20px;text-align:start;padding-bottom:12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 [data-screen-label="B09 Philosophy"] .audience-content>p[data-from]{font-size:clamp(26px,7vw,34px)!important;line-height:1.2!important;max-width:22ch!important;letter-spacing:-.025em!important}
 [dir=rtl][data-screen-label="B09 Philosophy"] .audience-content>p[data-from]{line-height:1.35!important;letter-spacing:0!important}
 [data-screen-label="B09 Philosophy"] .audience-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 [data-screen-label="B09 Philosophy"] .audience-grid article{min-width:0;padding-top:14px}
 [data-screen-label="B09 Philosophy"] .audience-grid h3{font-size:19px!important;margin:0 0 8px}
 [data-screen-label="B09 Philosophy"] .audience-grid p{font-size:14px!important}
 [data-screen-label="B09 Philosophy"] .audience-principle{font-size:12px!important}
 /* Full-length solution names should not use the old one-word display size. */
 [data-screen-label="B04 Capture"] h3,[data-screen-label="B05 Move"] h3,[data-screen-label="B06 See"] h3{font-size:clamp(30px,8vw,42px)!important;line-height:1.1!important;overflow-wrap:break-word}
 [dir=rtl][data-screen-label="B04 Capture"] h3,[dir=rtl][data-screen-label="B05 Move"] h3,[dir=rtl][data-screen-label="B06 See"] h3{line-height:1.25!important}
 /* Longer examples remain reachable on short screens, instead of being clipped. */
 [data-screen-label="B08 Examples"]>div:first-child{overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;inset:86px 20px calc(94px + env(safe-area-inset-bottom))!important;padding-bottom:12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 [data-screen-label="B08 Examples"] button{overflow-wrap:break-word}
 [data-screen-label="B08 Examples"]>div:first-child>div:last-child>div:nth-child(3)>div>span:nth-child(2){font-size:13px!important;line-height:1.45!important}
 /* Keep long Arabic labels and all header controls within narrow phone widths. */
 header:not(.team-heading)>div{padding-inline:12px!important;gap:6px!important}
 header:not(.team-heading)>div>div{gap:4px!important}
 .language-switch{padding:1px}
 .team-inner{justify-content:flex-start!important;overflow-y:auto;overflow-x:hidden;padding-bottom:12px;scrollbar-width:thin}
}
@media(max-width:1023px) and (max-height:650px){
 .audience-content{top:82px;gap:15px}
 [data-screen-label="B09 Philosophy"] .audience-content>p[data-from]{font-size:26px!important}
 [data-screen-label="B09 Philosophy"] .audience-grid{gap:14px}
}
@media(max-width:1023px) and (orientation:landscape) and (max-height:550px){
 .audience-content{top:80px;gap:14px}
 [data-screen-label="B09 Philosophy"] .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}