.dc-locale-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;margin-left:8px;border:1px solid #b8db6040;border-radius:8px;color:#b8db60;font:600 11px/1 system-ui;text-decoration:none}
.dc-locale-link:focus-visible{outline:2px solid #b8db60;outline-offset:3px}
header:has(>.dc-locale-link){gap:8px}
header:has(>.dc-locale-link)>nav{margin-left:auto}
html[lang="en"] .header-nav a{white-space:normal}
#dino-time-tree .dtt-appbar .dtt-header-tools>.dc-locale-link{margin:0;order:3}
@media(max-width:780px){#dino-time-tree .dtt-appbar .dtt-header-tools{grid-template-columns:minmax(0,1fr) auto auto}#dino-time-tree .dtt-appbar .dtt-header-tools>.dc-locale-link{grid-column:3;grid-row:1}#dino-time-tree .dtt-appbar .dtt-search{grid-column:1;grid-row:1}#dino-time-tree .dtt-appbar .dtt-zoom-controls{grid-column:2;grid-row:1}}
@media(max-width:600px){header:has(>.dc-locale-link) .brand>span{display:none}header:has(>.dc-locale-link) .header-nav{flex:1;justify-content:flex-end}header:has(>.dc-locale-link) .header-nav a{padding:8px 7px;font-size:10px}}
@media(max-width:560px){html[lang="en"] .scale-card::after{content:'Swipe the diagram sideways to see it all ↔'}}