.language-picker{display:flex;align-items:center;gap:6px;flex-shrink:0;color:var(--blue,#1c2a8f);margin:0;font-size:13px}.language-picker select{width:132px;height:36px;margin:0;border:1px solid #d9ddec;border-radius:3px;background:white;padding:0 7px;font-size:12px}.language-picker span{font-size:20px}.language-picker select:focus-visible{outline:3px solid #f26b43;outline-offset:2px}header{gap:18px;min-height:99px;height:auto;padding-top:15px;padding-bottom:15px}html[dir=rtl] body{text-align:right}html[dir=rtl] .brand span{border-left:0;border-right:1px solid #ccd0e3;padding-left:0;padding-right:22px}html[dir=rtl] .row h3 button,html[dir=rtl] .card h3 button,html[dir=rtl] .read,html[dir=rtl] .profile-summary{text-align:right}html[dir=rtl] .art .art-word{right:auto;left:12px}html[dir=rtl] .metrics p{border-left:0;border-right:1px solid #e3e5ef;padding-left:0;padding-right:35px}html[dir=rtl] footer span:last-child{margin-left:0;margin-right:auto}html[dir=rtl] #close{right:auto;left:15px}html[dir=rtl] input[type=email],html[dir=rtl] input[type=url],html[dir=rtl] input[type=password],html[dir=rtl] pre,html[dir=rtl] code{direction:ltr;text-align:left}html[lang=th] body{line-height:1.7}html[lang=ja] h1,html[lang=zh] h1,html[lang=th] h1{letter-spacing:0;font-size:clamp(32px,3.7vw,49px)}@media(max-width:1100px){.internal{display:none}header{flex-wrap:wrap}nav{height:45px;order:3;width:100%;justify-content:center}.language-picker{margin-inline-start:auto}}@media(max-width:650px){.language-picker select{width:116px}header{gap:10px}.language-picker{font-size:11px}.brand img{max-width:145px}nav{justify-content:space-between}.nav{font-size:11px}.metrics div span{max-width:none}html[dir=rtl] footer span:last-child{margin:0}}

/* Shared header: language followed by account, physically aligned to the right. */
header{direction:ltr}
.header-tools{display:flex;align-items:center;gap:14px;margin-left:auto;flex-shrink:0;direction:ltr}
.header-tools .language-picker{margin:0}
.user-dropdown{position:relative;flex-shrink:0;color:var(--blue)}
.user-toggle{list-style:none;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line,#e3e5ef);border-radius:50%;background:#f6f7fb;cursor:pointer}
.user-toggle::-webkit-details-marker{display:none}
.user-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.user-dropdown[open] .user-toggle{background:var(--blue);color:white}
.user-panel{position:absolute;right:0;top:calc(100% + 12px);width:250px;max-width:calc(100vw - 32px);z-index:100;background:white;border:1px solid var(--line);box-shadow:0 12px 35px #1e224522;padding:12px;text-align:left;direction:ltr}
.user-panel a,.user-panel button{display:block;width:100%;padding:11px 12px;text-align:left;font:13px Arial,sans-serif;line-height:1.4;color:var(--blue);background:white;text-decoration:none;border:0;border-radius:3px;margin:0}
.user-panel a:hover,.user-panel button:hover{background:var(--paper)}
.user-panel form{margin:8px 0 0;border-top:1px solid var(--line);padding-top:7px}
.user-menu-name{display:block;padding:5px 12px;overflow-wrap:anywhere}
.user-menu-role{display:block;color:var(--muted);font-size:12px;padding:0 12px 12px;margin-bottom:5px;border-bottom:1px solid var(--line)}
html[dir=rtl] .user-panel{direction:rtl;text-align:right}
html[dir=rtl] .user-panel a,html[dir=rtl] .user-panel button{text-align:right}
@media(max-width:1100px){header>nav{order:3}.header-tools{margin-left:auto}.header-tools .language-picker{margin:0}}
@media(max-width:650px){.header-tools{gap:8px}.header-tools .language-picker select{width:116px}.user-toggle{width:38px;height:38px}}
@media(max-width:420px){header{padding-left:12px;padding-right:12px;gap:8px}.brand img{width:110px;max-width:110px}.header-tools .language-picker select{width:108px}.header-tools{gap:6px}}

/* Two-level navigation */
header.utility-header{position:relative;z-index:101;min-height:84px;height:auto;flex-wrap:nowrap;background:#fff}
.main-menu{position:sticky;top:0;z-index:50;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:38px;width:100%;height:58px!important;order:initial;padding:0 5%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 5px 15px #1c2a8f08;direction:ltr;overflow-x:auto}
.main-menu .nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;text-decoration:none;white-space:nowrap;height:58px;color:var(--blue);font-size:13px}
.main-menu .nav.active{font-weight:700}
.user-panel{border-top:3px solid var(--orange);border-radius:5px;box-shadow:0 14px 40px #1c2a8f24}
.user-panel>a{border-bottom:1px solid #f0f1f7;padding:14px 12px}
.user-panel>a:hover{background:#f1f2fa;color:var(--blue);box-shadow:inset 3px 0 var(--orange)}
.user-menu-role{letter-spacing:.3px}
#catalogue{scroll-margin-top:75px}
.account-selection{list-style:none;padding:0}
.account-selection-item{padding:18px 0;border-bottom:1px solid var(--line)}
.account-selection-item>a{font-size:16px;text-decoration:none;line-height:1.5}
.account-selection-item p{margin:7px 0 0;font-size:12px}
.feature-links{display:flex;gap:14px;flex-direction:column;margin:24px 0}
@media(max-width:650px){.main-menu{gap:22px;justify-content:flex-start;padding:0 18px}.main-menu .nav{font-size:12px}.utility-header .brand span{display:none}}

.breadcrumb{display:block;position:static;width:100%;height:auto!important;margin:22px 0;padding:0;overflow:visible;direction:inherit}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;align-items:center;list-style:none;margin:0;padding:0;font-size:12px;color:var(--muted);line-height:1.6}
.breadcrumb li{display:flex;align-items:center;gap:8px}
.breadcrumb li+li:before{content:'›';color:#9ba1b8}
.breadcrumb a{color:var(--blue);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb [aria-current]{color:var(--muted)}
.feature-menu{position:static;display:flex;width:100%;height:auto!important;flex-direction:row;flex-wrap:nowrap;gap:24px;margin:22px 0 30px;padding:0;border-bottom:1px solid var(--line);overflow-x:auto;justify-content:flex-start;direction:inherit}
.feature-menu a{flex-shrink:0;display:block;padding:14px 0;color:var(--muted);text-decoration:none;font-size:13px;border-bottom:3px solid transparent;white-space:nowrap}
.feature-menu a:hover,.feature-menu a.active{color:var(--blue)}
.feature-menu a.active{border-color:var(--orange);font-weight:bold}
@media(max-width:650px){.breadcrumb{margin:18px 0}.feature-menu{gap:20px}.feature-menu a{font-size:12px}}

#articleForm select[multiple],#bulkForm select[multiple]{height:120px;min-height:120px;padding:7px}select[multiple] option{padding:6px 8px}

.pagination{display:flex;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:auto!important;gap:8px;margin:28px 0 12px;padding:16px 0;border-top:1px solid var(--line)}
.pagination button{min-width:38px;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:3px;background:white;color:var(--blue);font-size:12px}
.pagination button[aria-current=page]{background:var(--blue);border-color:var(--blue);color:white;font-weight:bold}
.pagination button:hover:not(:disabled){border-color:var(--orange)}
.pagination button:disabled{opacity:.4;cursor:default}
.pagination .page-range{width:100%;text-align:center;margin-top:8px;font-size:12px;color:var(--muted)}

.bulk-toolbar .danger-button{color:#a32c3a;border-color:#e9b7bd;background:#fff6f7}.bulk-toolbar .danger-button:hover:not(:disabled){background:#a32c3a;color:#fff}

/* Keep the account menu inside small and zoomed viewports. */
@media(max-width:650px){
 header.utility-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));gap:8px}
 .utility-header .brand{min-width:0;flex-shrink:1}
 .utility-header .brand img{max-width:100%}
 .header-tools{min-width:0}
 .header-tools .language-picker select{max-width:calc(100vw - 180px)}
 .user-panel{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:var(--user-menu-top,84px);width:auto;max-width:none;max-height:calc(100vh - var(--user-menu-top,84px) - 16px);max-height:calc(100dvh - var(--user-menu-top,84px) - max(16px,env(safe-area-inset-bottom)));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
 .user-panel a,.user-panel button{overflow-wrap:anywhere}
}