.hc-article-list,.hc-article-detail { color:var(--hc-ink,#173047); }
.hc-article-row { padding-block:32px; border-block-start:1px solid var(--hc-border,#D8E3E7); }
.hc-article-row--cover { display:grid; grid-template-columns:180px minmax(0,1fr); gap:24px; align-items:start; }
.hc-article-row-copy { min-inline-size:0; }
.hc-article-cover { margin:24px 0; max-inline-size:700px; }
.hc-article-row .hc-article-cover { margin:0; }
.hc-article-cover img { display:block; max-inline-size:100%; block-size:auto; border-radius:8px; }
.hc-article-cover figcaption { margin-block-start:8px; font-size:.875rem; color:var(--hc-muted,#526777); overflow-wrap:anywhere; }
.hc-article-tags { display:flex; gap:8px; flex-wrap:wrap; padding:0; list-style:none; margin-block:16px; }
.hc-article-tags li { border:1px solid var(--hc-border,#D8E3E7); padding:4px 12px; border-radius:8px; overflow-wrap:anywhere; }
.hc-article-back a,.hc-article-detail a[hreflang] { display:inline-flex; align-items:center; min-block-size:44px; }
.hc-article-back a:focus-visible { outline:3px solid var(--hc-ink,#173047); outline-offset:3px; }
.hc-article-row h2 { margin-block:0 16px; max-inline-size:30em; }
.hc-article-row h2 a { color:var(--hc-ink,#173047); text-underline-offset:5px; }
.hc-article-meta { display:flex; flex-wrap:wrap; gap:16px 32px; margin-block:16px 24px; font-size:.95rem; }
.hc-article-meta div { min-inline-size:100px; }
.hc-article-meta dt { color:var(--hc-muted,#526777); font-weight:400; }
.hc-article-meta dd { margin:0; }
.hc-article-meta time { direction:ltr; unicode-bidi:isolate; }
.hc-article-excerpt,.hc-article-body { max-inline-size:65ch; }
.hc-article-read,.hc-article-pagination a { display:inline-flex; align-items:center; min-block-size:44px; color:var(--hc-accent-hover,#066567); text-underline-offset:4px; }
.hc-article-pagination { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; margin-block:32px; }
.hc-article-pagination a { padding:8px 16px; border:1px solid var(--hc-border,#D8E3E7); border-radius:8px; }
.hc-article-detail { max-inline-size:900px; margin-inline:auto; }
.hc-article-detail header { padding-block-end:24px; border-block-end:1px solid var(--hc-border,#D8E3E7); }
.hc-article-body { margin-block:32px 48px; font-size:1.125rem; line-height:1.85; }
.hc-article-body h2,.hc-article-body h3 { margin-block:32px 16px; }
.hc-article-body blockquote { margin-inline:0; padding-inline:24px; border-inline-start:3px solid var(--hc-accent,#087E80); }
.hc-article-disclaimer,.hc-article-state,.hc-article-language-notice { background:var(--hc-bg,#F5F8F9); border:1px solid var(--hc-border,#D8E3E7); padding:24px; border-radius:12px; }
.hc-article-disclaimer h2,.hc-article-state h2 { margin-block-start:0; }
.hc-article-disclaimer p,.hc-article-state p { margin-block-end:0; }
.hc-article-detail :is(h1,h2,h3,p,li,a,dd),.hc-article-row :is(h2,p,a,dd) { overflow-wrap:anywhere; }
.hc-article-detail [lang="en"],.hc-article-detail [lang="en"] :is(h2,h3),.hc-article-row [lang="en"] { font-family:"Source Sans 3",Arial,sans-serif; }
.hc-article-detail [lang="ar"],.hc-article-detail [lang="ar"] :is(h2,h3),.hc-article-row [lang="ar"] { font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif; }
.hc-article-list a:focus-visible,.hc-article-detail a:focus-visible { outline:3px solid var(--hc-ink,#173047); outline-offset:3px; }
@media(max-width:540px) { .hc-article-meta { gap:16px; } .hc-article-meta div { flex-basis:calc(50% - 16px); } .hc-article-body { font-size:1.0625rem; } }
@media(max-width:540px) { .hc-article-row--cover { grid-template-columns:minmax(0,1fr); } }
