/* Four type roles: page 40, section 24, body 16, caption/data 12. */
html{font-size:16px}html body,html body *{font-size:16px!important;line-height:1.5}
html body :is(h1,h1 *){font-size:40px!important;line-height:1.12}
html body :is(h2,h2 *,h3,h3 *,.metric,.stat dd){font-size:24px!important;line-height:1.3}
html body :is(small,small *,.note,.note *,.status,.status *,footer,footer *,.eyebrow,.eyebrow *,.meta,.meta *,pre,pre *,output,.badge,.badge *,#search-status,#search-status *,#results span,#languages,#languages *,#historyDetail dt){font-size:12px!important;line-height:1.5}
html body :is(table,table *,svg text,svg tspan){font-size:12px!important;line-height:1.4}
html body :is(input,select,textarea,button:not(.history-open)){line-height:1.5}
html body :is(h1,h2,h3,p,a,dt,dd,legend,label,summary){overflow-wrap:anywhere}
html body :is(form,fieldset,main,.controls,.controls label,.hero>*,.stats>*,.section-top>*,.bar>*,.row>*){min-width:0;max-width:100%}
html body fieldset{margin-inline:0}html body form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;min-width:0}
html body .preferences{flex-wrap:wrap;gap:12px}html body .bar{flex-wrap:wrap}html body .brand{flex-shrink:0}html body .brand img{flex-shrink:0}
html body #historyDetail{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
@media(max-width:360px){html body .search-row{flex-wrap:wrap}html body .search-row input{flex:1 1 100%;width:100%}html body .search-row button{width:100%}html body .controls{grid-template-columns:minmax(0,1fr)}html body #historyDetail dl{grid-template-columns:minmax(0,1fr)}html body #historyDetail dd{margin-bottom:10px}html body .division h3{flex-wrap:wrap;gap:6px 10px}}
@media(max-width:260px){html body .preferences{left:12px;right:12px}html body.so-inner-page{padding-top:124px!important}html body:not(.so-inner-page){padding-top:124px}html body main{padding-inline:10px}html body .card{padding-inline:10px}html body .preferences #languages{margin-left:auto}}
@media(max-width:700px){html body #tables th:nth-child(1){width:7%}html body #tables th:nth-child(2){width:20%}html body #tables th:nth-child(3){width:14%}html body #tables th:nth-child(4),html body #tables th:nth-child(5){width:18%}html body #tables th:nth-child(6),html body #tables th:nth-child(7){width:11.5%}html body #tables td:not(:nth-child(2)){white-space:normal;overflow-wrap:anywhere}html body .division h3 small{font-size:12px!important}}
@media(max-width:300px){html body #tables .scroll{overflow-x:auto}html body #tables table{min-width:300px}}
