/* Arab Parliament | Premium institutional navigation, r3 */
.nav-premium{overflow:visible!important}
.nav-premium .nav-root{display:inline-flex;align-items:center;justify-content:center;min-height:55px;text-decoration:none;white-space:nowrap;position:relative;transition:color .23s ease}
.nav-premium .nav-group{position:relative;display:flex;align-items:center;isolation:isolate}
.nav-premium .nav-group-head{display:flex;align-items:center;position:relative}
.nav-premium .nav-expander{display:inline-grid;place-items:center;background:transparent;color:#e5c57d;border:0;width:16px;height:28px;margin-inline-start:-6px;padding:0;font-size:18px;transition:transform .27s cubic-bezier(.2,.7,.2,1)}
.nav-premium .nav-group:is(:hover,:focus-within,.is-open)>.nav-group-head .nav-expander{transform:rotate(180deg)}
.nav-premium .nav-panel-caption,.nav-premium .nav-view-all,.nav-premium .nav-child{white-space:normal}
.nav-premium .nav-flyout{position:absolute;top:calc(100% + 8px);inset-inline-end:-23px;width:clamp(285px,23vw,365px);z-index:85;visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(0,-10px,0) scale(.985);transform-origin:top right;transition:opacity .24s ease,transform .34s cubic-bezier(.19,1,.22,1),visibility 0s linear .34s;border:1px solid rgba(225,194,125,.43);border-radius:3px 3px 16px 16px;background:linear-gradient(150deg,rgba(1,62,50,.985),rgba(0,40,34,.99));box-shadow:0 20px 48px rgba(0,22,17,.35),0 3px 18px rgba(0,0,0,.10);text-align:start}
.nav-premium .nav-group:after{content:"";position:absolute;top:100%;inset-inline:0;height:13px;pointer-events:none}
.nav-premium .nav-group:is(:hover,:focus-within,.is-open)>.nav-flyout{visibility:visible;opacity:1;pointer-events:auto;transform:translate3d(0,0,0) scale(1);transition-delay:0s}
.nav-premium .nav-group:is(:hover,:focus-within,.is-open):after{pointer-events:auto}
.nav-premium .nav-flyout:before{content:"";position:absolute;top:0;inset-inline:20px;height:2px;background:linear-gradient(90deg,transparent,#efd391 35%,#efd391 65%,transparent)}
.nav-premium .nav-flyout-inner{padding:16px 12px 13px;max-height:76vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b69a61 transparent}
.nav-premium .nav-panel-head{padding:5px 11px 13px;margin-bottom:7px;border-bottom:1px solid rgba(242,213,150,.19);display:flex;flex-direction:column;gap:2px}
.nav-premium .nav-panel-caption{font-size:11px!important;line-height:1.5;color:#dbc089;letter-spacing:.04em}
.nav-premium .nav-panel-head strong{font-family:Amiri,'Cormorant Garamond',serif;font-weight:600;font-size:27px;color:#fff8e7;line-height:1.35}
body[lang=en] .nav-premium .nav-panel-head strong{font-family:'Cormorant Garamond',serif}
.nav-premium .nav-child{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:10px 13px!important;border-radius:6px;color:#f5f0e5;font-size:12px!important;line-height:1.55;font-weight:500!important;white-space:normal!important;border-bottom:1px solid rgba(243,220,173,.075);transition:color .2s ease,background .2s ease,transform .22s ease}
.nav-premium .nav-child:before{content:"";width:4px;height:4px;flex:none;border:1px solid #d5b676;transform:rotate(45deg);margin-inline-end:9px}
.nav-premium .nav-child .nav-label{flex:1}
.nav-premium .nav-child:hover,.nav-premium .nav-child:focus-visible,.nav-premium .nav-child.is-selected{color:#f4d695;background:rgba(255,241,213,.075);transform:translateX(-2px)}
body[lang=en] .nav-premium .nav-child:hover,body[lang=en] .nav-premium .nav-child:focus-visible{transform:translateX(2px)}
.nav-premium .nav-child:after,.nav-premium .nav-root:after{display:none!important}
.nav-premium .nav-root.on:before,.nav-premium .nav-group.is-current>.nav-group-head .nav-root:before{content:"";position:absolute;bottom:16px;inset-inline:0;height:2px;background:#e5be72;transform:scaleX(1);transform-origin:center}
.nav-premium .nav-view-all{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(240,210,144,.27);background:rgba(229,184,105,.07);margin:13px 4px 1px;padding:11px 13px!important;border-radius:7px;color:#e9d39a;font-size:12px!important;font-weight:700;transition:background .22s ease,border-color .22s ease}
.nav-premium .nav-view-all:hover{background:rgba(228,190,110,.17);border-color:#d9b76d}
.nav-premium .nav-subgroup{position:relative}
.nav-premium .nav-subhead{display:flex;align-items:center}
.nav-premium .nav-subhead>.nav-child{flex:1}
.nav-premium .nav-sub-expander{display:grid;place-items:center;min-width:37px;height:37px;flex:none;color:#f0d08d;background:none;border:none;font-size:24px;transition:transform .22s ease}
.nav-premium .nav-subgroup:is(:hover,:focus-within,.is-open)>.nav-subhead .nav-sub-expander{transform:rotate(90deg)}
.nav-premium .nav-subpanel{visibility:hidden;opacity:0;pointer-events:none;position:absolute;top:-15px;inset-inline-start:calc(100% + 8px);width:clamp(285px,30vw,465px);transform:translateX(-7px);transition:opacity .22s ease,transform .25s ease,visibility 0s linear .25s;background:linear-gradient(160deg,#064c3f,#002d27);border:1px solid rgba(229,196,127,.43);border-radius:10px;box-shadow:0 20px 40px rgba(0,20,15,.32)}
.nav-premium .nav-subpanel:before{content:"";position:absolute;top:0;inset-inline-end:100%;width:14px;height:100%;pointer-events:auto}
.nav-premium .nav-subgroup:is(:hover,:focus-within,.is-open)>.nav-subpanel{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0);transition-delay:0s}
.nav-premium .nav-subpanel-inner{max-height:67vh;overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:#b69a61 transparent}
.nav-premium [data-nav-group="more"] .nav-flyout{width:316px}
.nav-premium .nav-subgroup:last-child>.nav-subhead>.nav-child{border-bottom:none}
body[lang=en] .nav-premium .nav-flyout{transform-origin:top left}
.nav-premium .nav-mobile-portal{display:none}
.premium-directory,.premium-topic-hero,.premium-detail-card,.premium-related{border:1px solid #e2d7c4;background:#fffcf7;border-radius:10px;box-shadow:0 7px 24px rgba(25,41,31,.06)}
.premium-directory{padding:24px;margin-bottom:18px}
.premium-directory-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:19px;border-bottom:1px solid #e7dcc7;padding-bottom:12px}
.premium-directory-title p,.premium-kicker{color:#a87c37;font-size:12px;font-weight:650;margin:0}
.premium-directory-title h2{font:700 27px/1.35 Amiri,serif;color:#064739;margin:0}
.premium-directory-grid,.premium-category-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.premium-topic-card{display:flex;align-items:center;gap:11px;min-height:65px;background:linear-gradient(145deg,#fffdf9,#fbf6ed);border:1px solid #e9dcc5;border-radius:8px;padding:13px;color:#114d3f;box-shadow:0 1px 0 rgba(255,255,255,.8);transition:border-color .25s ease,transform .28s cubic-bezier(.19,1,.22,1),box-shadow .28s ease}
.premium-topic-card:hover{transform:translateY(-3px);border-color:#d0ab64;box-shadow:0 9px 25px rgba(15,52,38,.1)}
.premium-topic-symbol{color:#bc9250;font-size:20px}
.premium-topic-card strong{flex:1;font-weight:700;line-height:1.65;font-size:13px}
.premium-topic-arrow{font-size:16px;color:#9c7539}
.premium-topic-hero{padding:clamp(24px,3vw,40px);margin-bottom:16px;position:relative;overflow:hidden;background:radial-gradient(circle at 0% 15%,rgba(205,174,106,.12),transparent 48%),#fffcf7}
.premium-topic-hero:before{content:"";position:absolute;top:0;inset-inline-start:0;width:4px;height:100%;background:linear-gradient(#f0cf8c,#987340)}
.premium-topic-hero h2{font:700 clamp(29px,3.2vw,43px)/1.4 Amiri,serif;margin:12px 0;color:#004637}
.premium-topic-hero p:not(.premium-kicker){max-width:820px;font-size:15px;line-height:2;color:#425d54}
.premium-country-flag{display:block;max-width:62px;margin-bottom:10px;border-radius:50%;border:1px solid #e5ceaa}
.premium-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:17px 0}
.premium-detail-card{padding:24px}
.premium-detail-card .premium-number{color:#c19a5b;font-size:13px;font-family:serif}
.premium-detail-card h3{font:700 23px/1.4 Amiri,serif;color:#075040;margin:8px 0}
.premium-detail-card p{font-size:14px;line-height:1.95;color:#52685f}
.premium-related{padding:24px;margin-bottom:28px}
body[lang=en] .premium-directory-title h2,body[lang=en] .premium-topic-hero h2,body[lang=en] .premium-detail-card h3{font-family:'Cormorant Garamond',serif}
@media(min-width:1021px){.nav-premium .nav-subgroup:has(.nav-subpanel-inner a[href^="/states-"]) .nav-subpanel-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6px}.nav-premium .nav-subgroup:has(.nav-subpanel-inner a[href^="/states-"]) .nav-child{font-size:11px!important}}
@media(max-width:1300px) and (min-width:1021px){.nav-premium{gap:clamp(5px,.7vw,11px)!important}.nav-premium .nav-root{font-size:clamp(10px,.78vw,13px)!important}.nav-premium .nav-expander{width:12px}.nav-premium .nav-flyout{width:285px}}
@media(max-width:1020px){
 .nav-premium{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;padding:10px 14px 16px!important;gap:0!important;max-height:min(82vh,760px)!important;overscroll-behavior:contain}
 .nav-premium .nav-root{min-height:46px;flex:1;display:flex!important;justify-content:flex-start!important;padding:12px 16px!important;font-size:14px!important;border:0!important}
 .nav-premium .nav-group{display:block;flex:none;width:100%;border-bottom:1px solid rgba(220,193,133,.16)}
 .nav-premium .nav-group-head{display:flex;width:100%}
 .nav-premium .nav-expander{width:52px;height:46px;flex:none;font-size:23px;margin:0;color:#f0d391;cursor:pointer}
 .nav-premium .nav-group:after,.nav-premium .nav-root.on:before,.nav-premium .nav-group.is-current>.nav-group-head .nav-root:before{display:none!important}
 .nav-premium .nav-flyout{position:static!important;width:100%!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;border:0;border-radius:0;background:rgba(0,24,21,.16);box-shadow:none;max-height:0;overflow:hidden;transition:max-height .42s cubic-bezier(.22,1,.36,1)!important}
 .nav-premium .nav-group:not(.is-open)>.nav-flyout{max-height:0!important;pointer-events:none!important}
 .nav-premium .nav-group.is-open>.nav-flyout{max-height:700px!important}
 .nav-premium .nav-flyout-inner{max-height:62vh;padding:7px 7px 12px;overflow-y:auto}
 .nav-premium .nav-panel-head{padding:7px 15px 12px}
 .nav-premium .nav-panel-head strong{font-size:24px}
 .nav-premium .nav-child{padding:11px 16px!important;min-height:44px;font-size:13px!important;border-bottom:1px solid rgba(220,193,133,.08)}
 .nav-premium .nav-child:hover{transform:none}
 .nav-premium .nav-view-all{margin:8px 8px}
 .nav-premium .nav-subpanel{position:static!important;width:100%!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;border:0;box-shadow:none;background:rgba(0,18,16,.15);max-height:0;overflow:hidden;transition:max-height .39s ease!important}
 .nav-premium .nav-subgroup:not(.is-open)>.nav-subpanel{max-height:0!important;pointer-events:none!important}
 .nav-premium .nav-subgroup.is-open>.nav-subpanel{max-height:430px!important}
 .nav-premium .nav-subpanel-inner{max-height:365px;padding:4px 10px 12px;overflow:auto;display:block}
 .nav-premium .nav-subhead>.nav-child{width:100%}
 .nav-premium .nav-sub-expander{width:50px;flex:none;height:44px}
 .nav-premium .nav-subgroup:hover>.nav-subpanel,.nav-premium .nav-group:hover>.nav-flyout{pointer-events:none}
 .nav-premium .nav-subgroup.is-open:hover>.nav-subpanel,.nav-premium .nav-group.is-open:hover>.nav-flyout{pointer-events:auto}
 .nav-premium .nav-mobile-portal{display:flex;align-items:center;justify-content:center!important;color:#eac88a!important;font-weight:700}
 .nav-premium .nav-flyout:before{display:none}
}
@media(max-width:760px){
 .premium-directory{padding:17px}
 .premium-directory-grid,.premium-category-links,.premium-detail-grid{grid-template-columns:1fr}
 .premium-directory-title{align-items:flex-start;flex-direction:column;gap:5px}
 .premium-topic-card{min-height:57px}
 .premium-topic-hero{padding:25px 20px}
 .premium-topic-hero h2{font-size:30px}
 .premium-detail-card,.premium-related{padding:19px}
 .premium-side nav{max-height:250px;overflow:auto}
}
@media(prefers-reduced-motion:reduce){
 .nav-premium *,.premium-topic-card{transition:none!important;animation:none!important}
}


/* Desktop second-level flyouts may extend beyond the More panel. */
@media(min-width:1021px){
.nav-premium .nav-more>.nav-flyout>.nav-flyout-inner{overflow:visible;max-height:none}
.nav-premium .nav-more .nav-subpanel-inner{max-height:min(67vh,650px);overflow-y:auto}
}
@media(max-width:1020px){
.nav-premium .nav-group.is-open>.nav-flyout{max-height:78vh!important}
.nav-premium .nav-more.is-open>.nav-flyout{max-height:78vh!important}
}


/* Keep the LTR nested country flyout inside medium desktop viewports. */
@media(min-width:1021px) and (max-width:1800px) {
 body[lang=en] .nav-premium .nav-more .nav-subpanel {inset-inline-start:calc(100% - 8px)}
}


/* Viewport-safe second-level navigation at desktop widths. */
@media (min-width:1021px) and (max-width:1800px) {
 body[lang=en] .nav-premium .nav-more .nav-subpanel {
  inset-inline-start:calc(100% - 8px)!important;
  translate:-18px 0;
 }
}

/* User-requested cleanup: no decorative chevron beside More; retain mobile tap access. */
.nav-premium .nav-more > .nav-group-head > .nav-expander {display:none!important}
@media(max-width:1020px){
 .nav-premium .nav-more > .nav-group-head > .nav-root {width:100%;flex:1;cursor:pointer}
}


/* R5: desktop top-level menu labels have NO decorative gold chevrons.
   Mobile expansion controls remain intact to retain separate parent-page links. */
@media(min-width:1021px) {
  .nav-premium .nav-group-head > .nav-expander {
    display:none!important;
    width:0!important;
    padding:0!important;
    margin:0!important;
  }
}


/* Premium compact flyouts v6: content-sized, anchored to the active main label. */
@media (min-width:1021px) {
  .nav-premium .nav-group > .nav-flyout,
  .nav-premium .nav-more > .nav-flyout,
  .nav-premium [data-nav-group="more"] > .nav-flyout {
    width:max-content!important;
    min-width:218px;
    max-width:min(316px,calc(100vw - 28px));
    inset-inline-start:0!important;
    inset-inline-end:auto!important;
    border:1px solid rgba(219,184,111,.34);
    border-radius:3px 3px 13px 13px;
    box-shadow:0 19px 38px rgba(0,22,17,.31),0 7px 14px rgba(0,25,20,.14);
  }
  .nav-premium .nav-flyout-inner {
    padding:11px 9px 10px;
  }
  .nav-premium .nav-panel-head {
    padding:3px 10px 10px;
    margin-bottom:4px;
  }
  .nav-premium .nav-panel-head strong {
    font-size:24px;
  }
  .nav-premium .nav-child {
    padding:8px 11px!important;
    min-height:39px;
    font-size:12px!important;
    line-height:1.45;
    gap:7px;
  }
  .nav-premium .nav-child .nav-label {
    flex:1;
  }
  .nav-premium .nav-more>.nav-flyout>.nav-flyout-inner {
    overflow:visible;
  }
}
@media (min-width:1021px) and (max-width:1300px) {
  .nav-premium .nav-group>.nav-flyout {
    width:max-content!important;
    max-width:min(304px,calc(100vw - 28px));
  }
}
/* Thin gold compass-rosette medallions in place of ordinary diamonds.
   SVG path is self-contained, crisp at any device pixel density. */
.nav-premium .nav-child::before {
  content:"";
  display:block;
  width:19px;
  height:19px;
  flex:0 0 19px;
  margin-inline-end:4px;
  border:0;
  border-radius:0;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.25' fill='none' stroke='%23D6B673' stroke-opacity='.75' stroke-width='.8'/%3E%3Ccircle cx='12' cy='12' r='7.15' fill='none' stroke='%23D6B673' stroke-opacity='.32' stroke-width='.45'/%3E%3Cpath d='M12 5.8 Q12.7 10.9 18.2 12 Q12.7 13.1 12 18.2 Q11.3 13.1 5.8 12 Q11.3 10.9 12 5.8Z' fill='%23D6B673' fill-opacity='.88'/%3E%3Ccircle cx='12' cy='12' r='1.15' fill='%23063e34' stroke='%23F3D69D' stroke-width='.6'/%3E%3C/svg%3E");
  opacity:.85;
  transform:none;
  transition:transform .34s cubic-bezier(.2,.7,.2,1),opacity .25s ease,filter .25s ease;
}
.nav-premium .nav-child:hover::before,
.nav-premium .nav-child:focus-visible::before,
.nav-premium .nav-child.is-selected::before {
  opacity:1;
  transform:rotate(24deg) scale(1.08);
  filter:drop-shadow(0 0 3px rgba(221,182,110,.36));
}
@media(max-width:1020px){
  .nav-premium .nav-child::before{
    width:18px;
    height:18px;
    flex-basis:18px;
    margin-inline-end:8px;
  }
}
@media(prefers-reduced-motion:reduce){
  .nav-premium .nav-child::before{transition:none!important}
}


/* R6b: offscreen invisible third-level panels must not widen the page.
   Progressive rendering: visible level retains transition and interaction. */
@media (min-width:1021px) {
 .nav-premium .nav-subgroup:not(:hover):not(:focus-within):not(.is-open) > .nav-subpanel{
   display:none!important;
 }
 .nav-premium .nav-subgroup:is(:hover,:focus-within,.is-open) > .nav-subpanel{
   display:block!important;
 }
}