/* ALVAU MAGAZINE: shared source-preserving presentation, 19 October 2026. */
:root { --header:104px; --sticky-header-height:140px; }
.masthead .header-inner { height:104px; min-height:104px; grid-template-columns:1fr auto 1fr; }
.masthead.is-compact .header-inner { height:88px; min-height:88px; }
.masthead-tagline { padding:0 20px 10px; }
.masthead-tagline p { margin:0; line-height:1.5; }
.topic-bar { display:flex; flex-wrap:wrap; overflow:visible; align-items:center; justify-content:center; gap:2px 22px; padding:8px 24px; background:#000; color:#fff; }
.topic-bar>a,.topic-bar>.nav-group>summary { font-size:12px; line-height:1.5; text-transform:none; letter-spacing:.015em; min-height:44px; white-space:nowrap; }
.topic-bar>.nav-group { position:relative; }
.topic-bar .nav-submenu { max-height:min(72vh,600px); overflow-y:auto; }
.topic-bar a,.topic-bar summary { color:white!important; }
.topic-bar a[aria-current],.drawer-nav a[aria-current] { text-decoration:underline; text-underline-offset:5px; }
.drawer-nav .utility-menu { margin-top:24px; border-top:1px solid #555; }
.drawer-nav .utility-menu>.nav-submenu { margin-inline-start:0; border:0; padding-inline-start:0; }
.article-siblings { display:flex; flex-wrap:wrap; gap:12px 22px; padding-block:18px; margin-block:0 28px; border-block:1px solid #bda678; font:500 14px/1.6 var(--sans); }
.article-siblings a { display:inline-flex; align-items:center; min-height:44px; padding:4px 0; text-underline-offset:5px; }
.article-siblings a[aria-current] { font-weight:600; color:#72551e; }
.imported-shell { margin-block:16px 64px; min-width:0; }
.imported-article { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.imported-article * { min-width:0; }
.imported-article>article { max-width:100%; }
.imported-article .toc,.imported-article nav.contents { position:static; max-height:none; overflow:visible; }
.imported-article h1 { text-wrap:balance; }
.imported-article header { position:static; }
.imported-article .table-wrap,.imported-article .table-scroll { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
.imported-article table { max-width:none; }
.imported-article img,.integrated-article img,.editorial-card-image img,.editorial-picture img,.article-hero img { height:auto!important; max-width:100%; object-fit:contain; display:block; }
.editorial-card-image,.editorial-picture { display:block; height:auto!important; }
.imported-article figure { max-width:100%; margin-inline:0; }
.imported-article picture { display:block; max-width:100%; }
.imported-article .brand,.imported-article .masthead { position:static; }
.imported-article [id],.integrated-article [id] { scroll-margin-top:156px; }
.contact-postal address { display:block; font-style:normal; }
.contact-postal address>span { display:block; }
.advertising-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,320px); align-items:start; gap:40px; direction:ltr; }
[dir="rtl"] .advertising-payment,[dir="rtl"] .advertising-qr { direction:rtl; }
.advertising-payment { width:100%; max-width:580px; min-width:0; }
.advertising-checkout { margin:0; padding:0; border:0; min-height:360px; }
.advertising-paypal-host { min-height:320px; width:100%; max-width:100%; }
.advertising-checkout[data-paypal-state="local"],.advertising-checkout[data-paypal-state="error"] { min-height:280px; display:flex; flex-direction:column; justify-content:center; }
.advertising-direct { display:block; text-align:center; margin:16px 0; }
.paypal-fallback-link { display:inline-block; max-width:100%; min-height:44px; padding:10px 2px; font:500 13px/1.6 var(--sans); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.advertising-qr { border-inline-start:0; border-left:1px solid var(--line); padding:0 0 0 24px; min-width:0; }
[dir="rtl"] .advertising-qr { border-right:0; border-left:1px solid var(--line); padding:0 0 0 24px; }
.advertising-qr figure { margin:0 0 18px; width:280px; max-width:100%; aspect-ratio:1; }
.advertising-qr img { display:block; width:280px; max-width:100%; height:auto!important; aspect-ratio:1; object-fit:contain; margin:0; background:white; }
.new-articles .guide-card .editorial-card-image { margin:0 0 18px; }
@media(max-width:1000px) { .topic-bar { display:none; } }
@media(max-width:800px) {
  .masthead .header-inner { height:96px; min-height:96px; }
  .advertising-columns { grid-template-columns:minmax(0,1fr); gap:32px; }
  .advertising-qr,[dir="rtl"] .advertising-qr { border-inline-start:0; border-left:0; border-right:0; border-top:1px solid var(--line); padding:26px 0 0; }
}
@media(max-width:540px) {
  .masthead .header-inner,.masthead.is-compact .header-inner { height:88px; min-height:88px; padding-inline:12px; }
  .masthead .header-right { gap:0; }
  .masthead .portal-language-label { font-size:8px; }
  .masthead-tagline { padding-inline:12px; }
  .masthead-tagline p { font-size:8px; letter-spacing:0; }
  .imported-shell { width:calc(100% - 32px); }
  .imported-article { padding-inline:0!important; }
  .imported-article h1 { font-size:clamp(29px,8vw,38px); line-height:1.2; }
  .article-siblings { display:grid; grid-template-columns:minmax(0,1fr); gap:4px; }
  .advertising-qr figure,.advertising-qr img { width:260px; }
  .advertising-payment,.advertising-paypal-host { min-width:0; }
}

/* Stable two-line wordmark and immediately available navigation. */
/* First-paint masthead and navigation; no font or script dependency. */
.alvau-wordmark{--brand-size:44px;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:calc(var(--brand-size)*4.3);max-width:100%;min-height:calc(var(--brand-size)*1.5);font-family:Georgia,Didot,"Times New Roman",serif!important;line-height:1;text-decoration:none;white-space:nowrap;color:#a7804d!important}
.alvau-wordmark-main{display:block;font:400 var(--brand-size)/1 Georgia,Didot,"Times New Roman",serif;letter-spacing:.12em;padding-inline-start:.12em}
.alvau-wordmark-sub{display:block;font:400 calc(var(--brand-size)*.30)/1.2 Georgia,Didot,"Times New Roman",serif;letter-spacing:.18em;padding-inline-start:.18em}
.masthead .header-inner{height:104px;min-height:104px;grid-template-columns:1fr auto 1fr}
.masthead.is-compact .header-inner{height:88px;min-height:88px}
.masthead.is-compact .alvau-wordmark,.drawer-head .alvau-wordmark,.site-footer .alvau-wordmark{--brand-size:36px}
.site-footer .alvau-wordmark,.drawer-head .alvau-wordmark{color:#c5a56c!important}
.topic-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 22px;padding:8px 24px;background:#000!important;color:#fff!important;overflow:visible}
.topic-bar>a,.topic-bar>.nav-group>summary{display:flex;align-items:center;min-height:44px;font:500 12px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;letter-spacing:.015em;text-transform:none;white-space:nowrap}
.topic-bar a,.topic-bar summary{color:#fff!important;visibility:visible;opacity:1}
.topic-bar>.nav-group{position:relative}
.topic-bar .nav-submenu{background:#080808;color:#fff}
.topic-bar :focus-visible{outline:2px solid #fff;outline-offset:3px}
.js .menu-fallback{display:block}.js .menu-toggle{display:none}
html.menu-ready .menu-fallback{display:none}html.menu-ready .menu-toggle{display:inline-flex}
@media(max-width:1000px){.topic-bar{display:none}}
@media(max-width:800px){.alvau-wordmark{--brand-size:38px}.masthead .header-inner{height:96px;min-height:96px}}
@media(max-width:540px){.masthead .header-inner,.masthead.is-compact .header-inner{height:88px;min-height:88px;padding-inline:12px}.masthead .alvau-wordmark,.masthead.is-compact .alvau-wordmark{--brand-size:32px}}
@media print{.masthead,.topic-bar{display:none!important}}

/* Cards retain their image box even before a lazy image decodes. */
.editorial-card-image{width:100%;min-width:0}
.editorial-card-image .editorial-picture{display:block;aspect-ratio:1672/941;width:100%;height:auto!important}
.editorial-card-image .editorial-picture img{display:block;width:100%;height:100%!important;object-fit:cover!important;object-position:center}
.guide-card h2,.department-card h2,.feature-card h2{font-family:var(--sans);font-weight:500;font-size:21px;line-height:1.3;letter-spacing:-.025em;margin-bottom:14px;text-align:start}
@media(max-width:699px){.guide-card h2,.department-card h2,.feature-card h2{font-size:22px}}

.guide-card h2 a,.department-card h2 a,.feature-card h2 a{text-decoration:none}
:is(html[lang="ar"],html[lang="hi"],html[lang="ja"],html[lang="zh-Hans"]) :is(.guide-card h2,.department-card h2,.feature-card h2){letter-spacing:0}
@media(max-width:540px){.masthead .languages summary{width:52px;min-width:52px}.masthead .portal-language-label{white-space:normal;max-width:52px;line-height:1.2}}

/* Native navigation remains the sole header control when page scripts are disabled. */
html:not(.js) .masthead .enhanced{display:none!important}
html:not(.js) .masthead .header-right>noscript{display:flex;align-items:center;justify-content:center;flex:0 0 44px;max-width:44px}
html:not(.js) .masthead .header-right>noscript>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:44px;max-width:44px;padding-inline:2px;font:500 11px/1.2 var(--sans),system-ui,sans-serif;text-align:center;overflow-wrap:anywhere;white-space:normal}

/* Keep the wordmark separate from 44 px controls on narrow phones. */
@media(max-width:359px){.masthead .alvau-wordmark,.masthead.is-compact .alvau-wordmark{--brand-size:clamp(26px,calc((100vw - 208px)/4.3),32px);min-height:44px}.masthead .languages summary{width:44px;min-width:44px}.masthead .portal-language-label{max-width:44px}}