/* Alexandria Trust restore — cohesion + mobile-first (no MooTools/RokSprocket JS) */
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
img{max-width:100%;height:auto}
a{cursor:pointer}
/* search: keep it visible like the original (backend is gone, so the form is inert) */
#rokajaxsearch{margin:0}
#roksearch_search_str{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #d5d5d5;border-radius:3px;font-size:14px;background:#fff}
#rokajaxsearch .roksearch_results,#rokajaxsearch .rokajaxsearch_notice,
#roksearch_results,.roksearch_results,#roksearch_orderby{display:none!important}
/* --- Fusion dropdown menu works without JS: reveal submenu on hover/focus --- */
.rt-menubar ul.level1>li.parent{position:relative}
.rt-menubar ul.level1>li.parent:hover>.fusion-submenu-wrapper,
.rt-menubar ul.level1>li.parent:focus-within>.fusion-submenu-wrapper{left:0!important;top:100%!important;display:block!important}
.rt-menubar .fusion-submenu-wrapper ul.level2 li.parent:hover>.fusion-submenu-wrapper{left:100%!important;top:0!important;display:block!important}
.rt-menubar a{min-height:40px;display:block}
/* --- showcase / RokSprocket features: original was a ONE-AT-A-TIME rotator.
       JS is stripped, so drive it with our own vanilla rotator (see rotator.js).
       Geometry matches the archived original: content 507px left, image ~659px right, slide ~359px. --- */
.sprocket-features{position:relative}
.sprocket-features-container{height:auto!important;display:flow-root!important}
.sprocket-features-list{display:block!important;height:auto!important;position:relative;margin:0;padding:0;list-style:none}
.sprocket-features-list>li{
  display:none!important;position:relative!important;width:100%;
  float:none!important;margin:0!important;border:0!important;padding:0!important;
}
.sprocket-features-list>li.at-active{display:block!important;opacity:1!important;visibility:visible!important}
.sprocket-features-img-container{float:right;width:55%;max-width:659px;margin:0}
.sprocket-features-img-container img{width:100%;height:auto;display:block}
.sprocket-features-content{float:left;width:42%;padding:6px 0 0}
.sprocket-features-list>li::after{content:"";display:block;clear:both}
/* dots */
.at-dots{position:absolute;right:18px;bottom:14px;z-index:5;display:flex;gap:9px;margin:0;padding:0;list-style:none}
.at-dots button{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.32);cursor:pointer}
.at-dots button.is-on{background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.at-arrow{position:absolute;top:45%;z-index:5;width:42px;height:42px;border:0;background:rgba(0,0,0,.38);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.at-arrow:hover{background:rgba(0,0,0,.7)}
.at-arrow.prev{left:6px}.at-arrow.next{right:6px}
.sprocket-features-pagination,.sprocket-features-nav,.sprocket-features-arrows,.sprocket-features-buttons{display:none!important}
@media (max-width:767px){
  .sprocket-features-img-container,.sprocket-features-content{float:none;width:100%;max-width:100%}
  .at-arrow{display:none}
}
/* RokSprocket lists reveal too */
.sprocket-lists-list>li{display:block!important;opacity:1!important;visibility:visible!important}
/* mobile hamburger button (created by nav.js) */
#rt-mobile-toggle{display:none;background:#2d3a45;color:#fff;border:0;font-size:24px;line-height:1;
  width:48px;height:48px;border-radius:4px;cursor:pointer;margin:6px 0}
/* ---------------- MOBILE ---------------- */
@media (max-width:767px){
  #rt-page-surround,.rt-container,.rt-section-surround,.rt-row-surround{min-width:0!important;max-width:100%!important;width:auto!important}
  div[class*="rt-grid-"]{width:100%!important;float:none!important;margin-left:0!important;margin-right:0!important;clear:both}
  .rt-alpha,.rt-omega{margin:0!important}
  #rt-mobile-toggle{display:flex;align-items:center;justify-content:center}
  .rt-menubar ul.level1{display:none;flex-direction:column;width:100%}
  .rt-menubar.rt-open ul.level1{display:flex}
  .rt-menubar ul.level1>li{width:100%!important;float:none!important;display:block}
  .rt-menubar .fusion-submenu-wrapper{position:static!important;left:auto!important;top:auto!important;width:auto!important;display:block!important;box-shadow:none}
  .rt-menubar ul.level2{width:auto!important}
  .rt-menubar a{min-height:44px;line-height:1.4}
  .sprocket-features-img-container{max-width:100%}
  .rt-header,.rt-top{height:auto!important}
}
/* touch targets everywhere */
.rt-menubar li a,.lang-inline a,#rt-footer a{padding-top:2px;padding-bottom:2px}
/* RTL polish for Arabic pages */
html[dir="rtl"] .sprocket-features-content,html[dir="rtl"] .component-content{text-align:right}
html[dir="rtl"] .rt-menubar ul.level1>li{float:right}

/* Read More must sit on its own line under the excerpt, not inline mid-sentence */
.sprocket-features-desc a.readon{display:block!important;width:max-content;clear:both;margin:14px 0 0}

/* main content column: original filled the row with white next to the dark Highlights sidebar.
   Our era's content is short, so without this the page background showed as a grey void. */
#rt-main [class*="rt-grid-"]:has(> .rt-block.component-block){background:#fff}
#rt-main [class*="rt-grid-"] > .rt-block.component-block{background:transparent}

/* hero arrows: keep them off the headline */
.at-arrow{top:auto;bottom:14px;width:36px;height:36px;font-size:20px;background:rgba(0,0,0,.3)}
.at-arrow.prev{left:auto;right:96px}
.at-arrow.next{right:56px}

/* top strip: blocks inside are different heights, so paint the row itself white
   (otherwise the page background shows as a grey band under the shorter middle block) */
#rt-top{background:#fff}