/* Education product identity. All internal home links remain inside /education/. */
.education-product-nav{display:flex;align-items:center;gap:6px;min-width:0}
.education-product-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:8px 12px;border:1px solid transparent;border-radius:9px;color:#405a75;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.education-product-nav a:hover,.education-product-nav a:focus-visible{background:#f0f6fd;border-color:#dce7f4;color:#184a82}
.education-product-nav a[aria-current="page"]{background:#edf4fb;border-color:#d6e5f4;color:#205793}
.education-choose-title{font-size:15px;line-height:1.4;font-weight:650;color:#38536f;margin:22px 0 6px}
.education-topic-quicknav a[data-education-link="studio"]{background:#edf5fc;border-color:#b8cee8;color:#205793;font-weight:650}
@media(max-width:610px){.tu-shell-top{min-height:66px!important}.education-product-nav{gap:1px}.education-product-nav a{font-size:12px;padding:7px 7px;min-height:40px}.tu-shell-brand .tu-shell-wordmark{letter-spacing:-.03em}.studio-lang-field{font-size:0!important;gap:0!important}.studio-lang-field select{font-size:12px!important;max-width:90px!important}.tu-shell-actions{gap:4px!important}}
@media(max-width:370px){.education-product-nav a{font-size:11px;padding:6px 5px}.studio-lang-field select{max-width:73px!important}}
@media print{.education-product-nav,.education-choose-title{display:none!important}}
/* Product headers have their own compact two-row layout on phones. This also
 * leaves room for the Studio language selector without horizontal overflow. */
@media(max-width:610px){
 .tu-shell-top{flex-wrap:wrap!important;gap:4px 8px!important;padding:9px 0!important}
 .tu-shell-actions{flex:1 1 100%!important;margin-left:0!important;justify-content:space-between!important;min-width:0}
 .education-product-nav a{min-height:38px}
}
@media(max-width:610px){
 .tu-shell-header[data-tu-shell="1"] nav.tu-shell-top{flex-wrap:wrap!important}
 .tu-shell-header[data-tu-shell="1"] .tu-shell-actions{flex:1 1 100%!important;margin-left:0!important;justify-content:space-between!important}
}
/* The product logo already is the Worksheets/Home control on phones:
 * showing both it and an extra "Worksheets" tab consumes limited width. */
@media(max-width:610px){
 .education-product-nav a[data-education-nav="worksheets"]{display:none!important}
 .education-product-nav a[data-education-nav="studio"]{font-size:12px!important;padding:6px 9px!important;min-height:38px}
}
@media(min-width:611px) and (max-width:900px){
 .education-product-nav a[data-education-nav="worksheets"]{display:none!important}
 .education-product-nav a[data-education-nav="studio"]{padding:7px 10px}
}
@media(min-width:611px) and (max-width:900px){
 .studio-lang-field{font-size:0!important;gap:0!important}
 .studio-lang-field select{max-width:130px!important;font-size:12px!important}
}

/* A text navigation link must never shrink underneath the language select.
 * At phone/tablet widths, the visible task launcher already links to Studio,
 * while the logo remains a reliable Education home link. */
@media (max-width:900px){
 .tu-shell-header .education-product-nav{display:none!important}
 .tu-shell-header .tu-shell-actions{flex:0 0 auto!important;min-width:0!important;margin-left:auto!important}
 .tu-shell-header .growth-locale-control{position:relative!important;flex:0 0 auto!important;min-width:0!important;margin:0!important}
 .tu-shell-header #growth-language{max-width:min(44vw,190px)!important;min-width:0!important}
}
.education-language-practice{margin:0 0 12px;min-width:0}
.education-language-pair{gap:10px!important}
.education-language-pair .field{flex:1 1 145px;min-width:0}
.education-language-pair select{width:100%;max-width:100%}
.education-sample-actions{gap:8px!important;align-items:center}
.education-sample-actions .mini{margin:0;font-size:12px;color:#617084}
.education-regional-more{margin:6px 0 16px}
.education-regional-more>summary{padding:7px 0;font-size:13px;font-weight:600;color:#496785;cursor:pointer}
.education-regional-more[open] .regional-presets{margin-top:8px}
@media(max-width:420px){.education-language-pair .field{flex-basis:100%}.education-sample-actions{align-items:flex-start}}
@media print{.education-language-practice,.education-regional-more{display:none!important}}
/* Longer translated labels can exceed 900px. Hide the redundant header
 * shortcut through smaller desktop sizes; the main tool list remains visible. */
@media (min-width:901px) and (max-width:1150px){
 .tu-shell-header .education-product-nav{display:none!important}
 .tu-shell-header .tu-shell-actions{flex:0 0 auto!important;margin-left:auto!important}
}