/* Content pages share the site's local fonts, colours, buttons and footer. */
.content-header { border-bottom: 1px solid var(--line); }
.content-header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:94px; }
.content-header nav { display:flex; flex-wrap:wrap; gap:8px 24px; }
.content-header nav a { display:inline-flex; align-items:center; min-height:44px; font-size:.875rem; }
.content-header nav a:hover, .content-header nav a[aria-current] { text-decoration:underline; text-underline-offset:6px; }
.content-header .brand-logo { width:136px; }
.content-page main:focus { outline:none; }
.content-page main p, .content-page main li { text-wrap:pretty; }
.page-breadcrumb { padding-block:22px; font-size:.8rem; color:var(--muted); }
.page-breadcrumb ol { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.page-breadcrumb li+li::before { content:'/'; margin-right:12px; }
.page-breadcrumb a { display:inline-flex; min-height:44px; align-items:center; }
.page-hero { padding-block:30px 72px; }
.page-hero h1 { max-width:15ch; font-size:clamp(2.8rem,5.6vw,5.3rem); font-weight:300; line-height:1.04; letter-spacing:-.04em; }
.page-hero .hero-copy { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(28px,6vw,90px); align-items:end; }
.page-hero .lead { max-width:43ch; }
.page-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:28px; }
.page-jump { display:flex; flex-wrap:wrap; gap:8px 28px; padding-block:16px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.page-jump a { display:inline-flex; min-height:44px; align-items:center; font-size:.9rem; }
.page-jump a:hover { text-decoration:underline; text-underline-offset:5px; }
.content-section { padding-block:clamp(64px,8vw,112px); }
.content-section.alt { background:var(--section); }
.content-split { display:grid; grid-template-columns:1fr 1.15fr; gap:clamp(32px,7vw,100px); }
.content-split .section-heading { max-width:15ch; }
.prose p+p { margin-top:20px; }
.prose p { max-width:62ch; color:var(--muted); }
.prose a:not(.text-link), .content-page figcaption a { text-decoration:underline; text-underline-offset:4px; }
.team-intro { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:40px; }
.team-intro p { max-width:38ch; color:var(--muted); }
.team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.team-grid figure { min-width:0; }
.team-grid img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:4px; background:var(--control); }
.team-grid figcaption { display:block; padding-top:18px; }
.team-grid h3 { font-size:1.12rem; font-weight:500; line-height:1.3; letter-spacing:-.02em; }
.team-grid p { font-size:.9rem; margin-top:4px; color:var(--muted); }
.regional-panel { padding:clamp(32px,5vw,64px); background:var(--ink); color:var(--cream); border-radius:16px; }
.regional-panel .eyebrow, .regional-panel p { color:rgb(246 240 233 / 85%); }
.regional-panel .section-heading { max-width:18ch; }
.pilot-list { list-style:none; padding:0; margin-top:28px; }
.pilot-list li { padding:16px 0; border-top:1px solid rgb(246 240 233 / 24%); }
.pilot-list strong { display:block; font-size:1.15rem; font-weight:500; }
.pilot-list span { font-size:.9rem; color:rgb(246 240 233 / 78%); }
.award-list { margin-top:32px; }
.award { display:grid; grid-template-columns:80px 1fr 1fr; gap:32px; padding-block:28px; border-top:1px solid var(--line); }
.award h3 { font-size:1.13rem; font-weight:500; line-height:1.4; }
.award p { color:var(--muted); font-size:.98rem; }
.award time { font-size:1rem; }
.feature-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 56px; margin-top:40px; }
.feature-list article { border-top:1px solid var(--line); padding-top:22px; }
.feature-list h3 { font-size:1.25rem; line-height:1.3; font-weight:500; margin-bottom:10px; }
.feature-list p { max-width:53ch; color:var(--muted); }
.workflow-steps { list-style:none; counter-reset:step; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:40px; }
.workflow-steps li { counter-increment:step; border-top:1px solid var(--line); padding-top:20px; }
.workflow-steps li::before { content:'0' counter(step); display:block; font-size:.8rem; margin-bottom:28px; color:var(--muted); }
.workflow-steps h3 { font-size:1.25rem; font-weight:500; line-height:1.3; margin-bottom:12px; }
.workflow-steps p { color:var(--muted); font-size:1rem; }
.product-image { padding:clamp(16px,4vw,48px); background:var(--control); border-radius:16px; }
.product-image img { width:100%; height:auto; border-radius:8px; box-shadow:0 12px 32px rgb(8 51 51 / 12%); }
.product-image figcaption { font-size:.85rem; color:var(--muted); padding-top:20px; }
.product-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:32px; }
.page-faq .faq-list { width:100%; }
.page-faq summary::after { content:'+'; margin-left:auto; font-size:1.5rem; font-weight:300; }
.page-faq details[open] summary::after { content:'−'; }
.page-close { padding-block:64px; background:var(--section); }
.page-close .container { display:flex; justify-content:space-between; align-items:center; gap:32px; }
.page-close h2 { font-size:clamp(2rem,3.5vw,3rem); font-weight:400; letter-spacing:-.03em; line-height:1.12; }
.page-close p { margin-top:12px; color:var(--muted); }
.release { display:grid; grid-template-columns:180px 1fr; gap:clamp(32px,6vw,88px); padding-block:56px; border-top:1px solid var(--line); }
.release-version { font-size:3.5rem; font-weight:300; letter-spacing:-.04em; line-height:1.2; }
.release time { display:block; font-size:.9rem; color:var(--muted); margin-top:12px; }
.release h2 { font-size:clamp(1.8rem,3vw,2.6rem); font-weight:400; letter-spacing:-.025em; line-height:1.15; max-width:26ch; }
.release ul { padding-left:20px; margin-top:28px; }
.release li { padding-left:6px; margin-bottom:20px; color:var(--muted); max-width:68ch; }
.release strong { color:var(--ink); font-weight:500; }
.security-summary { display:flex; flex-wrap:wrap; gap:12px; margin-top:36px; }
.security-summary span { padding:12px 18px; border:1px solid var(--line); border-radius:8px; font-size:.9rem; }
.mena-home { margin-top:32px; padding-top:28px; border-top:1px solid var(--line); }
.mena-home h3 { font-size:1.25rem; font-weight:500; margin-bottom:10px; }
.mena-home p { color:var(--muted); max-width:70ch; }
.mena-home a { margin-top:12px; }
.p-card .p-card-more { position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; margin-top:14px; font-size:.875rem; text-decoration:underline; text-underline-offset:5px; }
.p-card .p-card-more span { font-size:1.1rem; }
@media(max-width:1000px) { .content-header-inner { flex-wrap:wrap; padding-block:18px; gap:12px; } .content-header nav { order:3; width:100%; } .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; } }
@media(max-width:700px) {
 .page-hero { padding-block:20px 48px; }
 .page-hero .hero-copy, .content-split { grid-template-columns:1fr; gap:28px; }
 .page-hero h1 { max-width:16ch; }
 .team-intro { display:block; } .team-intro p { margin-top:20px; }
 .award { grid-template-columns:54px 1fr; gap:12px 20px; } .award p { grid-column:2; }
 .workflow-steps, .feature-list { grid-template-columns:1fr; gap:24px; }
 .workflow-steps li::before { margin-bottom:12px; }
 .release { grid-template-columns:1fr; gap:24px; padding-block:40px; }
 .release-meta { display:flex; align-items:center; gap:24px; } .release time { margin:0; }
 .page-close .container { flex-direction:column; align-items:flex-start; }
 .content-header .brand-logo { width:112px; }
 .content-header nav { gap:4px 20px; }
 .team-grid h3 { font-size:1rem; } .team-grid p { font-size:.82rem; }
}
@media(max-width:380px) { .team-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

.relationship-context { margin-top:24px; max-width:45ch; color:var(--muted); }
.relationship-list article { border-top:1px solid var(--line); padding-block:24px; }
.relationship-list h3 { font-size:1.25rem; font-weight:500; margin-bottom:8px; }
.relationship-list p { max-width:55ch; color:var(--muted); }
