/* Local OFL Noto fonts: see font-preparation/international-fonts.json. */
@font-face{font-family:'Noto Sans';src:url('/fonts/NotoSans-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url('/fonts/NotoSansArabic-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans Hebrew';src:url('/fonts/NotoSansHebrew-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans Devanagari';src:url('/fonts/NotoSansDevanagari-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans Bengali';src:url('/fonts/NotoSansBengali-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans Thai';src:url('/fonts/NotoSansThai-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans KR';src:url('/fonts/NotoSansKR-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('/fonts/NotoSansSC-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans TC';src:url('/fonts/NotoSansTC-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
body{font-family:'Noto Sans','Noto Sans JP',sans-serif}
html[lang=ja] body{font-family:'Noto Sans JP','Noto Sans',sans-serif}
html[lang=ar] body{font-family:'Noto Sans Arabic','Noto Sans',sans-serif;letter-spacing:normal}
html[lang=he] body{font-family:'Noto Sans Hebrew','Noto Sans',sans-serif}
html[lang=hi] body{font-family:'Noto Sans Devanagari','Noto Sans',sans-serif}
html[lang=bn] body{font-family:'Noto Sans Bengali','Noto Sans',sans-serif}
html[lang=th] body{font-family:'Noto Sans Thai','Noto Sans',sans-serif}
html[lang=ko] body{font-family:'Noto Sans KR','Noto Sans',sans-serif}
html[lang=zh-Hans] body{font-family:'Noto Sans SC','Noto Sans',sans-serif}
html[lang=zh-Hant] body{font-family:'Noto Sans TC','Noto Sans',sans-serif}
html[dir=rtl] .type-code{direction:ltr;unicode-bidi:isolate}
html[lang=ar] .eyebrow,html[lang=ar] h1{letter-spacing:normal}
/* Long translated words must shrink within flex cards instead of being clipped. */
.diagnosis-card>div{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.diagnosis-intro h1,.hero h1,.section-heading h2,.question-panel h2,.share-panel h2,.result-body,.answer-highlight{overflow-wrap:anywhere;hyphens:auto}
.answer-options button>span:not(.option-arrow):not(.option-marker){min-width:0;overflow-wrap:anywhere;hyphens:auto}
.site-header .brand{min-width:0;overflow-wrap:anywhere}
.site-header select{flex-shrink:0}
.question-top{flex-wrap:wrap;gap:4px 10px}
html:is([lang=hi],[lang=bn],[lang=th]) h1,html:is([lang=hi],[lang=bn],[lang=th]) .eyebrow{letter-spacing:normal}
@media(max-width:760px){
  .hero{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:0 10px;align-items:start;min-height:0;padding:20px 20px 28px}
  .hero-copy{display:contents}
  .hero .eyebrow{grid-column:1/-1;justify-self:start}
  .hero h1{grid-column:1/-1;max-width:none;width:auto;margin:18px 0 16px}
  .hero p{grid-column:1;grid-row:3;width:auto;max-width:none;margin:0}
  .hero .hero-cta{grid-column:1;grid-row:4;justify-self:start;max-width:100%;margin:12px 0 0;padding:9px 13px;overflow-wrap:anywhere;hyphens:auto}
  .hero-image{position:static;grid-column:2;grid-row:3/5;align-self:end;width:126px;height:170px;max-height:170px;object-fit:contain}
}
@media(max-width:360px){html[lang=ja] .hero h1{font-size:30px}}