/* Approved typography, scoped to the two private page bodies. Original Menu is untouched. */
@font-face{font-family:'SingulX Google Sans Flex';src:url('/assets/google-sans-flex/GoogleSansFlex-latin.woff2') format('woff2');font-style:normal;font-weight:400 500;font-display:swap}
#sx-main-content.fi-page,#sx-main-content.fi-page *{font-family:'SingulX Google Sans Flex',Arial,sans-serif!important;font-optical-sizing:auto;font-synthesis:none}
#sx-main-content.fi-page{font-weight:400;letter-spacing:.008em;line-height:1.5}
#sx-main-content.fi-page :is(h1,h2,h3,h4){letter-spacing:-.0225em;line-height:1.1;font-weight:450}
#sx-main-content.fi-page .fi-page-title{font-weight:500;letter-spacing:-.0225em;line-height:1.04}
#sx-main-content.fi-page .fi-hero-thesis{font-weight:500;font-size:54px;line-height:1.04;letter-spacing:-.0225em}
#sx-main-content.fi-page .sa-hero-thesis{font-weight:500;line-height:1.08!important;letter-spacing:-.0225em}
#sx-main-content.fi-page p{font-weight:400;line-height:1.5;letter-spacing:.008em}
#sx-main-content.fi-page .fi-definition{font-size:26px;line-height:1.45;letter-spacing:.006em}
#sx-main-content.fi-page .fi-purpose p{font-size:20px;line-height:1.45;letter-spacing:.006em}
#sx-main-content.fi-page :is(.fi-topics>a,.sa-topics>div){font-weight:500;letter-spacing:.005em;line-height:1.4}
#sx-main-content.fi-page :is(.fi-label,.fi-status,.fi-entry-num){font-weight:500;letter-spacing:.04em}
#sx-main-content.fi-page :is(.fi-section-title,.fi-entry h3,.sa-engagement-grid h3,.sa-operating-grid h4){font-weight:500;letter-spacing:0;line-height:1.2}
#sx-main-content.fi-page .fi-select{font-weight:inherit;letter-spacing:inherit;line-height:inherit}
#sx-main-content.fi-page .sa-engagement-intro h2{font-size:36px;line-height:1.08;font-weight:450}
#sx-main-content.fi-page :is(.sa-engagement-intro p,.sa-engagement-grid p){font-size:18px;line-height:1.5}
#sx-main-content.fi-page .sa-output strong{font-size:23px;font-weight:450;line-height:1.3;letter-spacing:-.012em}
#sx-main-content.fi-page .sa-output span{font-size:12px;font-weight:500;letter-spacing:.05em;line-height:1.5}
#sx-main-content.fi-page .fi-button{font-size:15px;font-weight:500;letter-spacing:.02em;line-height:1.5}
#sx-main-content.fi-page .fi-page-switch{font-weight:500;letter-spacing:0;line-height:1.4}
#sx-main-content.fi-page :is(.fi-audience-names,.sa-thesis){letter-spacing:.006em;line-height:1.45}
/* Allow text to take the space it needs inside existing panels. */
#sx-main-content.fi-page :is(h1,h2,h3,h4,p,a,button,strong){overflow-wrap:break-word}
#sx-main-content.fi-page :is(.fi-hero-bottom>*,.fi-introduction>*,.fi-information>*,.fi-entry>*,.sa-engagement-grid article>*,.sa-operating-grid article>*,.sa-question li){min-width:0}
@media(max-width:700px){
 #sx-main-content.fi-page .fi-hero-thesis{font-size:38px;line-height:1.06;letter-spacing:-.021em}
 #sx-main-content.fi-page .fi-definition{font-size:21px;line-height:1.5;letter-spacing:.004em}
 #sx-main-content.fi-page .fi-purpose p{font-size:19px;line-height:1.45}
 #sx-main-content.fi-page .sa-engagement-intro h2{font-size:31px;line-height:1.1}
 #sx-main-content.fi-page .fi-button{font-size:14px;line-height:1.5}
}
/* Keep the engagement introduction distinct from the first panel when it stacks. */
@media(max-width:700px){#sx-main-content.fi-page .sa-engagement-heading{margin-bottom:24px}}
/* Let numbered text gutters grow with enlarged text, without changing panel composition. */
#sx-main-content.fi-page .sa-audience-grid article{grid-template-columns:minmax(25px,2ch) minmax(0,1fr)}
#sx-main-content.fi-page .sa-audience-grid article>div{min-width:0}
@media(max-width:700px){#sx-main-content.fi-page :is(.fi-entry,.fi-entry:first-child,.fi-entry:last-child){grid-template-columns:minmax(24px,2ch) minmax(0,1fr)}}
