/* Approved Qatar design language, scoped to pages outside the seven locked routes. */
@font-face{font-family:QatarSystem;src:url('../fonts/gilroy-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:QatarSystem;src:url('../fonts/gilroy-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:QatarSystem;src:url('../fonts/gilroy-600.ttf') format('truetype');font-weight:600 800;font-display:swap}
body.system-page{font-family:QatarSystem,Arial,sans-serif;background:#fff;color:#101114;font-weight:400;--font-display:QatarSystem,Arial,sans-serif;--text-h2:52px;--text-h2--line-height:60px;--text-h4:26px;--text-h4--line-height:34px}
body.system-page .js-header,body.system-page .js-header.is-solid{background:#fff!important;color:#101114!important;border-bottom:1px solid #e5e5e5!important}
.system-page .js-header>div:first-child{height:73px;max-width:1440px;padding-block:12px}
.system-page .js-header nav[aria-label="Primary"]{font-weight:400}
.system-page .js-header>div:first-child>div>div>a{border:1px solid #101114;background:#fff;color:#101114;font-weight:400}
.system-page .js-header [aria-label="Open menu"]{background:#f4f4f4;color:#101114}
.system-page main{overflow:clip}
.system-page main h1,.system-page main h2,.system-page main h3{font-family:inherit;font-weight:400;letter-spacing:-.025em;text-wrap:pretty}
.system-page main h2{font-size:clamp(32px,3.65vw,52px);line-height:1.16}
.system-page main h3{font-size:26px;line-height:1.3}
.system-page main p{line-height:1.55}
.system-page main a:focus-visible,.system-page main button:focus-visible,.system-page main input:focus-visible{outline:2px solid #06b22d;outline-offset:5px}
.system-page .sys-hero{padding:80px 24px 72px;text-align:left;border-bottom:1px solid #e7e7e7}
.system-page .sys-hero .q-page-hero-inner{max-width:1250px}
.system-page .sys-hero nav,.system-page .sys-hero nav ol{justify-content:flex-start;margin-bottom:30px}
.system-page .sys-hero h1{max-width:1100px;margin:0;font-size:clamp(42px,4.7vw,68px);line-height:1.08;letter-spacing:-1.5px;color:#101114}
.system-page .sys-hero p{max-width:780px;margin:24px 0 0;font-size:20px;line-height:28px;color:#626262}
.system-page .sys-hero .q-page-hero-cta{font-weight:400;border-radius:0;font-size:18px;padding:14px 24px}
.system-page main>section:not(.sys-hero):not([data-hero]):not(.sys-article-layout){padding-block:96px}
.system-page .q-section,.system-page .q-svc{padding-block:96px}
.system-page .q-container,.system-page main section>div.mx-auto,.sys-container{width:calc(100% - 48px);max-width:1250px;padding-inline:0;margin-inline:auto}
.system-page .q-svc h2{font-size:clamp(32px,3.65vw,52px);font-weight:400;line-height:1.16;padding-top:0;letter-spacing:-1px;margin-bottom:28px}
.system-page .q-svc h2::before,.system-page .q-callout::before,.system-page .q-features .q-card::after{display:none}
.system-page .q-svc .q-prose{font-size:18px;line-height:1.55}
.system-page .q-intro,.system-page .q-features,.system-page .q-tabs-section{background:#fff}
.system-page .q-section-muted,.system-page .q-carousel-section{background:#f8f9fa}
.system-page .q-card,.system-page .q-slide,.system-page .q-callout,.system-page .q-svc img,.system-page .q-svc video{border-radius:0;box-shadow:none}
.system-page .q-card,.system-page .q-slide{border:1px solid #e3e3e3}
.system-page .q-card:hover,.system-page .q-slide:hover{transform:translateY(-3px);box-shadow:none;border-color:#989898}
.system-page .q-svc .q-content-link,.system-page .q-content-link{border:1px solid currentColor;border-radius:0;font-weight:400;font-size:18px;line-height:24px;padding:14px 24px;letter-spacing:0}
.system-page .q-svc .q-content-link:first-of-type{background:#000;border-color:#000;color:#fff}
.system-page .q-svc .q-content-link:hover{background:#078826;border-color:#078826;box-shadow:none;transform:none;color:#fff}
.system-page .q-callout{background:#000;padding:36px}
.system-page .q-callout h3,.system-page .q-steps h2,.system-page .q-band-copy h2,.system-page .q-pathways h2{color:#fff}
.system-page .q-steps,.system-page .q-band-copy,.system-page .q-pathways,.system-page .q-tabpanels{background:#000}
.system-page .q-step-body{background:#171717}
.system-page .q-step-num{box-shadow:none;border-color:#555;font-weight:400}
.system-page .q-row-num{font-weight:400;color:#777}
.system-page .q-card-grid{gap:24px}
.system-page .q-prose p{font-size:18px;line-height:1.6}
.system-page .sys-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:80px;align-items:start}
.system-page .sys-editorial-heading h2{margin:0;font-size:42px;line-height:1.16}
.system-page .sys-editorial-body>p:first-child{margin-top:0}
.system-page .sys-editorial-body>p+p{margin-top:24px}
.system-page .sys-editorial-body .q-content-link{margin:0 12px 12px 0;display:inline-flex}
.sys-directory-tools{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:60px;color:#666}
.sys-search input{font:inherit;font-size:18px;border:0;border-bottom:1px solid #999;background:transparent;padding:12px 0;width:280px;border-radius:0;color:#000}
.sys-directory-rows{display:flex;flex-direction:column;gap:100px}
.sys-directory-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.sys-directory-row:nth-child(even) .sys-directory-image{order:2}
.sys-directory-image{display:block;overflow:hidden;background:#f8f9fa}
.sys-directory-image img{display:block;width:100%;aspect-ratio:1.08;object-fit:cover;transition:transform .5s}
.sys-directory-image:hover img{transform:scale(1.025)}
.sys-directory-copy h2{margin:12px 0 24px!important}
.sys-directory-copy>p:not(.sys-number){font-size:18px;line-height:28px;color:#626262}
.sys-number{font-size:14px;letter-spacing:.08em;color:#777;margin:0}
.sys-tags{list-style:none;padding:0;margin:28px 0;display:flex;flex-direction:column}
.sys-tags li{padding:16px 0;border-top:1px solid #ddd;font-size:18px}
.sys-tags li:last-child{border-bottom:1px solid #ddd}
.sys-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:#000;color:#fff!important;border:1px solid #000;padding:14px 24px;font-size:18px;line-height:24px;margin-top:28px;text-decoration:none;transition:background .2s}
.sys-button:hover{background:#078826;border-color:#078826}
.sys-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 32px}
.sys-directory-grid .sys-directory-copy h2{font-size:26px;line-height:34px;margin:12px 0 16px!important}
.sys-directory-grid .sys-number{margin-top:24px}
.sys-directory-grid .sys-button{background:transparent;color:#000!important;padding:0 0 8px;border:0;border-bottom:1px solid #000;font-size:16px}
.sys-directory-card[hidden],.sys-no-results[hidden]{display:none}
.sys-no-results{padding:40px 0;font-size:20px}
.sys-tech-item{position:relative;padding-bottom:28px}
.sys-tech-link{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;color:#078826}
.system-page[data-system-family="technologies"] main .max-w-\[768px\]{max-width:100%}
.system-page[data-system-family="technologies"] main .shadow-sm{box-shadow:none;border:1px solid #e8e8e8}
.system-page .sys-article-layout{display:grid;grid-template-columns:250px minmax(0,850px);gap:80px;max-width:1250px;width:calc(100% - 48px);margin:auto;padding-block:80px;align-items:start}
.system-page .sys-article-layout .q-article{width:100%;padding:0;margin:0;max-width:850px}
.sys-article-toc{position:sticky;top:108px;border-top:1px solid #000;padding-top:24px;max-height:70vh;overflow:auto}
.sys-article-toc p{font-size:20px;color:#000;margin:0 0 20px}
.sys-article-toc ol{list-style:none;padding:0;margin:0}
.sys-article-toc li+li{margin-top:14px}
.sys-article-toc a{font-size:15px;line-height:22px;color:#666;text-decoration:none}
.sys-article-toc a:hover{color:#078826}
.system-page .q-article{max-width:850px}
.system-page .q-article h2{font-size:36px;line-height:44px;margin-top:56px;scroll-margin-top:108px}
.system-page .q-article h3{font-size:28px;line-height:36px;scroll-margin-top:108px}
.system-page .q-article>figure:first-child{margin-top:0}
.system-page main [class*="line-clamp-"]{-webkit-line-clamp:unset;overflow:visible}
.system-page main details{border-radius:0}
.system-page footer{font-family:QatarSystem,Arial,sans-serif}
@media(max-width:1100px){.system-page .sys-editorial,.sys-directory-row{gap:40px}.sys-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-page .sys-article-layout{grid-template-columns:210px minmax(0,1fr);gap:40px}.system-page main h2{font-size:38px}.system-page .sys-editorial-heading h2{font-size:36px}}
@media(max-width:700px){.system-page .sys-hero{padding:48px 22px}.system-page .sys-hero h1{font-size:40px;line-height:46px;letter-spacing:-1px}.system-page .sys-hero p{font-size:18px;line-height:26px}.system-page .sys-hero nav{margin-bottom:24px}.system-page main>section:not(.sys-hero):not([data-hero]):not(.sys-article-layout),.system-page .q-section,.system-page .q-svc{padding-block:64px}.system-page .q-container,.system-page main section>div.mx-auto,.sys-container{width:calc(100% - 44px)}.system-page main h2,.system-page .q-svc h2,.system-page .sys-editorial-heading h2{font-size:34px;line-height:40px}.system-page main h3{font-size:24px;line-height:30px}.system-page .sys-editorial,.sys-directory-row{grid-template-columns:1fr;gap:32px}.sys-directory-row:nth-child(even) .sys-directory-image{order:0}.sys-directory-rows{gap:64px}.sys-directory-grid{grid-template-columns:1fr;gap:48px}.sys-directory-tools{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:36px}.sys-search input{width:100%}.sys-directory-copy h2{margin-bottom:20px!important}.sys-button{max-width:100%;white-space:normal}.system-page .sys-article-layout{display:flex;flex-direction:column;width:calc(100% - 44px);gap:36px;padding-block:48px}.sys-article-toc{position:static;max-height:240px;width:100%;padding-bottom:16px;border-bottom:1px solid #ddd}.system-page .q-article h2{font-size:30px;line-height:38px}.system-page .q-article h3{font-size:24px;line-height:32px}.system-page .q-callout{padding:28px}.system-page .q-prose p{font-size:17px;line-height:1.65}}
@media(prefers-reduced-motion:reduce){.system-page main *{scroll-behavior:auto!important}.sys-directory-image img{transition:none}}
.system-page .js-header [aria-label="Open search"] img{filter:brightness(0)}