/* Tamiyouz Alrowad — Editorial Studio V12
 * Scoped to the dedicated blog only. Zero external fonts, media or UI libraries.
 */
body.tyz12-editorial{--v12-navy:#071725;--v12-ink:#0d2940;--v12-gold:#e3bd79;--v12-paper:#fff8e9;--v12-slate:#b9cddc}
body.home .tyz12-feature{position:relative;isolation:isolate;width:100%;margin:0;clear:both;padding:clamp(48px,5vw,86px) clamp(18px,4vw,60px);background:radial-gradient(ellipse at 5% 8%,rgba(216,164,88,.12),transparent 44%),linear-gradient(155deg,#0b2337,#071625 75%);border-block:1px solid rgba(235,192,119,.23);overflow:hidden;box-sizing:border-box;direction:rtl}
body.home .tyz12-feature:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(251,211,148,.65),transparent);pointer-events:none}
body.home .tyz12-feature__inner{width:min(1280px,100%);margin:0 auto}
body.home .tyz12-feature__header{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:clamp(24px,3vw,38px)}
body.home .tyz12-kicker{color:#e3c58e;font:750 11px/1.7 system-ui,Almarai,sans-serif;letter-spacing:.08em;display:flex;align-items:center;gap:12px;margin-bottom:15px}
body.home .tyz12-kicker__line{width:34px;height:2px;background:linear-gradient(90deg,#ad7e46,#f0c884);flex:none}
body.home .tyz12-feature__header h2{font:900 clamp(29px,3.15vw,47px)/1.5 Almarai,system-ui,sans-serif!important;color:#fff7e9!important;letter-spacing:-.04em;margin:0 0 9px!important}
body.home .tyz12-feature__header h2 em{font-style:normal;color:#e9c588}
body.home .tyz12-feature__header p{font:500 clamp(13px,1.13vw,16px)/2 Almarai,system-ui,sans-serif!important;color:#bdd0de!important;margin:0!important;max-width:590px}
body.home .tyz12-feature__all{flex:none;min-height:46px;display:inline-flex;align-items:center;gap:18px;justify-content:center;padding:11px 18px;border:1px solid rgba(233,195,134,.38);border-radius:13px;background:rgba(240,209,154,.07);color:#f7dfb3!important;text-decoration:none!important;font:800 12px/1.5 Almarai,system-ui,sans-serif;transition:border-color .2s,transform .2s}
body.home .tyz12-feature__all:hover{transform:translateY(-2px);border-color:#eac68b}
body.home .tyz12-feature__grid{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;min-height:570px}
body.home .tyz12-feature__card{position:relative;isolation:isolate;min-width:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.12fr);border:1px solid rgba(238,199,125,.28);border-radius:23px;background:#102f47;box-shadow:0 20px 52px rgba(0,10,20,.25);transition:border-color .25s,box-shadow .3s,transform .3s}
body.home .tyz12-feature__card:hover,body.home .tyz12-feature__card:focus-within{border-color:rgba(250,217,156,.8);transform:translateY(-4px);box-shadow:0 28px 70px rgba(0,9,20,.38)}
body.home .tyz12-feature__cover{min-width:0;overflow:hidden;position:relative;display:block;background:linear-gradient(140deg,#173f5a,#0c2439);order:0}
body.home .tyz12-feature__cover img{display:block;width:100%;height:100%;min-height:100%;object-fit:cover;transition:transform .55s ease;filter:saturate(.90)}
body.home .tyz12-feature__card:hover .tyz12-feature__cover img{transform:scale(1.045)}
body.home .tyz12-feature__body{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(16px,2vw,30px);position:relative;z-index:2;background:linear-gradient(145deg,#14354e,#0b2438);text-align:start}
body.home .tyz12-feature__meta{display:flex;flex-wrap:wrap;gap:9px 16px;align-items:center;font:600 11px/1.65 Almarai,system-ui,sans-serif;color:#b3cada;margin-bottom:15px}
body.home .tyz12-feature__category{border-radius:30px;padding:5px 10px;border:1px solid rgba(226,188,111,.4);background:rgba(231,186,110,.09);color:#f3d69e}
body.home .tyz12-feature__card h3{font:850 clamp(16px,1.35vw,20px)/1.85 Almarai,system-ui,sans-serif!important;letter-spacing:-.015em;margin:0 0 18px!important;min-width:0;text-wrap:pretty}
body.home .tyz12-feature__card h3 a{color:#fffaf0!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
body.home .tyz12-feature__card h3 a:hover{color:#f2d7a4!important}
body.home .tyz12-feature__read{color:#ebc78b;font:800 12px/1.7 Almarai,system-ui,sans-serif;margin-top:auto;display:inline-flex;align-items:center;gap:14px}
body.home .tyz12-feature__read span{font:400 21px/1 system-ui}
body.home .tyz12-feature__card--lead{grid-row:span 2;display:block;min-height:570px}
body.home .tyz12-feature__card--lead .tyz12-feature__cover{position:absolute;inset:0}
body.home .tyz12-feature__card--lead .tyz12-feature__cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,15,27,.98) 2%,rgba(6,23,36,.88) 39%,rgba(7,22,37,.17) 80%)}
body.home .tyz12-feature__card--lead .tyz12-feature__body{position:absolute;bottom:0;inset-inline:0;background:none;padding:clamp(24px,3vw,45px);justify-content:end}
body.home .tyz12-feature__card--lead h3{font-size:clamp(24px,2.3vw,34px)!important;line-height:1.7!important;max-width:26ch}
body.home .tyz12-feature__card--lead h3 a{-webkit-line-clamp:4}
body.home .tyz12-feature a:focus-visible{outline:3px solid #eec785;outline-offset:3px;border-radius:8px}

/* Existing article carousel: readable cards without interfering with its JS slider. */
body.home .cz_grid_posts .cz_grid_item:not(.cz_grid_first)>.clr{border-radius:19px!important;border-color:rgba(233,191,124,.34)!important}
body.home .cz_grid_posts .cz_grid_item .cz_grid_details_outside{padding:17px 19px 21px!important;min-height:135px!important}
body.home .cz_grid_posts .cz_grid_item .cz_grid_post_title{font-size:clamp(16px,1.25vw,19px)!important;line-height:1.85!important;-webkit-line-clamp:3!important}
body.home .cz_grid_posts .cz_grid_item .cz_grid_link{aspect-ratio:16/9}
body.home .cz_grid_posts .cz_grid_item .cz_grid_link img{object-fit:cover}

/* Archive/category discovery: polished controls, preserving existing form endpoints. */
body:is(.archive,.category,.search) .tyz11-discovery{border-radius:25px!important;border-color:rgba(238,198,131,.33)!important;background:radial-gradient(circle at 10% 5%,rgba(225,181,111,.12),transparent 47%),linear-gradient(140deg,#123149,#081d31)!important}
body:is(.archive,.category,.search) .tyz11-search-line{border-radius:15px;box-shadow:0 12px 28px rgba(2,13,23,.13)}
body:is(.archive,.category,.search) .tyz11-search-line input{font-size:16px!important;min-width:0}
body:is(.archive,.category,.search) .tyz11-chips a{border-radius:50px;min-height:37px;display:inline-flex;align-items:center}
body:is(.archive,.category,.search) .tyz11-featured-card{border-radius:16px;overflow:hidden}
body:is(.archive,.category,.search) .cz_grid_posts .cz_grid_post_title{font-size:clamp(16px,1.25vw,19px)!important;line-height:1.85!important}

/* Article studio: reading rhythm, contrast and unobtrusive tools. */
body.single-post .tyz12-article-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;border-block:1px solid rgba(230,188,116,.22);padding:14px 0;margin:11px 0 22px;font-family:Almarai,system-ui,sans-serif}
body.single-post .tyz12-tool-read{font-size:12px;color:#c6d6e3;margin-inline-end:auto}
body.single-post .tyz12-tool-action{border:1px solid rgba(237,198,129,.42);border-radius:10px;background:rgba(224,178,104,.08);color:#f2d39d!important;padding:8px 13px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:800 12px/1.6 Almarai,system-ui,sans-serif;text-decoration:none!important}
body.single-post .tyz12-tool-action:hover{background:rgba(224,178,104,.18);border-color:#f0ca87}
body.single-post .tyz12-tool-action:focus-visible{outline:2px solid #f4d6a6;outline-offset:3px}
body.single-post .content.single_con .cz_post_content :is(p,li){font-size:17px!important;line-height:2.15!important;color:#e4edf5!important}
body.single-post .content.single_con .cz_post_content :is(h2,h3){scroll-margin-top:105px;text-wrap:pretty}
body.single-post .content.single_con .cz_post_content h2{font-size:clamp(23px,2.2vw,31px)!important;line-height:1.65!important;margin-block:1.75em .7em!important}
body.single-post .content.single_con .cz_post_content h3{font-size:clamp(19px,1.7vw,24px)!important;line-height:1.65!important}
body.single-post .content.single_con .cz_post_content :is(ul,ol){padding-inline-start:1.6em}
body.single-post .content.single_con .cz_post_content :is(a){text-underline-offset:4px}
body.single-post .content.single_con .cz_post_content :is(table,pre){max-width:100%;overflow-x:auto}
body.single-post .content.single_con .cz_post_content :is(blockquote){padding:20px 25px;border-radius:16px;background:rgba(232,187,113,.09)}
body.single-post .cz_related_posts{background:transparent!important}
body.single-post .cz_related_post>div{border-radius:18px;overflow:hidden}

/* Small screens: premium without overflow or tiny tap targets. */
@media(max-width:920px){
 body.home .tyz12-feature__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0}
 body.home .tyz12-feature__card--lead{grid-column:1/-1;grid-row:auto;min-height:425px}
 body.home .tyz12-feature__card:not(.tyz12-feature__card--lead){display:flex;flex-direction:column;min-height:350px}
 body.home .tyz12-feature__card:not(.tyz12-feature__card--lead) .tyz12-feature__cover{height:180px}
 body.home .tyz12-feature__card:not(.tyz12-feature__card--lead) .tyz12-feature__body{flex:1}
}
@media(max-width:650px){
 body.home .tyz-mag-hero{min-height:565px!important}
 body.home .tyz-mag-hero__frame{padding-top:115px!important;padding-bottom:75px!important}
 body.home .tyz12-feature{padding:41px 16px 51px}
 body.home .tyz12-feature__header{display:block;margin-bottom:21px}
 body.home .tyz12-feature__header h2{font-size:clamp(27px,8vw,35px)!important}
 body.home .tyz12-feature__header p{font-size:13px!important}
 body.home .tyz12-feature__all{margin-top:18px;min-height:44px}
 body.home .tyz12-feature__grid{grid-template-columns:minmax(0,1fr);gap:12px}
 body.home .tyz12-feature__card--lead{min-height:370px}
 body.home .tyz12-feature__card--lead .tyz12-feature__body{padding:22px}
 body.home .tyz12-feature__card--lead h3{font-size:22px!important;line-height:1.7!important}
 body.home .tyz12-feature__card:not(.tyz12-feature__card--lead){min-height:0}
 body.home .tyz12-feature__card:not(.tyz12-feature__card--lead) .tyz12-feature__cover{height:180px}
 body.home .tyz12-feature__card:not(.tyz12-feature__card--lead) .tyz12-feature__body{padding:17px 20px}
 body.home .tyz12-feature__card h3{font-size:17px!important;margin-bottom:13px!important}
 body.home .tyz12-feature__meta{margin-bottom:10px;font-size:10px}
 body.home .cz_grid_posts .cz_grid_item .cz_grid_post_title{font-size:17px!important}
 body.single-post .tyz12-article-tools{gap:8px;margin:10px 0 16px}
 body.single-post .tyz12-tool-read{width:100%;margin:0}
 body.single-post .tyz12-tool-action{flex:1;min-width:105px}
 body.single-post .content.single_con .cz_post_content :is(p,li){font-size:16px!important;line-height:2.05!important}
 body:is(.archive,.category,.search) .tyz11-search-line input{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
 body.home .tyz12-feature__card,body.home .tyz12-feature__cover img,body.home .tyz12-feature__all{transition:none!important;transform:none!important}
}
@media print{body.home .tyz12-feature{background:#fff!important;color:#000!important}body.single-post .tyz12-article-tools{display:none!important}}

