/* Stable three-part masthead: navigation never depends on reading-mode availability. */
body .ma-topbar{display:grid;grid-template-columns:380px minmax(0,1fr) 230px;align-items:center;column-gap:20px;padding:0 24px;height:var(--ma-topbar-h);min-height:72px}
body .ma-topbar-left{grid-column:1;grid-row:1;min-width:0}
body .ma-nav{grid-column:2;grid-row:1;justify-self:center;justify-content:center;flex-wrap:nowrap;width:auto;gap:6px;white-space:nowrap}
.ma-topbar-tools{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:10px;width:230px;min-width:0}
body .ma-topbar-tools .ma-reading-switch,.ma-reading-placeholder{flex:0 0 140px;width:140px;min-width:0;margin:0;box-sizing:border-box}
body .ma-topbar-tools .ma-reading-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 3px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:#62716f;font:500 11px/1.4 system-ui,sans-serif;letter-spacing:.015em;white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease}
body .ma-topbar-tools .ma-reading-switch:hover{background:rgba(20,104,90,.065);color:#14685a}
body .ma-topbar-tools .ma-reading-switch:focus-visible{outline:2px solid #24786e;outline-offset:3px}
.ma-reading-placeholder{height:30px;visibility:hidden}
body .ma-topbar-tools .ma-language-switch{margin:0;padding-left:10px;border-left:0;gap:2px;letter-spacing:.075em;font-size:11px}
body .ma-topbar-tools .ma-language-switch a{padding:7px 8px;min-width:30px;text-align:center;box-sizing:border-box}
@media(min-width:1360px) and (max-width:1550px){body .ma-nav{gap:2px;font-size:11px;letter-spacing:.14em}body .ma-nav a{padding:8px 8px}}
@media(min-width:768px) and (max-width:1359px){body .ma-topbar{grid-template-columns:minmax(0,1fr) 230px;gap:8px 20px;height:auto;padding:12px 20px}body .ma-topbar-left{grid-column:1;grid-row:1}body .ma-topbar-tools{grid-column:2;grid-row:1}body .ma-nav{grid-column:1/-1;grid-row:2;justify-self:center;width:auto;flex-wrap:wrap;gap:4px}body .ma-app{height:auto;flex:1 1 0;min-height:0}}
@media(max-width:767px){body .ma-topbar{grid-template-columns:minmax(0,1fr);gap:8px;height:auto;min-height:0;padding:16px}body .ma-topbar-left{grid-column:1;grid-row:1}body .ma-topbar-tools{grid-column:1;grid-row:2;justify-self:end;width:auto}body .ma-topbar-tools .ma-reading-switch,.ma-reading-placeholder{display:none}body .ma-topbar-tools .ma-language-switch{border:0;padding:0}body .ma-nav{grid-column:1;grid-row:3;justify-self:center;justify-content:center;flex-wrap:wrap;width:100%;gap:6px;font-size:10px;letter-spacing:.13em}body .ma-nav a{padding:7px 8px}}
@media(prefers-reduced-motion:reduce){body .ma-topbar-tools .ma-reading-switch{transition:none}}

body .ma-logo-title,body .ma-logo-sub{white-space:nowrap}

body .ma-logo-sub{font-size:10px;letter-spacing:.13em}
@media(min-width:768px){body.ma-discovery-ready .ma-topbar-tools--reading .ma-language-switch{border-left:1px solid rgba(86,113,105,.18)}}
@media(max-width:767px){body .ma-logo-sub{font-size:8px}}
/* Navigation uses a quiet underline instead of filled pills. */
body .ma-nav a{position:relative;border-radius:0;background:transparent;transition:color .18s ease}
body .ma-nav a:hover,body .ma-nav a[aria-current='page']{background:transparent;color:#1b4942;text-decoration:none}
body .ma-nav a::after{content:'';position:absolute;left:10px;right:10px;bottom:2px;height:1px;background:#638e85;opacity:0;transform:scaleX(.6);transition:opacity .18s ease,transform .18s ease}
body .ma-nav a:hover::after,body .ma-nav a[aria-current='page']::after{opacity:1;transform:scaleX(1)}
body .ma-topbar-tools .ma-reading-switch:hover{background:transparent;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media(prefers-reduced-motion:reduce){body .ma-nav a,body .ma-nav a::after{transition:none}}
/* Larger navigation type without changing the shared column geometry. */
body .ma-nav{font-size:14px;letter-spacing:.14em}
@media(min-width:768px) and (max-width:1550px){body .ma-nav{font-size:13px}}
@media(max-width:767px){body .ma-nav{font-size:11px}}
body .ma-nav{font-weight:500}
body .ma-nav > span[aria-hidden='true']{color:rgba(78,100,94,.24);font-weight:300;font-size:.9em}

/* Softer navigation with more space between destinations. */
body .ma-nav{font-size:13px;font-weight:400;letter-spacing:.12em;gap:12px}
@media(min-width:768px) and (max-width:1550px){body .ma-nav{font-size:12px}}
@media(max-width:767px){body .ma-nav{font-size:11px;gap:6px}}

/* Language links share the navigation's underline states. */
body .ma-topbar-tools .ma-language-switch a{
  position:relative;border-radius:0;background:transparent;font-weight:400;
  transition:color .18s ease;
}
body .ma-topbar-tools .ma-language-switch a:hover,
body .ma-topbar-tools .ma-language-switch a[aria-current]{
  background:transparent;color:#1b4942;text-decoration:none;
}
body .ma-topbar-tools .ma-language-switch a::after{
  content:"";position:absolute;left:8px;right:8px;bottom:2px;height:1px;
  background:#638e85;opacity:0;transform:scaleX(.6);
  transition:opacity .18s ease,transform .18s ease;
}
body .ma-topbar-tools .ma-language-switch a:hover::after,
body .ma-topbar-tools .ma-language-switch a[aria-current]::after{opacity:1;transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){
  body .ma-topbar-tools .ma-language-switch a,
  body .ma-topbar-tools .ma-language-switch a::after{transition:none}
}

/* Right-align the view label and balance the space around its language divider. */
body .ma-topbar-tools{gap:16px}
body .ma-topbar-tools .ma-reading-switch{
  justify-content:flex-end;text-align:right;padding-right:0;padding-left:0;
}
body .ma-topbar-tools .ma-language-switch{padding-left:8px}
@media(max-width:767px){body .ma-topbar-tools .ma-language-switch{padding-left:0}}

/* Languages stand alone after retiring the optional reading-view switch. */
body .ma-topbar-tools .ma-language-switch{border-left:0;padding-left:0}