/* ==[tnv:sahel]== каркас «ساحل» — 28 نوفمبر · образец раскладки: aljazeera.net */
/* ==[tnv:type]== */
@font-face{font-family:"Kufi28";src:url(/static/sahel/f/kufi-ar.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Kufi28";src:url(/static/sahel/f/kufi-la.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Naskh28";src:url(/static/sahel/f/naskh-ar.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Naskh28";src:url(/static/sahel/f/naskh-la.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ==[/tnv:type]== */

/* ==[tnv:tokens]== */
:root{
  --wasm:#5baf36;        /* зелень старого знака */
  --nakhl:#1c6a33;       /* тёмная зелень для ссылок и рубрик */
  --dhahab:#f2cd00;      /* жёлтый знака */
  --dam:#c8102e;         /* красные полосы флага 2017 */
  --hibr:#151a17;
  --ramadi:#59635d;
  --khatt:#e2e5e0;
  --raml:#f6f3eb;
  --waraq:#ffffff;
  --layl:#0f1611;
  --kufi:"Kufi28","Segoe UI",Tahoma,sans-serif;
  --naskh:"Naskh28","Traditional Arabic",Georgia,serif;
  --ard:1200px;
}
/* ==[/tnv:tokens]== */

/* ==[tnv:base]== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--waraq);color:var(--hibr);font-family:var(--kufi);font-size:16px;line-height:1.7;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--nakhl)}
.nf-ic{flex:none;vertical-align:middle}
.nf-wrap{max-width:var(--ard);margin-inline:auto;padding-inline:24px}
.nf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--nakhl);outline-offset:2px}
/* ==[/tnv:base]== */

/* ==[tnv:ras]== шапка */
.nf-ras{background:var(--waraq);border-bottom:1px solid var(--khatt);position:relative;z-index:20}
.nf-ras::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--dam) 0 100%)}
.nf-ras__bar{display:flex;align-items:stretch;gap:28px;min-height:72px}
.nf-alam{display:flex;align-items:center;background:var(--wasm);padding:6px 10px;margin-block:-4px 0}
.nf-alam img{height:52px;width:auto}
.nf-qaima{flex:1;display:flex;align-items:center}
.nf-qaima ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:4px 18px}
.nf-qaima a{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:16px;font-weight:600;padding-block:22px 20px;border-bottom:3px solid transparent}
.nf-qaima a .nf-ic{color:var(--wasm)}
.nf-qaima a[aria-current],.nf-qaima a:hover{border-bottom-color:var(--wasm);color:var(--hibr)}
.nf-ras__side{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ramadi);white-space:nowrap;margin-inline-start:auto}
.nf-burger,.nf-burger__cb{display:none}
.nf-milaf{border-top:1px solid var(--khatt)}
.nf-milaf .nf-wrap{display:flex;align-items:center;gap:6px 20px;flex-wrap:wrap;min-height:46px;font-size:14.5px}
.nf-milaf b{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--dam)}
.nf-milaf a{color:#333;padding-block:10px}
.nf-milaf a:hover{color:var(--nakhl);box-shadow:inset 0 -2px 0 var(--wasm)}
/* ==[/tnv:ras]== */

/* ==[tnv:unwan]== заголовки секций с вертикальной чертой */
.nf-unwan{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
.nf-unwan h2{margin:0;font-size:21px;font-weight:800;line-height:1.3;padding-inline-start:12px;border-inline-start:4px solid var(--wasm);display:flex;align-items:center;gap:8px}
.nf-unwan h2 .nf-ic{color:var(--nakhl)}
.nf-unwan a.nf-more{font-size:14px;color:var(--nakhl);display:flex;align-items:center;gap:4px}
/* ==[/tnv:unwan]== */

/* ==[tnv:kicker]== */
.nf-kick{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--nakhl);line-height:1.4}
.nf-kick::before{content:"";width:8px;height:8px;background:var(--dhahab);box-shadow:0 0 0 2px var(--wasm) inset}
/* ==[/tnv:kicker]== */

/* ==[tnv:sadr]== первый экран главной */
.nf-sadr{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr) minmax(0,1fr);gap:0;padding-block:28px 34px;border-bottom:1px solid var(--khatt)}
.nf-sadr>*{padding-inline:15px}
.nf-sadr>*:first-child{padding-inline-start:0}
.nf-sadr>*:last-child{padding-inline-end:0;border-inline-start:1px solid var(--khatt)}
.nf-lead figure{margin:0;position:relative}
.nf-lead img{width:100%;aspect-ratio:16/10;object-fit:cover}
.nf-lead figcaption{position:absolute;inset-inline:0;bottom:0;padding:14px 18px 12px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:12px}
.nf-lead h1,.nf-lead h2{font-size:30px;line-height:1.5;font-weight:800;margin:14px 0 8px}
.nf-lead p{font-family:var(--naskh);font-size:18px;color:#3b433e;margin:0}
.nf-wast .nf-card img{aspect-ratio:3/2}
.nf-wast ul,.nf-mukh ul{list-style:none;margin:0;padding:0}
.nf-wast li{border-top:1px solid var(--khatt);padding-block:12px}
.nf-wast li a{font-size:16px;font-weight:600;line-height:1.65}
.nf-mukh li{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:start;padding-block:12px;border-bottom:1px solid var(--khatt)}
.nf-mukh li:last-child{border-bottom:0}
.nf-mukh li img{width:96px;height:72px;object-fit:cover}
.nf-mukh li a{font-size:15px;font-weight:600;line-height:1.6}
/* ==[/tnv:sadr]== */

/* ==[tnv:card]== карточка анонса */
.nf-card{display:block}
.nf-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--raml)}
.nf-card h3{font-size:17px;line-height:1.6;font-weight:700;margin:10px 0 4px}
.nf-card p{font-family:var(--naskh);font-size:16px;color:var(--ramadi);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}
.nf-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* ==[/tnv:card]== */

/* ==[tnv:qism]== полосы главной */
.nf-qism{padding-block:36px;border-bottom:1px solid var(--khatt)}
.nf-qism--raml{background:var(--raml);border-bottom:0}
.nf-dalil{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.nf-dalil section{background:var(--waraq);padding:20px 20px 10px;border-top:3px solid var(--wasm)}
.nf-dalil h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:17px;font-weight:800}
.nf-dalil h3 .nf-ic{width:34px;height:34px;padding:6px;background:var(--raml);color:var(--nakhl);border-radius:50%}
.nf-dalil ul{list-style:none;margin:0;padding:0}
.nf-dalil li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding-block:10px;border-top:1px solid var(--khatt)}
.nf-dalil li img{width:64px;height:48px;object-fit:cover}
.nf-dalil li a{font-size:14.5px;font-weight:600;line-height:1.55}
/* ==[/tnv:qism]== */

/* ==[tnv:suwar]== тёмная лента фото */
.nf-suwar{background:var(--layl);color:#fff;padding-block:34px 40px}
.nf-suwar .nf-unwan h2{color:#fff;border-color:var(--dhahab)}
.nf-suwar .nf-unwan h2 .nf-ic{color:var(--dhahab)}
.nf-suwar .nf-unwan a.nf-more{color:var(--dhahab)}
.nf-shareet{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.nf-shareet a{position:relative;display:block;color:#fff}
.nf-shareet img{width:100%;aspect-ratio:3/4;object-fit:cover}
.nf-shareet span{position:absolute;inset-inline:8px;bottom:10px;font-size:14px;font-weight:700;line-height:1.75}
.nf-shareet span em{font-style:normal;background:rgba(15,22,17,.86);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 6px;border-bottom:3px solid var(--dam)}
.nf-shareet small{position:absolute;top:8px;inset-inline-start:8px;font-size:10.5px;background:rgba(0,0,0,.55);padding:1px 6px;color:#ddd}
/* ==[/tnv:suwar]== */

/* ==[tnv:arshif-cols]== */
.nf-thulth{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.nf-thulth>section{padding-inline:22px}
.nf-thulth>section:first-child{padding-inline-start:0}
.nf-thulth>section+section{border-inline-start:1px solid var(--khatt)}
.nf-thulth>section:last-child{padding-inline-end:0}
.nf-thulth ol{list-style:none;margin:10px 0 0;padding:0;counter-reset:n}
.nf-thulth ol li{counter-increment:n;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding-block:10px;border-top:1px solid var(--khatt);font-size:15px;font-weight:600;line-height:1.6}
.nf-thulth ol li::before{content:counter(n);font-size:22px;font-weight:800;color:var(--wasm);line-height:1.1}
/* ==[/tnv:arshif-cols]== */

/* ==[tnv:shuraka]== полоса партнёров (проданные ссылки) */
.nf-shuraka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px}
.nf-shuraka article{padding:16px 18px;background:var(--waraq);border-inline-start:3px solid var(--dhahab)}
.nf-shuraka h3{margin:0 0 6px;font-size:15.5px;font-weight:700;display:flex;gap:8px;align-items:center}
.nf-shuraka h3 .nf-ic{color:var(--nakhl)}
.nf-shuraka p{margin:0;font-family:var(--naskh);font-size:16px;color:#3b433e}
.nf-shuraka p a{color:var(--nakhl);font-weight:700;font-family:var(--kufi);font-size:14.5px}
.nf-shuraka .nf-logo-link{display:flex;align-items:center;justify-content:center;background:#111;padding:14px}
.nf-shuraka .nf-logo-link img{max-height:70px;width:auto}
.nf-shuraka-nass{margin:22px 0 0;font-family:var(--naskh);font-size:16.5px;line-height:1.95;color:#3b433e}
.nf-shuraka-nass a{color:var(--nakhl);font-weight:700}
/* ==[/tnv:shuraka]== */

/* ==[tnv:maqal]== страница материала */
.nf-maqal{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;padding-block:26px 48px}
.nf-path{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--ramadi);margin-bottom:10px}
.nf-path a{color:var(--nakhl)}
.nf-path .nf-ic{transform:scaleX(-1)}
html[dir=rtl] .nf-path .nf-ic{transform:none}
.nf-maqal h1{font-size:34px;line-height:1.55;font-weight:800;margin:6px 0 14px}
.nf-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:13.5px;color:var(--ramadi);padding-bottom:14px;border-bottom:1px solid var(--khatt);margin-bottom:22px}
.nf-meta span{display:inline-flex;align-items:center;gap:6px}
.nf-meta .nf-ic{color:var(--wasm)}
.nf-lede{font-family:var(--naskh);font-size:21px;line-height:1.9;color:#2c332e;margin:0 0 18px}
.nf-sura{margin:0 0 24px}
.nf-sura img{width:100%;max-height:520px;object-fit:cover}
.nf-sura figcaption{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;color:var(--ramadi);padding-top:8px;line-height:1.6}
.nf-sura figcaption a{text-decoration:underline}
.nf-nass{font-family:var(--naskh);font-size:20px;line-height:2;color:#1d231f;overflow-wrap:anywhere}
.nf-nass p{margin:0 0 1.05em}
.nf-nass h2{font-family:var(--kufi);font-size:24px;line-height:1.5;font-weight:800;margin:1.6em 0 .6em}
.nf-nass h3,.nf-nass h4{font-family:var(--kufi);font-size:19px;font-weight:700;margin:1.4em 0 .5em}
.nf-nass a{color:var(--nakhl);text-decoration:underline;text-underline-offset:3px}
.nf-nass img{margin:14px auto;max-height:640px;width:auto}
.nf-nass ul,.nf-nass ol{padding-inline-start:1.4em;margin:0 0 1.1em}
.nf-nass blockquote{margin:1.2em 0;padding:4px 18px;border-inline-start:4px solid var(--dhahab);background:var(--raml)}
.nf-nass table{width:100%;border-collapse:collapse;font-family:var(--kufi);font-size:15px;margin:1em 0;display:block;overflow-x:auto}
.nf-nass th,.nf-nass td{border:1px solid var(--khatt);padding:8px 10px;text-align:start;vertical-align:top}
.nf-nass th{background:var(--raml);font-weight:700}
.nf-nass iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}
.nf-nass [dir=ltr],.nf-nass.nf-ltr{text-align:left}
.nf-fihris{border:1px solid var(--khatt);background:var(--raml);margin:0 0 24px}
.nf-fihris summary{cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 16px;font-weight:700;font-size:15.5px}
.nf-fihris ol{margin:0;padding:4px 40px 14px 16px;font-size:15px;line-height:1.9}
.nf-wasm{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}
.nf-wasm a{display:inline-flex;align-items:center;gap:5px;font-size:13px;padding:4px 12px;background:var(--raml);border-radius:999px;color:#333}
.nf-note{display:flex;gap:10px;align-items:flex-start;margin:26px 0 0;padding:14px 16px;background:var(--raml);font-size:14px;color:#3b433e;line-height:1.7}
.nf-note .nf-ic{color:var(--nakhl);margin-top:3px}
.nf-aside>section{margin-bottom:32px}
.nf-aside ul{list-style:none;margin:0;padding:0}
.nf-aside li{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:12px;padding-block:11px;border-bottom:1px solid var(--khatt);align-items:start}
.nf-aside li img{width:88px;height:64px;object-fit:cover}
.nf-aside li a{font-size:14.5px;font-weight:600;line-height:1.6}
.nf-aside .nf-sticky{position:sticky;top:16px}
.nf-aydan{padding-block:34px;border-top:1px solid var(--khatt)}
/* ==[/tnv:maqal]== */

/* ==[tnv:bab]== рубрика и листалки */
.nf-bab-ras{background:var(--raml);padding-block:26px 22px;border-bottom:1px solid var(--khatt)}
.nf-bab-ras h1{margin:0;display:flex;align-items:center;gap:12px;font-size:30px;font-weight:800;line-height:1.4}
.nf-bab-ras h1 .nf-ic{width:46px;height:46px;padding:9px;background:var(--wasm);color:#fff;border-radius:50%}
.nf-bab-ras p{margin:6px 0 0;color:var(--ramadi);font-size:15px}
.nf-bab{padding-block:30px 44px}
.nf-bab .nf-first{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:center;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--khatt)}
.nf-bab .nf-first img{width:100%;aspect-ratio:16/10;object-fit:cover}
.nf-bab .nf-first h2{font-size:26px;line-height:1.55;font-weight:800;margin:8px 0}
.nf-bab .nf-first p{font-family:var(--naskh);font-size:18px;color:#3b433e;margin:0}
.nf-safahat{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px;font-size:15px}
.nf-safahat a,.nf-safahat b{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding-inline:12px;border:1px solid var(--khatt)}
.nf-safahat b{background:var(--wasm);border-color:var(--wasm);color:#fff}
.nf-safahat a:hover{border-color:var(--wasm)}
/* ==[/tnv:bab]== */

/* ==[tnv:qaa]== подвал */
.nf-qaa{background:var(--layl);color:#c9d0cb;margin-top:0;font-size:14.5px}
.nf-qaa::after{content:"";display:block;height:6px;background:linear-gradient(var(--wasm) 0 50%,var(--dam) 50% 100%)}
.nf-qaa__top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:34px;padding-block:40px 30px}
.nf-qaa img{height:48px;width:auto;margin-bottom:14px}
.nf-qaa h2{color:#fff;font-size:15.5px;font-weight:700;margin:0 0 12px;display:flex;gap:8px;align-items:center}
.nf-qaa h2 .nf-ic{color:var(--dhahab)}
.nf-qaa ul{list-style:none;margin:0;padding:0;columns:1}
.nf-qaa li a{display:inline-block;padding-block:5px}
.nf-qaa a:hover{color:var(--dhahab)}
.nf-qaa p{margin:0 0 10px;line-height:1.85}
.nf-qaa__bottom{border-top:1px solid rgba(255,255,255,.12);padding-block:16px;font-size:13px;color:#9aa39d;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
/* ==[/tnv:qaa]== */

/* ==[tnv:adaptive]== */
@media (max-width:1100px){
  .nf-qaima ul{gap:2px 12px}
  .nf-qaima a{font-size:14.5px}
  .nf-qaima a .nf-ic{display:none}
  .nf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nf-shareet{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nf-dalil{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nf-maqal{grid-template-columns:minmax(0,1fr) 280px;gap:32px}
  .nf-qaa__top{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .nf-wrap{padding-inline:16px}
  .nf-ras__bar{flex-wrap:wrap;gap:0;min-height:60px;justify-content:space-between}
  .nf-alam img{height:44px}
  .nf-burger{display:flex;align-items:center;gap:6px;min-height:48px;min-width:48px;padding-inline:10px;cursor:pointer;font-size:14px;font-weight:700;align-self:center}
  .nf-burger__cb{display:block;position:absolute;opacity:0;width:1px;height:1px}
  .nf-qaima{flex-basis:100%;display:none;order:3;border-top:1px solid var(--khatt)}
  .nf-burger__cb:checked~.nf-qaima{display:block}
  .nf-burger__cb:focus-visible+.nf-burger{outline:2px solid var(--nakhl)}
  .nf-qaima ul{flex-direction:column;gap:0;width:100%}
  .nf-qaima li+li{border-top:1px solid var(--khatt)}
  .nf-qaima a{padding-block:13px;font-size:16px;border-bottom:0;min-height:48px}
  .nf-milaf .nf-wrap{gap:0 14px;font-size:13.5px}
  .nf-ras__side{display:none}
  .nf-milaf a{padding-block:12px}
  .nf-sadr{grid-template-columns:1fr;padding-block:18px 26px}
  .nf-sadr>*{padding-inline:0!important;border:0!important}
  .nf-sadr>*+*{margin-top:22px;padding-top:18px!important;border-top:1px solid var(--khatt)!important}
  .nf-lead h1,.nf-lead h2{font-size:24px}
  .nf-grid,.nf-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
  .nf-thulth{grid-template-columns:1fr}
  .nf-thulth>section{padding-inline:0!important;border:0!important}
  .nf-thulth>section+section{margin-top:26px}
  .nf-shuraka{grid-template-columns:1fr}
  .nf-maqal{grid-template-columns:1fr;gap:10px}
  .nf-maqal h1{font-size:26px}
  .nf-nass{font-size:19px}
  .nf-bab .nf-first{grid-template-columns:1fr}
  .nf-shareet{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .nf-shareet a{scroll-snap-align:start}
}
@media (max-width:560px){
  .nf-grid,.nf-grid--3,.nf-dalil{grid-template-columns:1fr}
  .nf-grid .nf-card{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:start}
  .nf-grid .nf-card img{grid-column:2;grid-row:1/span 3;aspect-ratio:4/3}
  .nf-grid .nf-card h3{margin-top:0;font-size:16px}
  .nf-grid .nf-card p{-webkit-line-clamp:2;font-size:15px}
  .nf-qaa__top{grid-template-columns:1fr}
  .nf-bab-ras h1{font-size:24px}
}
/* ==[/tnv:adaptive]== */
/* ==[/tnv:sahel]== */