:root{--green:#16854f;--green2:#2fae63;--dark:#17271f;--ink:#1f2622;--muted:#718078;--line:#dfe8e2;--soft:#f5f8f6;--red:#cf2f36;--gold:#bba85b}
*{box-sizing:border-box} body{margin:0;font-family:"Tajawal",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;color:var(--ink)} a{color:inherit;text-decoration:none}.wrap{max-width:1280px;margin:auto;padding:0 18px}
.utility{background:#f3f6f4;border-bottom:1px solid var(--line);font-size:13px}.utility .wrap{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}.utility-links,.social{display:flex;gap:16px;align-items:center}
.masthead .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:18px;padding-bottom:18px}.logo{display:flex;align-items:center;gap:12px;justify-self:end}.logo .mark{width:54px;height:54px;border-radius:12px;background:linear-gradient(145deg,var(--green2),var(--green));position:relative}.logo .mark:after{content:"";position:absolute;inset:14px 11px;background:white;clip-path:polygon(8% 53%,19% 43%,28% 45%,35% 29%,55% 20%,67% 13%,89% 7%,81% 29%,73% 35%,70% 47%,60% 57%,57% 72%,47% 81%,34% 78%,25% 84%,17% 76%,19% 64%)}.logo h1{margin:0;color:var(--green);font-size:30px}.logo small{letter-spacing:2px}.strap{text-align:center;font-size:13px;color:#52635a;line-height:1.7}.header-ad{height:72px;border:1px dashed #b8c7be;border-radius:10px;display:grid;place-items:center;color:#7b8b82;font-size:13px;max-width:300px}
.nav{background:var(--dark)}.nav .wrap{display:flex;flex-wrap:wrap}.nav a{color:#fff;padding:14px 15px;font-size:14px;border-left:1px solid #2a3b32}.nav a.active,.nav a:hover{background:var(--green)}
.breaking{border-bottom:1px solid var(--line)}.breaking .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding-top:8px;padding-bottom:8px}.breaking b{background:var(--red);color:white;padding:7px 12px;border-radius:4px}.ticker{overflow:hidden;white-space:nowrap;font-size:13px}.live{font-size:12px;color:var(--red)}
.main{padding:18px 0 40px}.classic-top{display:grid;grid-template-columns:minmax(0,2.35fr) 250px 265px;gap:16px;align-items:start;direction:ltr}.classic-top>*{direction:rtl}
.main-column{min-width:0}.below-lead-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;direction:ltr;align-items:start}.below-lead-layout>*{direction:rtl}.below-lead-content{min-width:0}
.tower-ad{height:600px;border-radius:12px;background:linear-gradient(180deg,#134a35,#0e3226);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;margin-top:12px}.tower-ad strong{font-size:30px}.tower-ad small{opacity:.85}
.panel,.legacy-section,.survey,.cta-box,.heritage-tease{border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 3px 10px rgba(15,45,28,.035)}.section-head{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-bottom:1px solid var(--line)}.section-head h3,.section-head h2{margin:0}.section-head a{font-size:12px;color:var(--green)}
.writers-mini{padding:4px 12px}.writer-mini{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1ee}.writer-mini:last-child{border-bottom:0}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#c9ded1,#edf6f0);flex:none}.writer-mini strong{font-size:13px;display:block}.writer-mini p{font-size:11px;color:var(--muted);margin:4px 0 0}
.sidebar-actions{display:grid;gap:10px;margin-top:10px}.sidebar-action{display:block;text-align:center;padding:15px 10px;background:var(--green);color:white;border-radius:8px;font-weight:bold}.sidebar-action.heritage{background:#0f6c43}.survey{margin-top:10px;padding:12px}.survey label{display:block;padding:7px 0;font-size:13px}.btn{background:var(--green);color:#fff;border:0;border-radius:7px;padding:9px 16px;cursor:pointer}
.latest-item{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid #eef2ef}.latest-item .thumb{width:60px;height:52px;border-radius:7px;background:#cfe0d6;flex:none}.latest-item h4{font-size:13px;margin:0 0 6px}.small{font-size:11px;color:var(--muted)}.promo-card{height:160px;margin-top:12px;border-radius:10px;background:linear-gradient(145deg,#c9ddd0,#eef5f0);display:flex;align-items:flex-end;padding:15px;font-weight:bold}.ad-space{height:370px;margin-top:12px;border:2px dashed #d2d8d4;border-radius:10px;display:grid;place-items:center;text-align:center;color:#a06b6b;font-weight:bold;background:#fafafa}
.lead-shell{border-radius:13px;overflow:hidden;border:1px solid var(--line)}.lead-stage{height:365px;position:relative;background:#19231d}.lead-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;background:var(--slide-bg);display:block}.lead-slide.active{opacity:1;z-index:2}.lead-slide .visual{position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.16),transparent 35%),linear-gradient(180deg,transparent 45%,rgba(0,0,0,.7))}.lead-copy{position:absolute;right:28px;left:28px;bottom:48px;color:white;z-index:3}.lead-copy h2{font-size:32px;line-height:1.35;margin:0 0 10px}.meta{font-size:13px;opacity:.9}.lead-numbers{position:absolute;left:0;right:0;bottom:0;height:36px;display:flex;justify-content:center;align-items:center;gap:4px;z-index:5;background:rgba(10,18,13,.75)}.lead-numbers button{width:34px;height:28px;border:1px solid rgba(255,255,255,.35);background:#33423a;color:#fff;border-radius:3px;cursor:pointer;font-weight:bold}.lead-numbers button.active{background:#6cc522;border-color:#6cc522}
.legacy-section{margin-top:12px;overflow:hidden}.legacy-title{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(105deg,var(--green2) 0 58%,var(--dark) 58%);color:white;padding:10px 13px}.legacy-title h3,.legacy-title h2{margin:0;font-size:18px}.legacy-title a{border:1px solid rgba(255,255,255,.6);padding:5px 11px;border-radius:15px;font-size:12px}
.lead-news-grid,.sports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.mini-story,.sport-story{border:1px solid var(--line);padding:7px;background:white}.mini-img,.sport-img{height:105px;background:linear-gradient(145deg,#dbe7df,#b7ccbf)}.mini-story h4,.sport-story h4{margin:9px 0 4px;font-size:13px}.mini-story p,.sport-story p{font-size:11px;line-height:1.6;color:#65736b;margin:0}.synced.active{outline:2px solid #7fc83e}
.section{margin-top:20px}.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:12px}.story-card{border:1px solid var(--line);border-radius:10px;overflow:hidden}.story-photo{height:140px;background:#d4e3da}.story-body{padding:11px}.story-body h4{margin:6px 0}.poetry-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}.poem{border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center}.poem .avatar{margin:auto}.poem h5{margin:8px 0}.poem p{font-size:12px;line-height:1.8}.regions{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.region{background:#f0f6f2;border:1px solid #d6e4db;padding:15px;border-radius:9px;text-align:center}
.footer{background:#17231d;color:#dce5df;padding:30px 0;margin-top:20px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.footer h4{color:white}.footer p{font-size:13px;line-height:1.8}.copy{border-top:1px solid #334039;margin-top:20px;padding-top:15px;font-size:12px}
/* content pages */.page-hero{padding:30px 0;background:#f2f7f4;border-bottom:1px solid var(--line)}.page-hero h1{margin:0 0 8px}.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:18px}.heritage-card,.writer-card,.video-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.heritage-card .photo,.video-card .photo{height:150px;background:linear-gradient(145deg,#d8e6dd,#b9cdbf)}.heritage-card .body,.writer-card .body,.video-card .body{padding:12px}.heritage-card h3{font-size:15px;margin:0 0 7px}.heritage-card p{font-size:12px;color:#66746c;line-height:1.7}.form-card{max-width:760px;margin:25px auto;border:1px solid var(--line);border-radius:12px;padding:20px;background:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:bold}.field input,.field textarea{padding:11px;border:1px solid #ccd8d1;border-radius:8px;font:inherit}.field textarea{min-height:140px}.notice{padding:12px;border-radius:8px;background:#eef7f1;color:#245a3f;font-size:13px;line-height:1.7}.dashboard{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-top:22px}.dash-side{border:1px solid var(--line);border-radius:10px;padding:13px;height:max-content}.dash-side a{display:block;padding:10px;border-bottom:1px solid #edf1ee}.editor{border:1px solid var(--line);border-radius:12px;padding:18px}.editor textarea{min-height:360px}.status-pill{display:inline-block;background:#fff0c8;color:#7c5b00;padding:6px 10px;border-radius:20px;font-size:12px}
.pagination{display:flex;justify-content:center;gap:6px;margin:24px 0}.pagination a{border:1px solid var(--line);padding:8px 12px;border-radius:6px}.pagination a.active{background:var(--green);color:#fff}
@media(max-width:1050px){.classic-top{grid-template-columns:minmax(0,1fr) 240px}.main-column{grid-column:1}.latest-column{grid-column:2;grid-row:1}.writers-column{grid-column:2;grid-row:2}.below-lead-layout{grid-template-columns:150px minmax(0,1fr)}.tower-ad{height:520px}.cards4{grid-template-columns:repeat(2,1fr)}.regions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.masthead .wrap{grid-template-columns:1fr}.logo,.header-ad{justify-self:center}.strap{order:3}.classic-top{display:block}.latest-column,.writers-column{margin-top:14px}.below-lead-layout{display:block}.tower-ad{height:220px;margin-top:12px;position:static}.lead-stage{height:330px}.lead-copy h2{font-size:24px}.lead-news-grid,.sports-grid{grid-template-columns:1fr 1fr}.poetry-strip,.grid5{grid-template-columns:1fr 1fr}.cards4,.footer-grid{grid-template-columns:1fr 1fr}.regions{grid-template-columns:1fr 1fr}.dashboard{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.nav .wrap{overflow-x:auto;flex-wrap:nowrap}.nav a{white-space:nowrap}}
@media(max-width:480px){.lead-news-grid,.sports-grid,.poetry-strip,.grid5,.cards4,.footer-grid,.regions{grid-template-columns:1fr}.lead-copy{right:18px;left:18px}.lead-copy h2{font-size:22px}}
.custom-logo{max-height:82px;width:auto}.logo .custom-logo-link{display:block}.article-page{max-width:920px;margin:28px auto;background:#fff;padding:28px;border-radius:14px;border:1px solid #e3e8e5}.article-page h1{font-size:36px;line-height:1.5}.article-hero{width:100%;height:auto;border-radius:12px;margin:18px 0}.article-content{font-size:19px;line-height:2}.poetry-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.poem-card{background:#fff;border:1px solid #e2e8e4;border-radius:12px;padding:16px;text-align:center}.poem-card img{border-radius:50%}.writer-form{display:grid;gap:16px}.writer-form label{display:grid;gap:7px;font-weight:700}.writer-form input,.writer-form textarea{padding:12px;border:1px solid #ccd7d1;border-radius:8px}.notice{padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:15px}.notice.success{background:#eef9f1;border-color:#a7d9b2}.ht-ad-link img{max-width:100%;height:auto;display:block}.latest-item{text-decoration:none;color:inherit}.promo-card a{color:inherit;text-decoration:none}.story-card a,.poem a{color:inherit;text-decoration:none}@media(max-width:900px){.poetry-grid{grid-template-columns:repeat(2,1fr)}.article-page h1{font-size:28px}}@media(max-width:560px){.poetry-grid{grid-template-columns:1fr}}
/* V1.1 — intelligent use of formerly empty spaces */
.left-rail{display:grid;gap:12px;align-content:start;margin-top:12px}.left-rail .tower-ad{margin-top:0}.rail-panel,.smart-fill{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 10px rgba(15,45,28,.035)}.rail-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(105deg,var(--green2) 0 58%,var(--dark) 58%);color:#fff}.rail-head h3{font-size:15px;margin:0}.rail-head a{font-size:11px;border:1px solid rgba(255,255,255,.55);padding:4px 9px;border-radius:12px}.rank-item{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;padding:10px 9px;border-bottom:1px solid #edf1ee}.rank-item:last-child{border-bottom:0}.rank-item span{width:25px;height:25px;border-radius:50%;background:#eef6f1;color:var(--green);display:grid;place-items:center;font-weight:700;font-size:12px}.rank-item strong{font-size:12px;line-height:1.55}.video-today-card{display:block;padding:9px}.video-today-card img,.video-fallback{width:100%;height:105px;object-fit:cover;border-radius:8px;background:linear-gradient(145deg,#d8e6dd,#adc8b8)}.video-fallback{display:grid;place-items:center;font-size:34px;color:#fff}.video-today-card strong{display:block;font-size:12px;line-height:1.55;margin-top:8px}.smart-fill{margin-top:12px}.smart-item{display:flex;gap:9px;padding:10px;border-bottom:1px solid #edf1ee}.smart-item:last-child{border-bottom:0}.smart-thumb{width:72px;height:62px;object-fit:cover;border-radius:7px;background:linear-gradient(145deg,#dbe7df,#b7ccbf);flex:none}.smart-item strong{font-size:12px;line-height:1.5;display:block}.smart-item p{font-size:11px;line-height:1.55;color:var(--muted);margin:4px 0 0}.ad-space.filled{height:auto;min-height:220px;padding:8px;background:#fff;border-style:solid}.ad-space.filled .ht-ad-link{display:block;width:100%}.ad-space.filled img{width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:7px}
@media(max-width:1050px){.left-rail .rail-panel{display:none}}
@media(max-width:760px){.left-rail{display:block}.left-rail .rail-panel{display:block;margin-top:12px}.left-rail .tower-ad{height:220px}.smart-fill{margin-top:14px}}

/* V1.2 */
.ht-writer-avatar{object-fit:cover;border-radius:50%;background:#d8e8de}.writer-form input[type=file]{background:#f7faf8}.lead-numbers button{cursor:pointer}.lead-numbers button.active{background:#78c72d!important;color:#fff!important;border-color:#78c72d!important}


/* V1.3 — modern Arabic typography */
:root{--font-ui:"Tajawal",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-head:"Noto Kufi Arabic","Tajawal",sans-serif}
body,button,input,textarea,select{font-family:var(--font-ui)}
h1,h2,h3,.logo h1,.legacy-title h2,.legacy-title h3,.rail-head h3,.section-head h2,.section-head h3,.page-hero h1,.article-page h1{font-family:var(--font-head);letter-spacing:0;font-weight:700}
.nav a,.btn,.sidebar-action,.lead-numbers button{font-family:var(--font-ui);font-weight:700}
.lead-copy h2{font-family:var(--font-head);font-weight:800;line-height:1.55}
.article-content{font-family:var(--font-ui);font-weight:400;line-height:2.05}
.writer-mini strong,.latest-item h4,.mini-story h4,.sport-story h4,.story-body h4,.heritage-card h3{font-weight:700}
.logo small{font-family:var(--font-ui);letter-spacing:1.4px}
@media(max-width:760px){.lead-copy h2{line-height:1.6}}