#article-magazine{padding:64px 0;background:#f4f0e7;color:#142334}#article-magazine .magazine-kicker{font:600 12px system-ui;letter-spacing:.2em;color:#725323}#article-magazine .magazine-header{display:flex;justify-content:space-between;align-items:end;gap:24px}#article-magazine h2{font:normal clamp(36px,5vw,58px)/1.1 Georgia;margin:12px 0}#article-magazine .magazine-header p{max-width:650px;color:#506070}#article-magazine a{color:#263c50}#article-magazine .magazine-categories{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}#article-magazine .magazine-categories button{border:1px solid #a79980;color:#20374a;background:transparent;padding:10px 16px;font:600 13px system-ui;cursor:pointer}#article-magazine .magazine-categories button[aria-pressed=true]{background:#152b40;color:#fff}#article-magazine #magazine-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}#article-magazine .magazine-card{display:flex;flex-direction:column;padding:26px;border:1px solid #cbbfa8;background:#fff;text-decoration:none;min-height:260px}#article-magazine .magazine-card.featured{grid-column:span 2;background:#142b40;color:#fff}#article-magazine .magazine-topic{font:600 11px system-ui;letter-spacing:.16em;text-transform:uppercase;color:#8c642b}#article-magazine .featured .magazine-topic{color:#e4c486}#article-magazine h3{font:normal 29px/1.2 Georgia;margin:18px 0}#article-magazine .featured h3{font-size:40px}#article-magazine .magazine-card p{font:16px/1.6 system-ui;opacity:.85}#article-magazine .magazine-byline{font:12px system-ui;margin-top:auto;padding-top:20px}#article-magazine .magazine-read{font:600 13px system-ui;margin-top:16px}#article-magazine .magazine-footer{margin-top:24px;display:flex;gap:18px;flex-wrap:wrap}#article-magazine .magazine-empty{padding:30px}@media(max-width:700px){#article-magazine #magazine-cards{grid-template-columns:1fr}#article-magazine .magazine-card.featured{grid-column:auto}#article-magazine .featured h3{font-size:32px}#article-magazine .magazine-header{display:block}}
/* Warm editorial palette with a softly lit background. */
body{background:radial-gradient(ellipse at 8% 10%,#dce9ed 0,transparent 45%),radial-gradient(ellipse at 95% 35%,#f5ddb0 0,transparent 48%),linear-gradient(135deg,#f8f4ed 0%,#edf2f2 48%,#f5e6cd 100%);color:#172c3e;min-height:100vh}
header{background:linear-gradient(115deg,#0a2034,#173e50);border:1px solid #ffffff25;max-width:none;padding:25px max(24px,calc((100vw - 1180px)/2));box-shadow:0 8px 35px #16334720}header .brand{color:#efd39a}header nav a{color:#f1e8d7}header .brand span{color:#b9d0d9}
#article-magazine{background:radial-gradient(ellipse at 5% 0%,#dae9ec99,transparent 50%),radial-gradient(ellipse at 95% 55%,#edc98c55,transparent 55%),linear-gradient(145deg,#fffaf2aa,#edf2f1bb 52%,#f4e3c9aa);padding:62px 0 76px;min-height:80vh}
#article-magazine .magazine-kicker{color:#98713a;letter-spacing:.24em}
#article-magazine h2{color:#15364a;text-shadow:0 2px 0 #ffffff80}
#article-magazine .magazine-card{background:linear-gradient(150deg,#ffffffed,#fffaf0dd);border:1px solid #ffffff;border-radius:15px;box-shadow:0 10px 30px #193c4c10;transition:transform .2s ease,box-shadow .2s ease}
#article-magazine .magazine-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #193c4c22}
#article-magazine .magazine-card.featured{background:radial-gradient(ellipse at 100% 0%,#4b788066,transparent 70%),linear-gradient(125deg,#102e43,#214d5b);border:1px solid #63869160;box-shadow:0 16px 38px #17374a26;color:#fff9ef}
#article-magazine .magazine-categories button{border-radius:24px;background:#ffffff70;border-color:#c4c9c3;padding:11px 19px;transition:background .2s}
#article-magazine .magazine-categories button:hover{background:#fff8e7}
#article-magazine .magazine-categories button[aria-pressed=true]{background:linear-gradient(110deg,#173c50,#2c626b);box-shadow:0 4px 13px #173c5020;border-color:transparent}
#article-magazine .magazine-footer a{border-bottom:1px solid #9a7a4855;padding-bottom:5px;text-decoration:none}
footer{background:#102b3d;color:#cbd9dc;border:0}footer a{color:#efd39a}
@media(prefers-reduced-motion:reduce){#article-magazine .magazine-card{transition:none}#article-magazine .magazine-card:hover{transform:none}}
/* ElShamah chronological editorial feed */
:root{color-scheme:light}header{max-width:none!important}#article-magazine h1{font:normal clamp(40px,5.5vw,68px)/1.08 Georgia;color:#15364a;margin:10px 0 18px;letter-spacing:-.035em}#article-magazine .magazine-header{padding-bottom:24px;border-bottom:1px solid #b7bdb5}#article-magazine .magazine-header p{font-size:18px;line-height:1.65;max-width:710px}#article-magazine .magazine-categories{margin:26px 0 36px}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px}.feed-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid #173e50;padding-bottom:20px}.feed-tools p{font-size:12px;color:#586e77;margin:5px 0 0}.search-label{font-size:11px;color:#506070;margin:0;min-width:240px}.search-label input{background:#ffffffb0;border:1px solid #abbcbf;color:#163b4d;border-radius:4px;padding:9px 12px;font-size:13px;margin-top:4px}#article-magazine #magazine-cards{display:block}.news-story{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px;padding:28px 0;border-bottom:1px solid #b9c4c1}.story-image{display:block;overflow:hidden;aspect-ratio:4/3;border-radius:5px;background:#d6e1df;align-self:start}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.story-image:hover img{transform:scale(1.03)}.abstract-image{display:grid;place-items:center;background:radial-gradient(circle at 80% 15%,#c5a56866,transparent 50%),repeating-radial-gradient(ellipse at 0% 100%,transparent 0 17px,#a3c8c71a 18px 19px),linear-gradient(135deg,#173849,#2c6167);color:#f2dfb9!important;text-align:center;font:25px Georgia}.abstract-image small{font:8px system-ui;letter-spacing:.18em}.story-copy .magazine-topic{font-size:10px!important;color:#80602e!important}#article-magazine .story-copy h2{font:normal 27px/1.18 Georgia;margin:8px 0 10px;text-shadow:none}#article-magazine .story-copy h2 a{text-decoration:none;color:#183b4c}#article-magazine .story-copy h2 a:hover{color:#94682b}.story-meta{font:11px/1.6 system-ui;color:#586c78;margin:0}.story-meta span{padding:0 5px}.story-summary{font:14px/1.7 system-ui;color:#475e6a;margin:12px 0}.magazine-read{display:inline-block;font:600 12px system-ui;text-decoration:none;color:#215663!important;margin:3px 0!important}.news-sidebar section{padding:26px 0;border-top:2px solid #879f9f;margin-bottom:26px}.news-sidebar h2{font:normal 27px/1.2 Georgia!important;margin:12px 0!important}.news-sidebar p{font:14px/1.8 system-ui;color:#516773}.news-sidebar a{font:600 12px system-ui;text-decoration:none}.news-sidebar .contributor-panel{background:#163d4e;padding:25px;border:0;border-radius:7px}.news-sidebar .contributor-panel h2,.news-sidebar .contributor-panel a{color:#f2dfb9!important}.news-sidebar .contributor-panel p{color:#d3e0df}.news-sidebar .contributor-panel .magazine-kicker{color:#dfc18a!important}#load-more{display:block;margin:28px auto;background:#1c4b59;color:#fff;border:0;border-radius:4px;padding:13px 25px}.magazine-footer{border-top:1px solid #b7bdb5;padding-top:24px;font-size:13px}@media(max-width:950px){.news-layout{grid-template-columns:minmax(0,1fr) 230px;gap:26px}.news-story{grid-template-columns:150px minmax(0,1fr);gap:18px}}@media(max-width:730px){.news-layout{grid-template-columns:1fr}.news-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.news-sidebar section:last-child{grid-column:1/-1}.feed-tools{align-items:start}.search-label{min-width:0;max-width:220px}#article-magazine{padding-top:32px}}@media(max-width:480px){.news-story{grid-template-columns:1fr}.story-image{aspect-ratio:16/8}.news-sidebar{display:block}.feed-tools{display:block}.search-label{display:block;margin-top:15px;max-width:none}#article-magazine .story-copy h2{font-size:26px}.wrap{padding:0 20px!important}}
