/* صحيفة الوسط — redesign رئيسية سريع، RTL، بلا مكتبات أو خطوط خارجية */
:root{--home-ink:#122238;--home-red:#b51f32;--home-text:#192432;--home-muted:#687585;--home-line:#e1e6ec;--home-paper:#fff;--home-bg:#f2f4f6}
.home-page{background:var(--home-bg);color:var(--home-text);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
.home-page .container{max-width:1360px}
.home-page .topbar{background:#101d30;color:#dbe2ec}
.home-page .masthead{background:#fff;border-bottom:1px solid var(--home-line)}
.home-page .navbar{background:var(--home-ink)!important;color:#fff;border-bottom:1px solid var(--home-line);box-shadow:0 3px 12px rgba(18,34,56,.08)}
.home-page .navbar .nav-links{background:var(--home-ink)!important}
.home-page .navbar .nav-links a{color:#fff!important}
.home-page .navbar .nav-links a:hover,.home-page .navbar .nav-links li.active a{color:#ffd9df!important}
.home-page .ticker{background:var(--home-red)}
.home-page .main-wrap{padding-top:12px!important}
.home-page .main-wrap>.container{padding-top:0!important}
.home-v4{--hv-navy:var(--home-ink);--hv-navy-2:#1a2e48;--hv-red:var(--home-red);--hv-gold:#a77920;--hv-paper:#fff;--hv-soft:#f3f5f7;--hv-border:var(--home-line);--hv-text:var(--home-text);--hv-muted:var(--home-muted);padding:8px 0 46px}
.home-v4 *{box-sizing:border-box}
.home-v4 a{color:inherit;text-decoration:none}
.home-v4 img{max-width:100%}
.home-v4-panel,.home-v4-story,.home-v4-side-card{background:var(--home-paper);border:1px solid var(--home-line);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(18,34,56,.035)}
.home-v4-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 11px;color:var(--home-muted);font-size:12px}

/* واجهة الأخبار: خبر رئيسي واضح وبطاقات مرتبة بجانبه */
.home-v4-lead{display:grid;width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:16px;align-items:stretch}
.home-v4-hero{height:500px;min-height:0;position:relative;background:#101d30;color:#fff;border:0;border-radius:14px;isolation:isolate}
.home-v4-hero-slide{position:absolute;inset:0}
.home-v4-hero-slide[hidden]{display:none!important}
.home-v4-hero-slide>a{position:absolute;inset:0;display:block}
.home-v4-hero picture,.home-v4-hero img{display:block;width:100%;height:100%}
.home-v4-hero img{object-fit:cover;object-position:center;background:#14243b}
.home-v4-hero:after{content:"";position:absolute;z-index:1;inset:32% 0 0;background:linear-gradient(0deg,rgba(7,15,26,.96),rgba(7,15,26,.66) 48%,transparent);pointer-events:none}
.home-v4-hero-content{position:absolute;z-index:2;right:0;left:0;bottom:0;padding:30px 32px}
.home-v4-hero-badge{display:inline-flex;align-items:center;padding:5px 11px;border-radius:4px;background:var(--home-red);font-size:12px;font-weight:800;margin-bottom:12px}
.home-v4-hero h1,.home-v4-hero h2{max-width:850px;font-size:clamp(27px,3vw,42px);line-height:1.36;margin:0 0 12px;font-weight:850;letter-spacing:-.02em}
.home-v4-hero p{max-width:760px;font-size:15px;line-height:1.9;margin:0 0 12px;color:#f0f3f7}
.home-v4-hero .home-v4-meta{color:#e1e7ee}
.home-v4-slider-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(10,20,34,.72);color:#fff;font-size:25px;line-height:1;cursor:pointer;display:grid;place-items:center}
.home-v4-slider-arrow:hover{background:var(--home-red)}
.home-v4-slider-prev{left:14px}.home-v4-slider-next{right:14px}
.home-v4-slider-dots{position:absolute;z-index:4;top:15px;left:50%;transform:translateX(-50%);display:flex;gap:7px}
.home-v4-slider-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.64);cursor:pointer}
.home-v4-slider-dot[aria-current="true"]{width:22px;border-radius:8px;background:#fff}
.home-v4-side-stack{display:grid;min-width:0;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}
.home-v4-side-card{display:grid;min-width:0;grid-template-columns:minmax(132px,42%) minmax(0,1fr);min-height:0;transition:border-color .15s ease}
.home-v4-side-card:hover{border-color:#b8c3d0}
.home-v4-side-card figure{margin:0;min-height:100%;background:#f7f8fa}
.home-v4-side-card figure a,.home-v4-side-card picture{display:block;width:100%;height:100%}
.home-v4-side-card img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f7f8fa}
.home-v4-side-card-body{min-width:0;padding:14px 15px;align-self:center}
.home-v4-side-card .cat{color:var(--home-red);font-size:11px;font-weight:800}
.home-v4-side-card h2{font-size:16px;line-height:1.6;margin:6px 0 9px;font-weight:800;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* الأكثر قراءة وسعر الذهب في مساحة مستقلة بعد الخبر الرئيسي */
.home-v4-aside{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.8fr);gap:14px;align-items:stretch}
.home-v4-box-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 12px;border-bottom:1px solid var(--home-line)}
.home-v4-box-head h2{font-size:18px;margin:0;font-weight:850;color:var(--home-ink)}
.home-v4-most{list-style:none;margin:0;padding:6px 18px 10px;counter-reset:rank;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.home-v4-most li{counter-increment:rank;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid #edf0f3;min-width:0}
.home-v4-most li:before{content:counter(rank);display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f5e9eb;color:var(--home-red);font-weight:850;font-size:12px}
.home-v4-most h3{font-size:13px;line-height:1.65;margin:1px 0;font-weight:750}
.home-v4-most a:hover{color:var(--home-red)}
.home-v4-gold{position:relative;padding:20px;background:linear-gradient(145deg,#fffaf0,#fff);border-color:#e8ddc2;display:flex;flex-direction:column;justify-content:center}
.home-v4-gold-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.home-v4-gold-title{display:flex;align-items:center;gap:9px;color:#71520c;font-size:15px;font-weight:850}
.home-v4-gold-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f5e9c7;font-size:17px}
.home-v4-gold-value{font-size:30px;line-height:1.2;min-height:36px;margin:15px 0 5px;color:#3f310e;font-weight:850;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
.home-v4-gold-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#807248;font-size:11px}
.home-v4-gold-change{font-weight:850;direction:ltr}
.home-v4-gold-change.up{color:#198754}.home-v4-gold-change.down{color:#b42331}.home-v4-gold-change.flat{color:#777}
.home-v4-gold-source{margin-top:8px;color:#9b8e6b;font-size:10px}

/* أحدث الأخبار */
.home-v4-latest-strip{margin-top:16px;display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:stretch;background:#fff;border:1px solid var(--home-line);border-radius:10px;overflow:hidden}
.home-v4-latest-label{display:grid;place-items:center;padding:0 19px;background:var(--home-ink);color:#fff;font-size:14px;font-weight:850;white-space:nowrap}
.home-v4-latest-item{padding:13px 15px;border-left:1px solid var(--home-line);min-width:0}
.home-v4-latest-item time{display:block;color:var(--home-red);font-size:10px;font-weight:800;margin-bottom:5px}
.home-v4-latest-item h3{font-size:12px;line-height:1.6;margin:0;font-weight:750;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-v4-latest-item:hover h3{color:var(--home-red)}

/* الأقسام، الشبكة تطلب صور القصص فقط عند اقترابها من الشاشة */
.home-v4-section{margin-top:34px}
.home-v4-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid #cbd3dd}
.home-v4-section-title h2{display:flex;align-items:center;gap:10px;margin:0;color:var(--home-ink);font-size:22px;font-weight:850}
.home-v4-section-title h2:before{content:"";width:5px;height:24px;border-radius:2px;background:var(--section-color,var(--home-red))}
.home-v4-section-title .more{font-size:12px;color:var(--home-muted);font-weight:750}
.home-v4-section-title .more:hover{color:var(--home-red)}
.home-v4-category-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}
.home-v4-story{min-width:0;transition:border-color .15s ease}
.home-v4-story:hover{border-color:#b8c3d0}
.home-v4-story figure{margin:0;background:#e8ecf1;aspect-ratio:16/9;overflow:hidden}
.home-v4-story picture{display:block;width:100%;height:100%}
.home-v4-story img{display:block;width:100%;height:100%;object-fit:cover}
.home-v4-story-body{padding:12px 14px 15px}
.home-v4-story h3{font-size:15px;line-height:1.65;margin:5px 0 0;font-weight:780}
.home-v4-story:first-child{grid-row:span 2}
.home-v4-story:first-child figure{aspect-ratio:16/10}
.home-v4-story:first-child h3{font-size:21px;line-height:1.55}
.home-v4-story:first-child .home-v4-story-body{padding:15px 17px 18px}

/* الفيديو */
.home-v4-video-section{margin-top:32px;background:#e9edf2;border:1px solid #dce2e9;border-radius:12px;padding:20px;color:var(--home-ink)}
.home-v4-video-section .home-v4-section-title{border-color:#cbd3dd;margin-bottom:15px}
.home-v4-video-section .home-v4-section-title h2,.home-v4-video-section .home-v4-section-title .more{color:var(--home-ink)}
.home-v4-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.home-v4-video-card{overflow:hidden;border-radius:10px;background:#fff;border:1px solid #dce2e9}
.home-v4-video-thumb{position:relative;aspect-ratio:16/9;background:#0d1725;overflow:hidden}
.home-v4-video-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.home-v4-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--home-red);font-size:18px;padding-right:2px}
.home-v4-duration{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;border-radius:4px;padding:3px 6px;font-size:10px}
.home-v4-video-body{padding:12px 13px 14px}
.home-v4-video-body h3{margin:0;font-size:14px;line-height:1.6;font-weight:780}
.home-v4-empty{padding:42px 20px;text-align:center;background:#fff;border:1px solid var(--home-line);border-radius:12px}
.home-top-btn{position:fixed;left:18px;bottom:22px;z-index:9998;width:48px;height:48px;border:0;border-radius:50%;background:var(--home-ink);color:#fff;font-size:27px;line-height:1;display:grid;place-items:center;box-shadow:0 5px 16px rgba(0,0,0,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}
.home-top-btn.show{opacity:1;visibility:visible;transform:none}.home-top-btn:active{transform:scale(.97)}

@media(max-width:1150px){
 .home-page .container{max-width:100%}
 .home-v4-lead{grid-template-columns:minmax(0,1fr)}
 .home-v4-hero{height:460px}
 .home-v4-side-stack{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}
 .home-v4-side-card{display:flex;flex-direction:column}
 .home-v4-side-card figure{height:auto;aspect-ratio:16/10;min-height:0}
 .home-v4-side-card figure a{height:100%}
 .home-v4-side-card-body{align-self:stretch}
 .home-v4-aside{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr)}
 .home-v4-category-grid{grid-template-columns:1.2fr 1fr}
}
@media(max-width:760px){
 .home-page .main-wrap{padding-top:7px!important}
 .home-v4{padding-top:2px}
 .home-v4-lead{grid-template-columns:1fr;gap:11px}
 .home-v4-hero{height:clamp(310px,82vw,420px);min-height:310px;aspect-ratio:auto;max-height:none}
 .home-v4-hero-slide>a,.home-v4-hero picture,.home-v4-hero img{width:100%;height:100%}
 .home-v4-hero-content{padding:17px 18px}
 .home-v4-hero h1,.home-v4-hero h2{font-size:23px;line-height:1.45;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .home-v4-hero p{display:none}
 .home-v4-side-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}
 .home-v4-side-card{display:block;min-height:0}
 .home-v4-side-card figure{aspect-ratio:16/10;min-height:0}
 .home-v4-side-card-body{padding:10px 11px}
 .home-v4-side-card h2{font-size:14px;-webkit-line-clamp:3}
 .home-v4-aside{grid-template-columns:1fr;gap:10px}
 .home-v4-most{grid-template-columns:1fr 1fr;column-gap:16px}
 .home-v4-latest-strip{grid-template-columns:1fr 1fr}
 .home-v4-latest-label{grid-column:1/-1;padding:9px 12px}
 .home-v4-latest-item{border-top:1px solid var(--home-line);border-left:0}
 .home-v4-latest-item:nth-of-type(even){border-left:1px solid var(--home-line)}
 .home-v4-category-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .home-v4-story:first-child{grid-column:1/-1;grid-row:auto}
 .home-v4-story:first-child figure{aspect-ratio:16/9}
 .home-v4-story:first-child h3{font-size:19px}
 .home-v4-video-grid{grid-template-columns:1fr 1fr}
 .home-v4-section{margin-top:24px}
 .home-v4-section-title h2{font-size:20px}
}
@media(max-width:480px){
 .home-v4-hero{height:clamp(310px,88vw,370px)}
 .home-v4-hero h1,.home-v4-hero h2{font-size:21px}
 .home-v4-side-stack{grid-template-columns:1fr}
 .home-v4-side-card{display:grid;grid-template-columns:120px minmax(0,1fr)}
 .home-v4-side-card figure{aspect-ratio:auto}
 .home-v4-side-card-body{padding:10px 12px}
 .home-v4-most{grid-template-columns:1fr}
 .home-v4-category-grid{grid-template-columns:1fr}
 .home-v4-story:first-child{grid-column:auto}
 .home-v4-latest-strip{grid-template-columns:1fr}
 .home-v4-latest-item,.home-v4-latest-item:nth-of-type(even){border-left:0}
 .home-v4-video-grid{grid-template-columns:1fr}
 .home-v4-video-section{padding:14px}
 .home-top-btn{left:14px;bottom:18px}
}
@media(prefers-reduced-motion:reduce){.home-v4 *, .home-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}