/* Each website locale keeps its own URL. Font files are self-hosted. */
.language-picker nav{max-height:min(72vh,34rem);overflow-y:auto;overscroll-behavior:contain;min-width:12rem;max-width:calc(100vw - 2rem);text-align:start}
.language-picker nav a{white-space:normal;min-height:2.75rem;display:flex;align-items:center;padding-block:.6rem}
.language-picker{flex-shrink:0}
.website-language-note{max-width:72rem;margin:2.5rem auto;padding:1rem 1.5rem;border:1px solid #ffffff24;border-radius:1rem;color:#b8beb9;font-size:.875rem;line-height:1.7}
.website-language-note p{margin:.25rem 0}
html[dir=rtl] body{text-align:start}
html[dir=rtl] .language-picker nav{right:auto;left:0}
html[dir=rtl] .legal-toc{border-left:0;border-inline-end:1px solid #ffffff24;padding-left:0;padding-inline-end:1.5rem}
html[dir=rtl] .article-content ul,html[dir=rtl] .article-content ol{padding-left:0;padding-inline-start:1.6rem}
html[dir=rtl] input[type=number],html[dir=rtl] input[type=email],html[dir=rtl] .brand,html[dir=rtl] .store-button{direction:ltr}
html[dir=rtl] .brand{unicode-bidi:isolate}
html[dir=rtl] .step-number,html[dir=rtl] .grade-code{unicode-bidi:isolate;direction:ltr}
html[lang] .content-table{overflow-x:auto}
@media(max-width:760px){.language-picker nav{inset-inline-end:0;inset-inline-start:auto}.website-language-note{margin:1.5rem 1rem;padding:1rem}.header{gap:.5rem}}

/* Long translated words and rotated demo captions must fit narrow screens. */
html[lang] h1,html[lang] h2,html[lang] h3{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:760px){html[lang] .demo-caption{white-space:normal;inline-size:calc(100% - 1rem);margin-inline:auto;text-align:center;text-wrap:balance}}


.language-picker a[lang="ko"]{font-family:Pretendard,system-ui,sans-serif}
.language-picker a[lang="ja"]{font-family:"Noto Sans JP",system-ui,sans-serif}
.language-picker a[lang="en"],.language-picker a[lang="id"]{font-family:"notosans",system-ui,sans-serif}

/* Grid items must shrink below their text and phone artwork intrinsic sizes. */
.grade-section,.edit-section,.ratio-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.grade-section>*,.edit-section>*,.ratio-section>*{min-width:0;max-width:100%}
@media(max-width:760px){.grade-section,.edit-section,.ratio-section{grid-template-columns:minmax(0,1fr)}}
/* Preserve connected and stacked scripts rather than Latin display tracking. */
html:is([lang="my"],[lang="km"],[lang="lo"],[lang="th"],[lang="hi"],[lang="bn"],[lang="ta"],[lang="ar"],[lang="fa"],[lang="ur"],[lang="he"]) :is(h1,h2,h3){letter-spacing:normal;line-height:1.4}
@media(max-width:760px){html:is([lang="zh-Hans"],[lang="zh-Hant"]) .hero h1{font-size:clamp(34px,10vw,56px);line-height:1.25}}

/* Decorative editor lettering must not widen a translated page. */
.edit-visual{overflow:hidden}
.edit-word{max-inline-size:calc(100% - 50px);overflow-wrap:anywhere;line-height:1.15}
@media(max-width:760px){.edit-word{font-size:clamp(2rem,8vw,4rem)}}


/* Korean keep-all typography must not prevent other scripts from wrapping. */
html:not(:lang(ko)):not(:lang(en)):not(:lang(ja)):not(:lang(id)) :is(p,li,td,th,dd,dt,a,span,label,summary,button,output){word-break:normal;overflow-wrap:anywhere;hyphens:auto}

/* Longer translated support links wrap instead of widening their container. */
.inline-links{flex-wrap:wrap;max-inline-size:100%;white-space:normal}
.inline-links a{min-inline-size:0;max-inline-size:100%}

/* Contextual reading remains visible and usable in long and RTL translations. */
.context-guide-links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-block:2rem;padding-block:1rem;border-block:1px solid #ffffff24}
.context-guide-links a{min-inline-size:0;max-inline-size:100%;line-height:1.7;text-decoration:underline;text-underline-offset:.2em}


/* Noto fonts, OFL-1.1; full source and checksums in FONT-LICENSES.json. */
@font-face{font-family:"notosans";src:url("/assets/fonts/notosans.woff2?v=c60121da71a1") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"notosansarabic";src:url("/assets/fonts/notosansarabic.woff2?v=8b9e4594b36a") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"notosansbengali";src:url("/assets/fonts/notosansbengali.woff2?v=5f75c4357049") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"notosansdevanagari";src:url("/assets/fonts/notosansdevanagari.woff2?v=6770ec12dac9") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"notosanshebrew";src:url("/assets/fonts/notosanshebrew.woff2?v=6763a4b101a2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"notosanskhmer";src:url("/assets/fonts/notosanskhmer.woff2?v=a632d4928a2e") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"notosanslao";src:url("/assets/fonts/notosanslao.woff2?v=f8669632e3f2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"notosansmyanmar";src:url("/assets/fonts/notosansmyanmar.woff2?v=b7423c68e357") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"notosanssc";src:url("/assets/fonts/notosanssc.woff2?v=76577af01a30") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"notosanstamil";src:url("/assets/fonts/notosanstamil.woff2?v=2583c315f510") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"notosanstc";src:url("/assets/fonts/notosanstc.woff2?v=f5a87f8645cf") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"notosansthai";src:url("/assets/fonts/notosansthai.woff2?v=233de214c98f") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
html[lang="zh-Hans"] body,.language-picker a[lang="zh-Hans"]{font-family:"notosanssc","notosans",Pretendard,system-ui,sans-serif}
html[lang="zh-Hant"] body,.language-picker a[lang="zh-Hant"]{font-family:"notosanstc","notosans",Pretendard,system-ui,sans-serif}
html[lang="vi"] body,.language-picker a[lang="vi"]{font-family:"notosans","notosans",Pretendard,system-ui,sans-serif}
html[lang="th"] body,.language-picker a[lang="th"]{font-family:"notosansthai","notosans",Pretendard,system-ui,sans-serif}
html[lang="ms"] body,.language-picker a[lang="ms"]{font-family:"notosans","notosans",Pretendard,system-ui,sans-serif}
html[lang="fil"] body,.language-picker a[lang="fil"]{font-family:"notosans","notosans",Pretendard,system-ui,sans-serif}
html[lang="my"] body,.language-picker a[lang="my"]{font-family:"notosansmyanmar","notosans",Pretendard,system-ui,sans-serif}
html[lang="km"] body,.language-picker a[lang="km"]{font-family:"notosanskhmer","notosans",Pretendard,system-ui,sans-serif}
html[lang="lo"] body,.language-picker a[lang="lo"]{font-family:"notosanslao","notosans",Pretendard,system-ui,sans-serif}
html[lang="hi"] body,.language-picker a[lang="hi"]{font-family:"notosansdevanagari","notosans",Pretendard,system-ui,sans-serif}
html[lang="bn"] body,.language-picker a[lang="bn"]{font-family:"notosansbengali","notosans",Pretendard,system-ui,sans-serif}
html[lang="ta"] body,.language-picker a[lang="ta"]{font-family:"notosanstamil","notosans",Pretendard,system-ui,sans-serif}
html[lang="ur"] body,.language-picker a[lang="ur"]{font-family:"notosansarabic","notosans",Pretendard,system-ui,sans-serif}
html[lang="es"] body,.language-picker a[lang="es"]{font-family:"notosans","notosans",Pretendard,system-ui,sans-serif}
html[lang="pt"] body,.language-picker a[lang="pt"]{font-family:"notosans","notosans",Pretendard,system-ui,sans-serif}
html[lang="fr"] body,.language-picker a[lang="fr"]{font-family:"notosans","notosans",Pretendard,system-ui,sans-serif}
html[lang="de"] body,.language-picker a[lang="de"]{font-family:"notosans","notosans",Pretendard,system-ui,sans-serif}
html[lang="it"] body,.language-picker a[lang="it"]{font-family:"notosans","notosans",Pretendard,system-ui,sans-serif}
html[lang="ru"] body,.language-picker a[lang="ru"]{font-family:"notosans","notosans",Pretendard,system-ui,sans-serif}
html[lang="pl"] body,.language-picker a[lang="pl"]{font-family:"notosans","notosans",Pretendard,system-ui,sans-serif}
html[lang="nl"] body,.language-picker a[lang="nl"]{font-family:"notosans","notosans",Pretendard,system-ui,sans-serif}
html[lang="ar"] body,.language-picker a[lang="ar"]{font-family:"notosansarabic","notosans",Pretendard,system-ui,sans-serif}
html[lang="tr"] body,.language-picker a[lang="tr"]{font-family:"notosans","notosans",Pretendard,system-ui,sans-serif}
html[lang="fa"] body,.language-picker a[lang="fa"]{font-family:"notosansarabic","notosans",Pretendard,system-ui,sans-serif}
html[lang="he"] body,.language-picker a[lang="he"]{font-family:"notosanshebrew","notosans",Pretendard,system-ui,sans-serif}