.content-header{margin-top:10px;padding-top:80px;padding-bottom:0;background:var(--color-background)}.content-header .container{max-width:1200px;margin:0 auto;padding:0 2rem}#html-content-wrapper{isolation:isolate;--header-height: 82px !important}#html-content-wrapper:not(.content-header~#html-content-wrapper){margin-top:80px}#html-content-wrapper .sidebar-nav{top:82px!important;height:calc(100vh - 82px)!important}#html-content-wrapper .top-nav,#html-content-wrapper .header-nav{display:none!important}.related-section{padding:4rem 0;background:var(--color-background);border-top:1px solid var(--color-border)}.related-title{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:2rem;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.related-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:all .3s ease}.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.related-card-image{width:100%;height:160px;overflow:hidden}.related-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-card:hover .related-card-image img{transform:scale(1.05)}.related-card-content{padding:1.25rem}.related-card-title{font-size:1.125rem;font-weight:700;color:var(--color-primary);margin:0 0 .5rem;line-height:1.3}.related-card-description{font-size:.9rem;color:var(--color-secondary);line-height:1.5;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card-link{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;transition:gap .3s ease}.related-card:hover .related-card-link{gap:.5rem}.localized-listing{padding:8rem 0 5rem;min-height:70vh}.localized-listing h1{font-size:clamp(2.5rem,7vw,4.5rem);max-width:900px;margin-bottom:1rem}.localized-lead{max-width:760px;font-size:1.2rem;margin-bottom:3rem}.localized-copy{max-width:880px;margin-bottom:3rem;color:#d8dde8;font-size:1.05rem;line-height:1.95}.localized-copy :global(h2){margin:2.2rem 0 .75rem;color:#fff;font-size:clamp(1.55rem,3vw,2.2rem)}.localized-copy :global(p){margin:0 0 1rem}.localized-copy :global(ul){margin:0 0 1.5rem;padding-inline-start:1.4rem}.localized-copy :global(a){color:#8ec5ff;text-decoration:underline}.localized-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.localized-card{display:block;padding:1.75rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.localized-card h2{font-size:1.35rem;margin-bottom:.75rem}.localized-card span{display:inline-block;margin-top:1rem;font-weight:700}html[lang=ar] body,html[lang=ar] #html-content-wrapper *:not(code,pre,kbd,samp,pre *,code *){font-family:IBM Plex Sans Arabic,Inter Variable,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;letter-spacing:normal!important}:where(html[dir=rtl] #html-content-wrapper) ul,:where(html[dir=rtl] #html-content-wrapper) ol{padding-inline-start:1.5em}:where(html[dir=rtl] #html-content-wrapper) th,:where(html[dir=rtl] #html-content-wrapper) td{text-align:start}@media(max-width:768px){.content-header{padding-top:70px}.related-grid{grid-template-columns:1fr}}
