/* Scoped editorial extension. Preserve the existing Orion identity and controls. */
.blog-hero,.blog-hub-hero{background:var(--ivory);padding:48px 0 56px;border-bottom:1px solid var(--line)}
.blog-breadcrumb{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:32px}
.blog-breadcrumb a:hover{color:var(--blue)}
.blog-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}
.blog-hero h1,.blog-hub-hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,3.6vw,4rem);line-height:1.12;letter-spacing:-.025em;margin:16px 0 24px;color:var(--navy)}
.blog-intro{font-size:16px;line-height:1.85;max-width:64ch}
.blog-intro p+p{margin-top:16px}
.blog-condition{font-size:13px;line-height:1.7;color:var(--muted);margin-top:24px;padding-inline-start:16px;border-inline-start:2px solid var(--gold)}
.blog-photo{margin:0;min-width:0}
.blog-photo img{display:block;width:100%;height:400px;object-fit:cover;object-position:center 56%}
.blog-photo figcaption{font-size:12px;line-height:1.7;color:var(--muted);padding-top:12px}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:72px;align-items:start;padding-block:64px 80px}
.blog-copy{max-width:760px;min-width:0;font-size:16px;line-height:1.85;color:var(--ink)}
.blog-copy>p,.blog-copy>ul{margin-block:0 20px}
.blog-copy h2{font-family:var(--font-display);font-size:clamp(1.75rem,2.3vw,2.25rem);line-height:1.25;margin-block:48px 20px;scroll-margin-top:128px}
.blog-copy h2:first-child{margin-top:0}
.blog-copy li{margin-bottom:12px;padding-inline-start:4px}
.blog-copy ul{padding-inline-start:22px}
.blog-copy a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.blog-copy a:hover{color:var(--navy)}
.blog-copy strong{font-weight:700}
.blog-table{margin-block:24px;overflow-x:auto;border:1px solid var(--line);outline-offset:4px}
.blog-table table{width:100%;border-collapse:collapse;table-layout:fixed;line-height:1.65;font-size:14px}
.blog-table th,.blog-table td{padding:16px 12px;text-align:start;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid var(--line)}
.blog-table tr:last-child td{border-bottom:0}
.blog-table th{background:var(--navy);color:white;font-weight:500}
.blog-table th:first-child{width:48%}.blog-table th:nth-child(2){width:20%}
.blog-table tbody tr:nth-child(even){background:var(--ivory)}
.blog-table td a{font-size:12px}
.blog-sidebar{position:sticky;top:120px}
.blog-toc{border-block:1px solid var(--line);padding-block:20px;margin-bottom:24px}
.blog-toc summary{font-weight:700;font-size:16px;cursor:pointer;min-height:36px}
.blog-toc ol{padding-inline-start:20px;margin-top:16px;font-size:14px;line-height:1.7}
.blog-toc li{margin-bottom:12px;padding-inline-start:4px}
.blog-toc a{color:var(--muted)}.blog-toc a:hover{color:var(--blue)}
.blog-sidebar>.button{width:100%;justify-content:center}
.blog-hub-hero{padding-block:64px}
.blog-hub-hero h1{font-size:clamp(3rem,5vw,5rem);margin-bottom:24px}
.blog-hub-hero p{font-size:16px;line-height:1.85;max-width:65ch}
.blog-feature{display:grid;grid-template-columns:1fr 1fr;margin-top:64px;border:1px solid var(--line);background:var(--ivory)}
.blog-feature-image{display:block;position:relative;min-height:470px;overflow:hidden}
.blog-feature-image img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 56%;transition:transform .3s}
.blog-feature-image:hover img{transform:scale(1.025)}
.blog-feature-copy{padding:48px;align-self:center}
.blog-feature-copy h2{font-family:var(--font-display);font-size:clamp(1.75rem,2.6vw,2.5rem);line-height:1.2;margin:16px 0 24px}
.blog-feature-copy>p{font-size:16px;line-height:1.85;margin-bottom:24px}
.blog-feature-copy .blog-condition{font-size:13px;margin-bottom:0}
.blog-related{padding-block:64px 80px}
.blog-related>h2{font-family:var(--font-display);font-size:32px;margin-bottom:24px}
.blog-related>div{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}
.blog-related a{padding:24px;border-inline-end:1px solid var(--line)}
.blog-related a:last-child{border-inline-end:0}
.blog-related h3{font-size:18px;line-height:1.4;margin-bottom:12px;color:var(--navy)}
.blog-related p{font-size:14px;line-height:1.7;color:var(--muted)}
.blog-related a:hover{background:var(--ivory)}
html[lang=ar] .blog-hero h1,html[lang=ar] .blog-hub-hero h1{letter-spacing:0;line-height:1.5;font-size:clamp(2.25rem,3vw,3.5rem)}
html[lang=ar] .blog-copy{line-height:1.95}
html[lang=ar] .blog-copy h2,html[lang=ar] .blog-feature h2{line-height:1.65;letter-spacing:0}
html[lang=ar] .blog-table table{line-height:1.9}
@media(min-width:901px) and (max-width:1250px){
 .has-guides-nav .nav-bar{gap:12px}
 .has-guides-nav #site-nav{gap:12px}
 .has-guides-nav #site-nav>a,.has-guides-nav #site-nav button{font-size:12px}
 .has-guides-nav .logo{width:128px}
 .has-guides-nav .nav-cta{padding-inline:12px;font-size:12px;margin-inline-start:0;gap:8px}
}
@media(max-width:1000px){
 .blog-hero-grid{gap:32px}.blog-layout{gap:32px;grid-template-columns:minmax(0,1fr) 220px}
 .blog-feature-copy{padding:32px}.blog-feature-image{min-height:430px}
}
@media(max-width:760px){
 .blog-hero,.blog-hub-hero{padding-block:32px}
 .blog-hero-grid,.blog-layout,.blog-feature{grid-template-columns:1fr}
 .blog-hero h1{font-size:2.5rem}.blog-hero-grid{gap:24px}
 .blog-photo img{height:300px;object-position:center 55%}
 .blog-layout{padding-block:32px 48px;gap:32px}
 .blog-sidebar{position:static;grid-row:1}
 .blog-toc{margin-bottom:16px}.blog-toc ol{columns:2;column-gap:28px}
 .blog-toc li{break-inside:avoid}
 .blog-feature{margin-top:32px}.blog-feature-image{min-height:0;height:330px}
 .blog-feature-copy{padding:28px}
 .blog-related{padding-block:40px 48px}.blog-related>div{grid-template-columns:1fr 1fr}
 .blog-related a:nth-child(2){border-inline-end:0}.blog-related a:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .blog-related a{padding:20px 16px}
 .blog-table th,.blog-table td{padding:12px 8px;font-size:13px}
 html[lang=ar] .blog-hero h1{font-size:2rem}
}
@media(max-width:480px){.blog-toc ol{columns:1}.blog-hub-hero h1{font-size:3rem}.blog-feature-copy{padding:24px}.blog-feature-image{height:290px}.blog-table th:first-child{width:43%}.blog-table th:nth-child(2){width:21%}}
@media(prefers-reduced-motion:reduce){.blog-feature-image img{transition:none}}