/* Scoped editorial index. Uses the shared palette and local Tajawal font. */
.articles-hub{min-width:0;padding-block:32px 12px;text-align:start}
.articles-hub-intro{max-width:820px;margin-block-end:32px}
.articles-hub-kicker{display:block;margin-block-end:12px;color:var(--accent,#e8c15a);font-weight:800;letter-spacing:.08em}
.articles-hub-intro h1{margin:0 0 16px;font-size:clamp(32px,4.5vw,54px);line-height:1.4;letter-spacing:normal;text-wrap:balance}
.articles-hub-intro>p{color:var(--muted,#a4a79c);font-size:17px;line-height:1.9}
.articles-hub-intro .articles-hub-count{margin-block-start:12px;font-size:14px}
.articles-hub-section{min-width:0;margin-block:28px 44px}
.articles-hub-section>h2{margin:0 0 18px;font-size:25px;line-height:1.5}
.articles-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;min-width:0}
.articles-hub-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line,#32352f);border-radius:10px;background:var(--surface,#191b19)}
.articles-hub-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;min-width:0;margin:0;overflow:hidden;background:var(--bg,#101110)}
.articles-hub-cover>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.articles-hub-image-missing{padding:24px;color:var(--muted,#a4a79c);text-align:center;font-size:14px}
.articles-hub-card-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:20px}
.articles-hub-label{margin:0 0 10px;color:var(--accent,#e8c15a);font-size:13px;font-weight:700;line-height:1.8}
.articles-hub-card h3{margin:0 0 12px;font-size:22px;font-weight:800;line-height:1.65;letter-spacing:normal;overflow-wrap:anywhere}
.articles-hub-card h3 a{color:var(--paper,#f3f1e7);text-decoration:none}
.articles-hub-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.articles-hub-excerpt{margin:0 0 16px;color:var(--muted,#a4a79c);font-size:15px;line-height:1.9;overflow-wrap:anywhere}
.articles-hub-meta{margin:auto 0 8px;padding-block-start:4px;color:var(--muted,#a4a79c);font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.articles-hub-read{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding-block:9px;color:var(--accent,#e8c15a);font-size:14px;font-weight:800}
.articles-hub-notice,.articles-hub-empty{margin:20px 0;padding:20px;border:1px solid var(--line,#32352f);border-inline-start:3px solid var(--accent,#e8c15a);border-radius:6px;background:var(--surface,#191b19);font-size:16px;line-height:1.9;overflow-wrap:anywhere}
.articles-hub-automatic{padding-block-start:28px;border-block-start:2px solid var(--line,#32352f)}
.articles-hub-section-note{max-width:780px;margin:0 0 18px;color:var(--muted,#a4a79c);font-size:15px;line-height:1.9}
.articles-hub-preview{display:inline-block;margin-inline-start:8px;padding-inline:6px;border:1px solid currentColor;border-radius:3px;font-size:11px}
.articles-hub-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-block:30px}
.articles-hub-pagination>a,.articles-hub-pagination>[aria-current=page]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 13px;border:1px solid var(--line,#32352f);border-radius:6px;line-height:1.4}
.articles-hub-pagination>[aria-current=page]{color:var(--bg,#101110);background:var(--accent,#e8c15a);border-color:var(--accent,#e8c15a);font-weight:800}
.articles-hub-pagination>p{flex-basis:100%;margin:8px 0 0;text-align:center;font-size:14px;color:var(--muted,#a4a79c)}
.articles-hub a:focus-visible{outline:2px solid var(--accent,#e8c15a);outline-offset:4px}
@media(max-width:1050px){.articles-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:680px){.articles-hub{padding-block-start:24px}.articles-hub-grid{grid-template-columns:minmax(0,1fr);gap:20px}.articles-hub-intro{margin-block-end:24px}.articles-hub-intro h1{font-size:32px;line-height:1.45}.articles-hub-intro>p{font-size:16px}.articles-hub-section>h2{font-size:23px}.articles-hub-card-body{padding:18px}.articles-hub-card h3{font-size:22px}.articles-hub-card h3,.articles-hub-excerpt{overflow-wrap:anywhere}.articles-hub-notice,.articles-hub-empty{padding:16px}.articles-hub-section{margin-block-end:32px}}
@media(max-width:360px){.articles-hub-card-body{padding:15px}.articles-hub-intro h1{font-size:29px}.articles-hub-card h3{font-size:21px}.articles-hub-pagination{gap:6px}}