/* Footer badge, cookie bar, and the long reading pages: guides, Privacy, Terms. */
.foot-end { align-items: center; }
.foot-legal { align-items: center; }
.foot-legal a, .foot-cookie { color: inherit; }
.foot-cookie { background: none; border: 0; padding: 0; font: inherit; text-decoration: underline; cursor: pointer; }
.foot-badge { display: block; height: 64px; width: auto; }

.ck { position: fixed; inset-inline: 16px; bottom: 16px; z-index: 90; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 28px; max-width: 1040px; margin-inline: auto; padding: 18px 22px; background: #fff; color: var(--ink); border: 1px solid #D9DCE3; box-shadow: 0 10px 34px rgb(10 17 80 / .14); font: 400 14.5px/1.45 var(--font-text); }
.ck p { flex: 1 1 340px; margin: 0; } .ck p a { color: inherit; text-decoration: underline; }
.ck-a { display: flex; flex-wrap: wrap; gap: 8px; }
.ck .btn { height: 42px; padding: 0 16px; font-size: 14px; }
.ck-h { flex: 1 0 100%; font: 600 17px/1.2 var(--font-display); }
.ck-t { flex: 1 0 100%; display: flex; gap: 10px; align-items: flex-start; }
.ck-t input { margin-top: 3px; accent-color: #0A1150; } .ck-t b { display: block; font-weight: 600; }
.ck-a:last-child { margin-inline-start: auto; }

.lgw { display: grid; grid-template-columns: minmax(0, 760px) minmax(240px, 380px); justify-content: space-between; gap: clamp(32px, 6vw, 96px); padding: clamp(24px, 4vw, 56px) var(--m) clamp(64px, 8vw, 110px); }
.lg-side { grid-column: 2; grid-row: 1; align-self: start; position: sticky; top: 88px; }
.lg-side .b-idx { width: 100%; }
.lg { grid-column: 1; grid-row: 1; min-width: 0; font-size: 18px; line-height: 1.62; color: var(--ink); }
.lg-lead { font-size: clamp(21px, 2.1vw, 26px); line-height: 1.42; font-weight: 500; margin: 0 0 12px; }
.lg-meta { font-size: 14px; color: #5B6170; margin: 0 0 8px; }
.lg h2 { font: 600 clamp(26px, 2.6vw, 34px)/1.14 var(--font-display); letter-spacing: -0.025em; margin: clamp(44px, 5vw, 64px) 0 14px; scroll-margin-top: 90px; }
.lg p { margin: 0 0 16px; } .lg a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.lg ul, .lg ol { margin: 0 0 18px; padding-inline-start: 24px; } .lg ul { list-style: disc; } .lg ol { list-style: decimal; } .lg li { margin-bottom: 8px; padding-inline-start: 4px; }
.lg-tw { overflow-x: auto; margin: 6px 0 22px; }
.lg table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 15.5px; line-height: 1.42; }
.lg th, .lg td { text-align: start; vertical-align: top; padding: 11px 14px 11px 0; border-bottom: 1px solid #DDE0E6; }
.lg th { font-weight: 600; border-bottom-color: #0A1150; }
html[dir="rtl"] .lg th, html[dir="rtl"] .lg td { padding: 11px 0 11px 14px; }
.lg-src { margin-top: clamp(44px, 5vw, 64px); padding-top: 20px; border-top: 1px solid #DDE0E6; font-size: 14.5px; color: #454A57; }
.lg-src strong { display: block; margin-bottom: 8px; color: var(--ink); }
.lg .lg-cards { list-style: none; padding: 0; display: grid; gap: 0; }
.lg-cards li { margin: 0; border-bottom: 1px solid #DDE0E6; }
.lg-cards a { display: block; padding: 20px 0; text-decoration: none; }
.lg-cards b { display: block; font: 600 22px/1.2 var(--font-display); letter-spacing: -0.015em; margin-bottom: 4px; }
.lg-cards span { color: #454A57; font-size: 16px; }
.lg-cards a:hover b { text-decoration: underline; }
html[lang="ar"] .lg h2, html[lang="ar"] .lg-cards b { font-family: "Alexandria", var(--font-display); letter-spacing: 0; line-height: 1.34; }
html[lang="ar"] .lg { font-family: "IBM Plex Sans Arabic", var(--font-text); line-height: 1.8; }
html[lang="ar"] .ck { font-family: "IBM Plex Sans Arabic", var(--font-text); }
@media (max-width: 1000px) { .lgw { grid-template-columns: minmax(0, 1fr); } .lg-side { display: none; } .lg { grid-column: 1; } }
@media (max-width: 640px) { .lg { font-size: 17px; } .foot-badge { height: 54px; } .ck { inset-inline: 8px; bottom: 8px; padding: 14px; } .ck-a { margin-inline-start: 0 !important; } }