/* AstronomyLive Languages · globe switcher (matches the shared header #al-area-header) */
html.al-i18n-pending body{opacity:0}
.al-lang{position:relative;flex:none;display:flex;align-items:center;font-family:ALHeaderGeist,Geist,Arial,sans-serif;font-size:14px;line-height:1.25;color:#eff4f2;z-index:1001}
.al-lang *{box-sizing:border-box}
.al-lang .al-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.al-lang-btn{display:inline-flex!important;align-items:center;gap:7px;height:38px;min-width:44px;margin:0;padding:0 10px 0 9px!important;border:1px solid #3f5648!important;border-radius:6px!important;background:transparent!important;color:#c9f7df!important;font:500 13px ALHeaderGeist,Geist,Arial,sans-serif!important;letter-spacing:.6px;cursor:pointer;transition:border-color .15s,background .15s}
.al-lang-btn svg:first-child{color:#39f8b1}
.al-lang-btn:hover{border-color:#5f8a73!important;color:#fff!important}
.al-lang.is-open .al-lang-btn{border-color:#39f8b1!important;background:#12241b!important}
.al-lang-chev{color:#8fa99a;transition:transform .15s}
.al-lang.is-open .al-lang-chev{transform:rotate(180deg)}
.al-lang-btn:focus-visible,.al-lang button:focus-visible{outline:2px solid #39f8b1;outline-offset:3px}
.al-lang-panel{position:absolute;top:50px;right:-8px;width:432px;max-width:calc(100vw - 24px);background:#0d1512;border:1px solid #2f4238;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.55);overflow:hidden;text-align:left}
.al-lang-panel[hidden]{display:none!important}
.al-lang-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 0}
.al-lang-title{font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:#8fa99a}
.al-lang-done{display:none;height:44px;padding:0 4px;border:0;background:none;color:#9cc9b0;font:500 14px inherit;cursor:pointer}
.al-lang-search{display:block;position:relative;margin:10px 18px 12px}
.al-lang-search input{width:100%;height:40px;padding:0 12px 0 35px;border:1px solid #33463a;border-radius:7px;background:#111a14 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%237f9888' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px center;color:#eff4f2;font:14px ALHeaderGeist,Geist,Arial,sans-serif;outline:none}
.al-lang-search input:focus{border-color:#39f8b1}
.al-lang-suggest{margin:0 18px 10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #2b4434;border-radius:8px;background:#102019}
.al-lang-suggest span{display:flex;flex-direction:column;gap:2px}
.al-lang-suggest small{font-size:11px;color:#8fa99a}
.al-lang-suggest b{font-weight:400;font-size:14px;color:#eff4f2}
.al-lang-suggest button{height:34px;padding:0 12px;border:1px solid #4a7962;border-radius:6px;background:#163025;color:#d6ffe8;font:500 12px ALHeaderGeist,Geist,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.al-lang-list{list-style:none;margin:0;padding:8px 10px 10px;max-height:min(382px,60vh);overflow-y:auto;border-top:1px solid #1f2d26;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px}
.al-lang-list li{margin:0;padding:0}
.al-lang-list li[hidden]{display:none}
.al-lang-item{width:100%;display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:inherit;text-align:start;cursor:pointer;font-family:ALHeaderGeist,Geist,Arial,sans-serif}
.al-lang-item:hover{background:#13211a}
.al-lang-item.is-on{background:#12241b;border-color:#2f5a44}
.al-lang-names{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.al-lang-native{font-size:14px;color:#e4eee7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.al-lang-item.is-on .al-lang-native{color:#c3ffe7}
.al-lang-en{font-size:11px;color:#7f9888;white-space:nowrap}
.al-lang-empty{margin:0;padding:30px 18px;text-align:center;font-size:13px;color:#8fa99a}
.al-lang-foot{margin:0;padding:11px 18px;border-top:1px solid #1f2d26;background:#0a110e;font-size:11px;color:#7f9888}
.al-lang-floating{position:fixed;left:16px;bottom:16px}
.al-lang-floating .al-lang-btn{background:#060a09!important}
.al-lang-floating .al-lang-panel{top:auto;bottom:50px;left:0;right:auto}
/* in the account links, between Account and Log out */
#al-area-header .al-area-account .al-lang{margin:0;order:0}
@media (max-width:1100px){#al-area-header > .al-lang{margin-left:auto}}
@media (max-width:760px){
  #al-area-header > .al-lang{order:1;margin-left:auto;margin-bottom:7px}
  .al-lang-btn .al-lang-code,.al-lang-btn .al-lang-chev{display:none}
  .al-lang-btn{width:44px;height:44px;justify-content:center;padding:0!important}
  .al-lang-panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;max-height:82vh;border-radius:18px 18px 0 0;display:flex;flex-direction:column;z-index:100000}
  .al-lang-panel::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:#33463a;margin:10px auto 0}
  .al-lang.is-open::after{content:"";position:fixed;inset:0;background:rgba(2,5,4,.62);z-index:99999}
  .al-lang-done{display:block}
  .al-lang-title{font-size:18px;font-weight:500;letter-spacing:0;text-transform:none;color:#eff4f2}
  .al-lang-search input{height:44px;font-size:16px}
  .al-lang-list{grid-template-columns:1fr;max-height:none;flex:1}
  .al-lang-item{min-height:54px}
}
@media (prefers-reduced-motion:reduce){.al-lang-btn,.al-lang-chev{transition:none}}
/* Moving between pages: the header stays where it is, the page underneath fades over (Chrome, Edge, Safari) */
@view-transition{navigation:auto}
#al-area-header{view-transition-name:al-header}
#wpadminbar{view-transition-name:al-adminbar}
::view-transition-group(al-header),::view-transition-group(al-adminbar){animation:none}
::view-transition-old(al-header),::view-transition-old(al-adminbar){display:none}
::view-transition-new(al-header),::view-transition-new(al-adminbar){animation:none}
::view-transition-old(root){animation:al-page-out .16s ease-in both}
::view-transition-new(root){animation:al-page-in .3s cubic-bezier(.2,.7,.2,1) both}
@keyframes al-page-out{to{opacity:0}}
@keyframes al-page-in{from{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/* One header geometry on every page, so the links stand in exactly the same place everywhere.
   When the labels of a language need more room, the header first tightens (al-fit-1, al-fit-2)
   and only then moves the menu to its own row (al-fit-wrap). */
html body #al-area-header#al-area-header{gap:24px!important;height:82px!important;min-height:82px!important;flex-wrap:nowrap!important;padding-top:0!important;padding-bottom:0!important;font-size:14px!important}
html body #al-area-header#al-area-header .al-area-tagline{font-size:12px!important;margin-left:22px!important}
html body #al-area-header#al-area-header nav{order:0!important;width:auto!important;gap:30px!important;margin:0 0 0 auto!important;justify-content:flex-start!important;font-size:14px!important;overflow:visible!important}
html body #al-area-header#al-area-header nav a{font-size:14px!important}
html body #al-area-header#al-area-header .al-area-account{gap:12px!important;margin-left:0!important;flex-wrap:nowrap!important;font-size:14px!important}
html body #al-area-header#al-area-header .al-area-dashboard{padding:9px 11px!important}
@media (max-width:1450px){html body #al-area-header#al-area-header .al-area-tagline{display:none!important}}
html body #al-area-header#al-area-header.al-fit-1 .al-area-tagline{display:none!important}
html body #al-area-header#al-area-header.al-fit-1{gap:16px!important}
html body #al-area-header#al-area-header.al-fit-1 nav{gap:18px!important}
html body #al-area-header#al-area-header.al-fit-1 .al-area-account{gap:8px!important}
html body #al-area-header#al-area-header.al-fit-1 .al-area-dashboard{padding:8px!important}
html body #al-area-header#al-area-header.al-fit-2 nav,html body #al-area-header#al-area-header.al-fit-2 nav a,html body #al-area-header#al-area-header.al-fit-2 .al-area-account{font-size:13px!important}
html body #al-area-header#al-area-header.al-fit-2 nav{gap:14px!important}
html body #al-area-header#al-area-header.al-fit-wrap{flex-wrap:wrap!important;height:auto!important;min-height:80px!important;padding-top:14px!important;padding-bottom:14px!important;row-gap:10px!important}
html body #al-area-header#al-area-header.al-fit-wrap nav{order:3!important;width:100%!important;justify-content:center!important;margin:0!important;gap:18px!important}
html body #al-area-header#al-area-header.al-fit-wrap .al-area-account{margin-left:auto!important}
@media (max-width:650px){
  html body #al-area-header#al-area-header.al-fit-wrap nav{gap:15px!important;overflow-x:auto!important;justify-content:flex-start!important}
  html body #al-area-header#al-area-header.al-fit-wrap nav,html body #al-area-header#al-area-header.al-fit-wrap nav a{font-size:12px!important}
  html body #al-area-header#al-area-header.al-fit-wrap .al-area-account{flex-wrap:wrap!important}
}
/* the globe button has the same size on every page, whatever a page's own styles say about svg or letter spacing */
.al-lang .al-lang-btn{letter-spacing:.6px!important}
.al-lang .al-lang-btn > svg:first-child{width:18px!important;height:18px!important;flex:none!important}
.al-lang .al-lang-btn > .al-lang-chev{width:12px!important;height:12px!important;flex:none!important}
/* same side padding on every page (some pages had a vw-based value) */
html body #al-area-header#al-area-header{padding-left:18px!important;padding-right:18px!important}
@media (max-width:610px){html body #al-area-header#al-area-header{padding-left:12px!important;padding-right:12px!important}}