/* Language expansion follows the original project layouts. */
html[lang=en] [data-bio-layout]{min-width:0}
html[lang=en][data-bio-project=holiday-01-paramecium] .segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
html[lang=en][data-bio-project=holiday-01-paramecium] .segmented button{min-width:0;padding:8px 4px;font-size:16px;white-space:normal}
html[lang=en][data-bio-project=holiday-01-paramecium] .parts button{font-size:17px!important;overflow-wrap:normal!important;word-break:normal}
html[lang=en][data-bio-project=nephron] header{flex-wrap:wrap;min-width:0}
html[lang=en][data-bio-project=nephron] #taskLine{flex:1 1 260px;min-width:0;white-space:normal;font-size:22px}
html[lang=en][data-bio-project=nephron] main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
html[lang=en][data-bio-project=nephron] main>*{min-width:0}
html[lang=en][data-bio-project=nephron] table{width:100%;table-layout:fixed}
html[lang=en][data-bio-project=nephron] th,html[lang=en][data-bio-project=nephron] td{overflow-wrap:normal;word-break:normal;padding:5px;font-size:20px}
html[lang=en][data-bio-project=nephron] canvas{max-width:100%;height:auto!important;object-fit:contain}
html[lang=en][data-bio-project=nephron] .legend span{min-width:0;white-space:normal;max-width:100%}
html[lang=en][data-bio-project=nephron] footer{flex-wrap:wrap;font-size:16px;min-width:0}
html[data-bio-project=holiday-07-circulation] .sidebar-footer{white-space:normal;min-width:0;overflow-wrap:break-word}
html[lang=en][data-bio-project=passive-transport-classroom] #app{min-width:0}
html[lang=en][data-bio-project=passive-transport-classroom] #app>*{min-width:0}
html[lang=en][data-bio-project=passive-transport-classroom] header{flex-wrap:wrap;gap:10px}
html[lang=en][data-bio-project=passive-transport-classroom] .brand{min-width:0;white-space:normal}
html[lang=en][data-bio-project=passive-transport-classroom] .header-tools{flex-wrap:wrap;min-width:0;gap:6px}
html[lang=en][data-bio-project=passive-transport-classroom] .header-tools button{font-size:.76rem;padding:7px 9px;white-space:normal}
html[lang=en][data-bio-project=passive-transport-classroom] #lesson-nav{grid-template-columns:repeat(8,minmax(0,1fr));min-width:0}
html[lang=en][data-bio-project=passive-transport-classroom] #lesson-nav button{min-width:0;white-space:normal;font-size:.76rem}
@media(max-width:1000px){html[lang=en][data-bio-project=nephron] main{grid-template-columns:minmax(0,1fr)}html[lang=en][data-bio-project=passive-transport-classroom] #lesson-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){html[lang=en][data-bio-project=nephron] th,html[lang=en][data-bio-project=nephron] td{font-size:16px}html[lang=en][data-bio-project=passive-transport-classroom] #lesson-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

html[data-bio-project=holiday-07-circulation] .sidebar-footer{width:100%;max-width:100%;box-sizing:border-box;flex-direction:column;align-items:flex-start}html[data-bio-project=holiday-07-circulation] .sidebar-footer>*{max-width:100%;white-space:normal}

html[lang=en][data-bio-project=holiday-01-paramecium] .parts{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[lang=en][data-bio-project=holiday-01-paramecium] .parts button{min-width:0}

html[data-bio-project=nephron] header{flex-wrap:wrap;min-width:0}
html[data-bio-project=nephron] .logo{min-width:0;max-width:100%;white-space:normal}
html[data-bio-project=nephron] .logo span{min-width:0;overflow-wrap:break-word}
html[lang=en][data-bio-project=nephron] .stageGuide::before{content:"Demo"}
html[lang=en][data-bio-project=nephron] th{overflow-wrap:anywhere}
html[lang=en][data-bio-project=membrane-transport-pk] .brand{white-space:normal;min-width:0;max-width:100%}
html[lang=en][data-bio-project=membrane-transport-pk] .brand>span:last-child{min-width:0}
html[lang=en][data-bio-project=membrane-transport-pk] .brand small{display:block;white-space:normal}
@media(max-width:1000px){html[data-bio-project=nephron] main{grid-template-columns:minmax(0,1fr)}html[data-bio-project=nephron] main>*{min-width:0}html[data-bio-project=nephron] canvas{max-width:100%;height:auto!important}html[data-bio-project=nephron] #taskLine{flex:1 1 100%;white-space:normal}}