/* Series 2: shared, accessible article and topic hub layout. */
.s2{--s2-line:#dce7ee;--s2-muted:#526577;color:#172f43;background:#fff}
.s2-wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.s2-hero{padding:55px 0 46px;background:linear-gradient(135deg,#f0f7fc,#fff);border-bottom:1px solid var(--s2-line)}
.s2-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;line-height:1.8;margin-bottom:30px;color:var(--s2-muted)}
.s2-breadcrumb a{color:#196b9e;text-decoration:underline;text-underline-offset:3px}
.s2-label{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#0c75b7;margin-bottom:16px}
.s2 h1{max-width:1000px;font-size:clamp(30px,4.3vw,52px);line-height:1.19;letter-spacing:-.035em;margin:0 0 24px;overflow-wrap:break-word}
.s2-meta{display:flex;flex-wrap:wrap;gap:9px 22px;color:var(--s2-muted);font-size:13px;line-height:1.8}
.s2-layout{display:grid;grid-template-columns:minmax(0,790px) minmax(180px,260px);gap:60px;padding-block:44px 80px}
.s2-body{min-width:0;font-size:17px;line-height:1.85;overflow-wrap:break-word}
.s2-body p{margin:0 0 23px}.s2-body h2{font-size:28px;line-height:1.35;letter-spacing:-.02em;margin:48px 0 20px;scroll-margin-top:110px;color:#122d43}
.s2-body h3{font-size:21px;line-height:1.5;margin:30px 0 14px;color:#16364e}
.s2-body a{color:#0872b5;text-decoration:underline;text-underline-offset:4px}.s2-body a:hover{color:#034b78}
.s2-answer{padding:25px 28px;background:#edf7fc;border-inline-start:4px solid #0e7bc4;border-radius:0 12px 12px 0;margin-bottom:32px}
.s2-answer strong{display:block;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#086497;margin-bottom:10px}.s2-answer p{margin:0}
.s2-body ul{padding-inline-start:23px;margin:0 0 28px}.s2-body li{margin-bottom:12px}
.s2-table{max-width:100%;overflow-x:auto;border:1px solid var(--s2-line);border-radius:12px;margin:26px 0 32px}
.s2-table table{border-collapse:collapse;min-width:600px;width:100%;font-size:14px;line-height:1.65;text-align:start}
.s2-table th,.s2-table td{padding:16px;text-align:start;border-bottom:1px solid var(--s2-line);vertical-align:top;width:36%}
.s2-table th:first-child,.s2-table td:first-child{width:28%}.s2-table thead th{background:#143b56;color:white;font-weight:700}.s2-table tbody th{font-weight:700;background:#f4f8fb}.s2-table tr:last-child>*{border-bottom:0}
.s2-toc{position:sticky;top:110px;align-self:start;border-inline-start:1px solid var(--s2-line);padding-inline-start:22px;font-size:13px;line-height:1.65;max-height:75vh;overflow:auto}
.s2-toc strong{display:block;margin-bottom:16px;color:#23465f}.s2-toc a{display:block;color:var(--s2-muted);margin-bottom:13px}.s2-toc a:hover{color:#0872b5}
.s2-faq{border-top:1px solid var(--s2-line);padding-top:22px;margin-top:45px}.s2-faq-item{border-bottom:1px solid var(--s2-line);padding:6px 0 8px}.s2-faq-item h3{font-size:19px}
.s2-related{border-top:1px solid var(--s2-line);margin-top:45px;padding-top:15px}.s2-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:28px}
.s2-card{display:block;border:1px solid var(--s2-line);padding:28px;border-radius:15px;background:#fff;color:#172f43;transition:border-color .2s,box-shadow .2s}
.s2-card:hover{border-color:#0e7bc4;box-shadow:0 8px 25px #143b560d}.s2-card h2,.s2-card h3{font-size:23px;line-height:1.4;margin:10px 0 14px}.s2-card p{color:var(--s2-muted);font-size:15px;line-height:1.75;margin:0 0 16px}.s2-card small,.s2-card .s2-read{font-size:12px;font-weight:700;color:#0d73b2}
.s2-hub-body{padding-block:35px 70px}.s2-hub-body>p{font-size:18px;line-height:1.8;max-width:760px}.s2-hub-body>h2{font-size:30px;margin-top:40px}.s2-previous{line-height:1.8;padding-inline-start:22px}.s2-previous a{color:#0872b5;text-decoration:underline}.s2-previous li{margin-block:12px}
.s2-index-hub{margin:0 0 24px;font-size:16px}.s2-index-hub a{color:#0872b5;text-decoration:underline}.s2-solution-reading{padding-block:32px;background:#f2f8fc}.s2-solution-reading a{font-size:20px;font-weight:700;color:#0872b5;text-decoration:underline;line-height:1.6}
[dir=rtl] .s2{font-family:'Tajawal',sans-serif}[dir=rtl] .s2 h1,[dir=rtl] .s2 h2{letter-spacing:0;line-height:1.5}[dir=rtl] .s2-body{font-size:19px;line-height:1.95}[dir=rtl] .s2-answer{border-radius:12px 0 0 12px}[dir=rtl] .s2-label{letter-spacing:0}
@media(max-width:900px){.s2-layout{grid-template-columns:minmax(0,1fr);gap:0;max-width:790px}.s2-toc{display:none}}
@media(max-width:600px){.s2-wrap{width:calc(100% - 36px)}.s2-hero{padding-block:30px}.s2 h1{font-size:31px;line-height:1.25}.s2-breadcrumb{margin-bottom:20px}.s2-layout{padding-block:28px 50px}.s2-body{font-size:16px}.s2-body h2{font-size:24px}.s2-answer{padding:20px}.s2-cards{grid-template-columns:1fr}.s2-card{padding:22px}.s2-meta{font-size:12px;gap:5px 15px}.s2-table th,.s2-table td{padding:13px}}
@media(prefers-reduced-motion:reduce){.s2-card{transition:none}}