/* Scoped language layout: the main website retains its approved design. */
.learn-page .language-switch[hidden]{display:none!important}
.learn-page .learn-main,.learn-page .learn-hero-grid>*,.learn-page .lesson-card,.learn-page .learning-map>*{min-width:0}
.learn-page .learn-nav-group a,.learn-page .learn-path span,.learn-page .lesson-card,.learn-page .learning-map>*{overflow-wrap:anywhere}
html:not([lang="en"]) .learn-page .learn-kicker,html:not([lang="en"]) .learn-page .learn-sidebar-title,html:not([lang="en"]) .learn-page .learn-nav-group>strong{letter-spacing:normal}
html:not([lang="en"]) .learn-page .learn-hero h1{line-height:1.2}
.learn-page .learn-hero-actions a,.learn-page .learn-support a{white-space:normal;text-align:center}
.learn-page #lesson-search{direction:inherit;unicode-bidi:plaintext;text-align:start}
.learn-page .learn-table td,.learn-page .learn-table th{text-align:start}
html[dir="rtl"] .learn-page .learn-sidebar{padding:8px 0 18px 16px}
html[dir="rtl"] .learn-page .callout{border-left:0;border-right:3px solid #008dc5}
html[dir="rtl"] .learn-page .article-toc ol{padding-left:0;padding-right:20px}
html[dir="rtl"] .learn-page .learn-sidebar-close{margin-left:0;margin-right:auto}
.learn-page .figure-button,.learn-page #full-chart{direction:ltr}
@media(min-width:1201px){.learn-page .site-header nav{gap:clamp(10px,1.1vw,20px)}.learn-page .site-header nav>a:not(.button){white-space:normal;max-width:145px}.learn-page .site-header .brand img{width:185px}.learn-page .site-header .nav-shell{gap:18px}.learn-page .site-header .nav-cta{white-space:normal;text-align:center;max-width:145px}}
@media (max-width:1200px){
  body.mobile-nav-open{overflow:hidden}
  .site-header .nav-shell{position:relative;height:76px;gap:10px}
  .site-header .brand{margin-inline-end:auto}
  .site-header .brand img{width:145px;max-width:145px}
  .site-header .nav-shell>.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;max-width:none;min-height:44px;margin:0;padding:7px 4px;border:0;background:transparent;color:#087fa9;font-size:14px;font-weight:650;white-space:nowrap;order:2}
  .site-header .nav-shell>.language-switch .language-globe{width:19px;height:19px}
  .site-header .menu-toggle{position:relative;z-index:44;order:3;display:flex;width:44px;height:44px;flex:none;gap:6px;border:1px solid #d7e4ec;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(16,43,67,.035)}
  .site-header .menu-toggle span{position:absolute;left:12px;width:20px;height:2px;background:#102b43;border-radius:999px;transform-origin:center;transition:transform .2s ease,top .2s ease,opacity .2s ease}
  .site-header .menu-toggle span:first-child{top:17px}
  .site-header .menu-toggle span:last-child{top:25px}
  .site-header .menu-toggle[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
  .site-header .menu-toggle[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}
  .site-header nav{display:none;position:absolute;top:calc(100% + 10px);left:20px;right:20px;z-index:43;margin:0;padding:12px;border:1px solid #dce8ef;border-radius:18px;background:rgba(255,255,255,.995);box-shadow:0 22px 55px rgba(16,43,67,.16)}
  .site-header nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
  .site-header nav>a:not(.button){display:flex;align-items:center;min-height:54px;margin:0;padding:13px 15px;border:1px solid #dfe9ef;border-radius:12px;background:#fff;color:#334f62;font-size:15px;font-weight:650;line-height:1.25}
  .site-header nav>a:not(.button):active{background:#f2f9fc}
  .site-header nav .language-switch{display:none!important}
  .site-header .nav-cta{grid-column:1/-1;width:100%;min-height:52px;margin:4px 0 0;padding:13px 18px!important;border-radius:12px;font-size:15px;align-self:stretch}
  .mobile-nav-backdrop{display:none;position:fixed;inset:76px 0 0;z-index:29;width:100%;height:auto;padding:0;border:0;background:rgba(16,43,67,.08);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);cursor:default}
  .mobile-nav-backdrop.open{display:block}
}
@media (max-width:380px){
  .site-header .brand img{width:118px;max-width:118px}
  .site-header .nav-shell>.language-switch{font-size:13px;gap:5px;padding-inline:2px}
  .site-header nav{left:14px;right:14px;padding:10px}
  .site-header nav>a:not(.button){min-height:50px;padding:11px 12px;font-size:14px}
}

@media(max-width:1200px){.learn-page .site-header .nav-shell{height:82px;min-height:82px}.learn-page .site-header nav>a:not(.button){white-space:normal}.learn-page .site-header .nav-shell>.language-switch{max-width:155px;white-space:normal;text-align:center}}
@media(max-width:860px){html[dir="rtl"] .learn-page .learn-sidebar{left:auto;right:0;transform:translateX(105%);padding:24px}html[dir="rtl"] .learn-page .learn-sidebar.open{transform:translateX(0)}html[dir="rtl"] .learn-page:not(.learn-enhanced) .learn-sidebar{transform:none}.learn-page .learn-hero-card{padding:22px}}
@media(max-width:600px){.learn-page .learn-table td{grid-template-columns:minmax(76px,30%) minmax(0,1fr)}.learn-page .learn-path{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-page .learn-path span:last-child{grid-column:1/-1}.learn-page .learn-path span{font-size:12px;line-height:1.5}.learn-page .learn-hero-actions{align-items:stretch}.learn-page .learn-hero-actions>a{max-width:100%}}
@media(max-width:380px){.learn-page .site-header .nav-shell>.language-switch{max-width:calc(100vw - 222px);flex:0 1 auto;min-width:0}.learn-page .language-switch span{min-width:0;overflow-wrap:anywhere}}
html[dir="rtl"] .learn-page .callout.green{border-right-color:#087f5b}
/* Translated workflow labels need more room than the five compact English tiles. */
html:not([lang="en"]) .learn-page .learn-path{grid-template-columns:repeat(2,minmax(0,1fr))}
html:not([lang="en"]) .learn-page .learn-path span{font-size:12px;line-height:1.5}
html:not([lang="en"]) .learn-page .learn-path span:last-child{grid-column:1/-1}
