/* The existing layout and brand colours remain the foundation. */
.company-rail{max-width:1160px;overflow:hidden;background:#fff;padding-inline:24px}
.company-rail-heading{display:flex;align-items:center;justify-content:center;gap:22px;position:relative;min-height:36px}
.company-rail-heading p{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#7d8191;margin:0;line-height:1.7}
.rail-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:36px;padding:5px 11px;border:1px solid #e6e8f0;border-radius:99px;color:#50556b;font-size:11px;background:#fff}
.rail-toggle [data-rail-symbol]{font:12px Arial,sans-serif;min-width:12px}
.rail-toggle:disabled{cursor:default;color:#6c7184}
.company-rail-window{overflow-x:auto;overflow-y:hidden;overflow-anchor:none;direction:ltr;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;margin-top:22px;padding-block:8px;mask-image:linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent)}
.company-rail-window::-webkit-scrollbar{height:0}
.company-rail[data-paused=true] .company-rail-window{scrollbar-width:thin;scrollbar-color:#d8dbe8 transparent}
.company-rail[data-paused=true] .company-rail-window::-webkit-scrollbar{height:4px}
.company-rail-track{display:flex;width:max-content;direction:ltr}
.company-rail-group{display:flex;flex:0 0 auto;gap:30px;padding-inline-end:30px;align-items:center}
.company-rail-group>[role=listitem]{flex:0 0 152px;width:152px}
.company-rail-group a{height:62px;width:152px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:7px}
.company-rail-group img{display:block;max-height:36px;max-width:132px;width:auto;height:auto;object-fit:contain;filter:none;opacity:1}
.company-rail-group .company-wordmark{font-size:17px;line-height:1.3;color:#33374c}
.company-rail-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 20px 0;color:#8b8fa1;font-size:11px;line-height:1.7}
.company-rail-foot .text-link{font-size:11px;flex-shrink:0}
.rail-toggle:focus-visible,.company-rail-window:focus-visible,.company-rail-group a:focus-visible{outline:2px solid var(--blue,#1b00f4);outline-offset:-2px}
@media(prefers-reduced-motion:no-preference){
 .btn{transition:background-color .2s ease,box-shadow .25s ease,translate .25s cubic-bezier(.22,1,.36,1)}
 .btn:hover{translate:0 -2px;box-shadow:0 7px 18px #1b00f41a}.btn:active{translate:0 0}
 .text-link svg,.journal-read>span{transition:translate .25s ease}.text-link:hover svg,.journal-card:hover .journal-read>span{translate:3px 0}
 html[dir=rtl] .text-link:hover svg{translate:-3px 0}
 .journal-image img,.feature-photo img{transition:scale .65s cubic-bezier(.22,1,.36,1)}
 .journal-card:hover .journal-image img,.feature-photo:hover img{scale:1.035}
 .directory-card,.company-tile{transition:translate .3s ease,box-shadow .3s ease,border-color .3s ease}
 .directory-card:hover{translate:0 -3px;box-shadow:0 14px 34px #1713440a;border-color:#d9d6f8}
 .nav-drop .drop-panel{animation:qfx-menu-in .18s ease-out}
 @keyframes qfx-menu-in{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
}
@media(max-width:700px){
 .company-rail{padding-inline:18px}.company-rail-heading{justify-content:space-between;gap:15px;text-align:start}.company-rail-heading p{font-size:8px;letter-spacing:.08em;max-width:240px}.rail-toggle{font-size:10px;padding-inline:10px;min-height:36px}
 .company-rail-window{margin-top:15px;mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent)}
 .company-rail-group{gap:24px;padding-inline-end:24px}.company-rail-group>[role=listitem],.company-rail-group a{width:124px;flex-basis:124px}.company-rail-group a{height:56px}.company-rail-group img{max-width:108px;max-height:30px}
 .company-rail-foot{margin-inline:0;align-items:flex-start;font-size:10px;gap:15px}.company-rail-foot>span{max-width:170px}.company-rail-foot .text-link{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.company-rail-window{scroll-behavior:auto}.company-rail-group a{transition:none}}
@media print{.rail-toggle{display:none}}
