/* Legal Phase 3: page-specific service content in a shared, RTL-safe visual system. */
.al-page{--font:"Arkan Hind",sans-serif;--title:"Arkan Poppins",sans-serif;color:#45535d;font:17px/1.72 var(--font,"Hind",sans-serif);background:#fff}
.al-page *{box-sizing:border-box}
.al-page .al-container{width:min(1170px,calc(100% - 50px));margin-inline:auto}
.al-page h1,.al-page h2,.al-page h3{font-family:var(--title,"Poppins",sans-serif);font-weight:600;color:#111;letter-spacing:0;text-transform:none}
.al-page h1{font-size:38px;line-height:1.24;margin:0 0 23px}
.al-page h2{font-size:29px;line-height:1.35;margin:0 0 25px}
.al-page h3{font-size:21px;line-height:1.45;margin:0 0 15px}
.al-page p{margin:0 0 19px}
.al-page a{color:#0467a2}
.al-page a:hover{color:#034d79}
.al-page a:focus-visible,.al-page summary:focus-visible{outline:3px solid #8a5300;outline-offset:4px}
.al-page .al-prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.al-page .al-hero{background:#f1f5f8;border-bottom:1px solid #e1e9ef}
.al-page .al-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:65px;padding-block:65px}
.al-page .al-eyebrow{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#496272;margin-bottom:17px!important}
.al-page .al-intro{font-size:18px;line-height:1.65;max-width:620px;margin-bottom:27px!important}
.al-page .al-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}
.al-page .al-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;background:#0467a2;color:#fff;font:600 16px/1.4 var(--font,"Hind",sans-serif);text-decoration:none;transition:background .18s}
.al-page .al-button:hover{background:#034d79;color:#fff}
.al-page .al-text-link{display:inline-flex;align-items:center;gap:9px;min-height:48px;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.al-page .al-hero-media{margin:0;min-width:0}
.al-page .al-hero-media img{display:block;width:100%;height:340px;object-fit:cover;object-position:center 42%}
.al-page .al-hero-media--portrait img{object-position:center 46%}
.al-page .al-page-nav{display:flex;align-items:center;gap:10px 28px;flex-wrap:wrap;padding-block:17px;border-bottom:1px solid #dfe7ec;font-size:15px}
.al-page .al-page-nav a{display:inline-flex;min-height:44px;align-items:center;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.al-page .al-section{padding-block:61px;border-bottom:1px solid #e3e9ed;scroll-margin-top:100px}
.al-page .al-section:last-child{border-bottom:0}
.al-page .al-section-heading{max-width:780px;margin-bottom:30px}
.al-page .al-section-heading h2{margin-bottom:12px}
.al-page .al-kicker{font:600 12px/1.5 var(--font,"Hind",sans-serif);letter-spacing:.6px;text-transform:uppercase;color:#0467a2;margin-bottom:12px!important}
.al-page .al-prose{max-width:850px}
.al-page .al-prose p:last-child{margin-bottom:0}
.al-page .al-prose ul,.al-page .al-prose ol,.al-page .al-checklist,.al-page .al-process{padding-inline-start:24px;margin:0 0 23px}
.al-page .al-prose li,.al-page .al-checklist li,.al-page .al-process li{padding-inline-start:5px;margin-block:0 12px}
.al-page .al-prose li:last-child,.al-page .al-checklist li:last-child,.al-page .al-process li:last-child{margin-bottom:0}
.al-page .al-prose li::marker,.al-page .al-checklist li::marker,.al-page .al-process li::marker{color:#0467a2;font-weight:600}
.al-page .al-prose strong,.al-page .al-prose b{color:#293f4d;font-weight:600}
.al-page .al-prose table{width:100%;border-collapse:collapse;margin-block:24px;font-size:15px}
.al-page .al-prose th,.al-page .al-prose td{text-align:start;vertical-align:top;padding:14px;border:1px solid #d9e2e8}
.al-page .al-prose th{background:#f0f5f8;color:#243c4b;font-weight:600}
.al-page .al-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px}
.al-page .al-two-column>.al-prose{max-width:none}
.al-page .al-intake{background:#f5f8fa;padding:30px 32px;align-self:start}
.al-page .al-intake h2,.al-page .al-intake h3{font-size:23px;margin-bottom:18px}
.al-page .al-intake p,.al-page .al-intake li{font-size:16px;line-height:1.7}
.al-page .al-intake ul{margin-bottom:0}
.al-page .al-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 55px}
.al-page .al-document-grid .al-prose p{font-size:16px;line-height:1.75}
.al-page .al-context{margin-top:32px;max-width:850px}
.al-page .al-process{list-style:decimal;padding-inline-start:24px}
.al-page .al-process li{padding-inline-start:12px;margin-bottom:21px}
.al-page .al-faq-list{max-width:950px;border-top:1px solid #dce5eb}
.al-page .al-faq{border-bottom:1px solid #dce5eb}
.al-page .al-faq summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:72px;padding:20px 4px;color:#111;font:500 18px/1.5 var(--title,"Poppins",sans-serif);cursor:pointer;list-style:none}
.al-page .al-faq summary::-webkit-details-marker{display:none}
.al-page .al-faq summary:after{content:"+";flex:0 0 26px;color:#0467a2;text-align:center;font:400 25px/1 var(--font,"Hind",sans-serif)}
.al-page .al-faq[open] summary:after{content:"−"}
.al-page .al-faq[open] summary{color:#0467a2}
.al-page .al-faq>.al-prose{padding:0 42px 25px 4px;max-width:890px}
[dir=rtl] .al-page .al-faq>.al-prose{padding:0 4px 25px 42px}
.al-page .al-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.al-page .al-link-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:flex-start;padding:24px;background:#f2f6f9;border-bottom:2px solid #c8dbe7;min-height:132px;text-decoration:none}
.al-page .al-link-card:hover{background:#eaf2f7;border-bottom-color:#0467a2}
.al-page .al-link-card strong{font:500 16px/1.5 var(--title,"Poppins",sans-serif);color:#0467a2}
.al-page .al-link-card span{color:#4b5d69;font-size:15px;line-height:1.6}
.al-page .al-final{padding-block:55px 65px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.al-page .al-final h2{font-size:26px;margin-bottom:12px}
.al-page .al-final p{max-width:720px;margin:0;font-size:17px}
.al-page .al-final .al-button{flex-shrink:0}
.al-page .al-note{border-inline-start:3px solid #0467a2;padding:15px 20px;background:#f2f6f9;max-width:850px}
@media(max-width:1050px){.al-page .al-hero-grid{gap:40px;grid-template-columns:1.25fr 1fr;padding-block:50px}.al-page h1{font-size:34px}.al-page .al-hero-media img{height:320px}.al-page .al-two-column{gap:35px}.al-page .al-document-grid{gap:35px}.al-page .al-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.al-page .al-final{align-items:flex-start;flex-direction:column;gap:25px}}
@media(max-width:760px){.al-page .al-container{width:calc(100% - 40px)}.al-page{font-size:16px;line-height:1.75}.al-page .al-hero-grid{grid-template-columns:1fr;gap:30px;padding-block:39px}.al-page h1{font-size:31px;line-height:1.28;margin-bottom:20px}.al-page .al-intro{font-size:17px;line-height:1.7;margin-bottom:22px!important}.al-page .al-hero-media img{height:270px;max-width:540px;margin-inline:auto}.al-page .al-page-nav{gap:6px 23px;font-size:14px;padding-block:11px}.al-page .al-section{padding-block:42px;scroll-margin-top:85px}.al-page h2{font-size:25px;line-height:1.4;margin-bottom:22px}.al-page h3{font-size:21px}.al-page .al-two-column,.al-page .al-document-grid{grid-template-columns:1fr;gap:30px}.al-page .al-intake{padding:26px 24px}.al-page .al-intake h2,.al-page .al-intake h3{font-size:22px}.al-page .al-context{margin-top:25px}.al-page .al-section-heading{margin-bottom:25px}.al-page .al-faq summary{font-size:17px;min-height:70px;gap:15px}.al-page .al-faq>.al-prose{padding-inline-end:25px}.al-page .al-link-grid{grid-template-columns:1fr;gap:14px}.al-page .al-link-card{min-height:112px;padding:22px}.al-page .al-final{padding-block:42px 50px}.al-page .al-final h2{font-size:24px}.al-page .al-final p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.al-page *{transition:none!important;scroll-behavior:auto!important}}

.al-page .al-hero{height:auto;overflow:visible}.al-page .al-button{text-transform:none;white-space:normal}.al-page[lang=ar]{--font:"Arkan Cairo",sans-serif;--title:"Arkan Cairo",sans-serif;direction:rtl}.al-page[lang=ar] .al-eyebrow{letter-spacing:0;text-transform:none}

.al-page .al-prose+.al-prose{margin-top:30px}.al-page .al-prose h3:not(:first-child){margin-top:30px}
.al-page .al-prose+.al-document-grid{margin-top:32px}.al-page .al-hero-media--icon img{object-fit:contain;max-width:320px;height:280px;margin-inline:auto}.al-page .al-prose table{overflow-wrap:anywhere}.al-page[dir=rtl] .al-faq>.al-prose{padding:0 4px 25px 42px}
@media(max-width:760px){.al-page .al-hero-media--icon img{height:240px;max-width:280px}.al-page .al-prose th,.al-page .al-prose td{padding:10px}}

/* Follow-up: override the legacy theme grey on prose list links only. */
.al-page .al-prose li a:not(.al-button){color:#0467a2!important}
.al-page .al-prose li a:not(.al-button):hover,.al-page .al-prose li a:not(.al-button):focus-visible{color:#034d79!important}

/* Follow-up v2: existing related-page navigation sits outside the content fragment. */
body.al-redesign-active .arkan-related a{color:#0467a2!important}
body.al-redesign-active .arkan-related a:hover,body.al-redesign-active .arkan-related a:focus-visible{color:#034d79!important}
body.al-redesign-active .arkan-related a:focus-visible{outline:3px solid #8a5300;outline-offset:4px}
