/* Translated copy can be longer than the English tour's fixed-width examples. */
.posit-wrap{max-width:100%;overflow-x:auto}.posit-wrap:focus-visible{outline:2px solid #ffc49a;outline-offset:4px}
.hero-copy,.sec-head>*{min-width:0}h1,h2,h3,.lead{overflow-wrap:break-word;hyphens:auto}
.cell b,.node b{overflow-wrap:anywhere}
html:not([lang^=en]) .hero-actions a{white-space:normal}
@font-face{font-family:OneVeerArabic;src:url('/assets/fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
html[dir=rtl]{--sans:OneVeerArabic,sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:OneVeerArabic,sans-serif}
html[dir=rtl] .schem-grid,html[dir=rtl] .bp,html[dir=rtl] pre{direction:ltr}
.chain,.chain-block{min-width:0}.chain-row{flex-wrap:wrap}.chain-row span:first-child{white-space:normal;overflow-wrap:anywhere}.chain-row em{white-space:normal;overflow-wrap:anywhere;max-width:100%}
@media(max-width:640px){.chain[style]{grid-template-columns:minmax(0,1fr)!important}.io div{grid-template-columns:minmax(0,1fr)}.io .l{overflow-wrap:anywhere}}
