/*
 TAMIYOUZ JOURNAL — EDITORIAL ATELIER 21
 Shared editorial refinements for all real posts EXCEPT post 27 (its own labs).
 Pure styling: no content, links, schema, IDs, scripts or functional edits.
 Priority: readable paper, precise typographic rhythm, illustrated chapter hierarchy,
 light/dark parity, and responsive premium detail.
*/
html[data-tyz-theme="light"] body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article{
 --jr21-paper:#fffefa;--jr21-raised:#fff8eb;--jr21-raised2:#f6f9fa;
 --jr21-ink:#18334a;--jr21-copy:#354e64;--jr21-sub:#546a7b;
 --jr21-gold:#a47536;--jr21-line:rgba(106,83,58,.22);
 --jr21-shadow:0 22px 54px rgba(32,51,62,.078);
}
html[data-tyz-theme="dark"] body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article{
 --jr21-paper:#11263b;--jr21-raised:#1b354b;--jr21-raised2:#193046;
 --jr21-ink:#f4f5f2;--jr21-copy:#dce7f1;--jr21-sub:#bdcedd;
 --jr21-gold:#f0c88b;--jr21-line:rgba(213,190,148,.25);
 --jr21-shadow:0 24px 58px rgba(0,5,13,.32);
}
/* Magazine presentation of the featured image, without changing the asset or cropping it. */
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-hero__visual{
 border-radius:clamp(18px,1.9vw,28px)!important;
 box-shadow:0 29px 68px rgba(16,33,52,.18),
            0 0 0 1px rgba(194,147,81,.26),0 0 0 7px rgba(179,137,79,.055)!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-hero__visual::before{
 content:"";z-index:6;position:absolute;inset:10px;pointer-events:none;
 border:1px solid rgba(246,210,151,.22);border-radius:18px;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-hero__visual::after{
 content:"TAMIYOUZ  /  JOURNAL";position:absolute;bottom:13px;left:16px;z-index:8;
 padding:8px 12px;border-radius:7px;pointer-events:none;
 background:rgba(7,23,39,.84);border:1px solid rgba(232,185,115,.38);
 font:750 9px/1 Arial,sans-serif;letter-spacing:.14em;color:#f0d4a9;
 box-shadow:0 5px 16px rgba(0,0,0,.18);
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-kicker{
 color:var(--jr21-gold)!important;
 border-color:var(--jr21-line)!important;
}
/* True paper-like article card, distinct from the digital panels inside it. */
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-prose{
 background:var(--jr21-paper)!important;
 border:1px solid var(--jr21-line)!important;
 box-shadow:var(--jr21-shadow)!important;
 border-radius:clamp(17px,1.9vw,25px)!important;
 color:var(--jr21-copy)!important;
}
html[data-tyz-theme="light"] body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-prose{
 background-image:linear-gradient(123deg,rgba(225,191,140,.039),transparent 40%)!important;
}
html[data-tyz-theme="dark"] body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-prose{
 background-image:linear-gradient(123deg,rgba(230,190,114,.035),transparent 41%)!important;
}
/* Normal editorial paragraphs: improved Arabic measure and rhythm. */
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-prose > :is(p,ul,ol){
 color:var(--jr21-copy)!important;
 font-size:clamp(16px,1.13vw,18px)!important;
 line-height:2.08!important;
 max-width:76ch!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-prose > :is(p,ul,ol) :is(strong,b){
 color:var(--jr21-ink)!important;
}
/* Section markers stay understated so they don't compete with headlines. */
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-prose > h2{
 position:relative;border-top:1px solid var(--jr21-line)!important;
 padding-top:clamp(26px,3vw,41px)!important;
 color:var(--jr21-ink)!important;
 text-wrap:balance!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-prose > h2::before{
 content:"";position:absolute;top:-2px;inset-inline-start:0;
 width:52px;height:3px;border-radius:99px;
 background:linear-gradient(90deg,#bd8842,#f2d49e);
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-prose > h2:first-child::before{display:none}
/* Long-form guides: the chapter edge is designed like a numbered editorial spread. */
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-article{
 counter-reset:jr21-chapter;
 min-width:0;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-chapter{
 position:relative;
 counter-increment:jr21-chapter;
 scroll-margin-top:clamp(94px,10vh,130px)!important;
 margin-block:clamp(34px,4vw,62px)!important;
 padding:0!important;min-width:0!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-chapter > h2{
 display:block!important;
 position:relative!important;
 margin:0 0 21px!important;
 padding:31px 0 0!important;
 border:0!important;border-top:1px solid var(--jr21-line)!important;
 font-size:clamp(24px,2.15vw,34px)!important;
 line-height:1.5!important;
 color:var(--jr21-ink)!important;
 text-wrap:balance;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-chapter > h2::before{
 content:"CHAPTER  " counter(jr21-chapter,decimal-leading-zero);
 display:block;position:static;
 width:auto;height:auto;margin-bottom:14px;padding:0;
 font:750 11px/1.4 Arial,sans-serif;letter-spacing:.16em;
 color:var(--jr21-gold)!important;background:none!important;box-shadow:none!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-chapter > p,
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-article > p{
 color:var(--jr21-copy)!important;
 line-height:2.08!important;
 font-size:clamp(16px,1.09vw,18px)!important;
}
/* Guide's table of contents: a premium navigable sheet. */
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-index{
 position:relative!important;overflow:hidden;
 background:var(--jr21-raised)!important;
 border:1px solid var(--jr21-line)!important;
 border-radius:19px!important;
 padding:clamp(20px,2.5vw,34px)!important;
 box-shadow:0 12px 28px rgba(30,45,59,.06)!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-index::before{
 content:"";position:absolute;inset-inline-start:0;top:24px;bottom:24px;width:3px;
 background:linear-gradient(#efc992,#a57637);border-radius:99px;pointer-events:none;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-index strong{
 color:var(--jr21-ink)!important;font-size:clamp(17px,1.4vw,21px)!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-index :is(li,a){
 color:var(--jr21-copy)!important;line-height:1.85!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-index a{
 border-radius:5px!important;text-decoration:none!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-index a:hover{
 color:var(--jr21-gold)!important;text-decoration:underline!important;
}
/* Quote, checklist, and example compositions. */
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-tips,
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-smart-insight{
 background:var(--jr21-raised)!important;
 border:1px solid var(--jr21-line)!important;
 border-inline-start:4px solid var(--jr21-gold)!important;
 border-radius:15px!important;
 padding:clamp(20px,2.2vw,30px)!important;
 box-shadow:0 10px 23px rgba(11,27,42,.045)!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-tips > strong,
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-smart-insight strong{
 color:var(--jr21-gold)!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article :is(.tyz-trend-tips li,.tyz-smart-insight,.tyz-smart-insight p){
 color:var(--jr21-copy)!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-example{
 background:var(--jr21-raised2)!important;
 border:1px solid var(--jr21-line)!important;
 border-radius:19px!important;
 padding:clamp(22px,2.6vw,35px)!important;
 box-shadow:0 12px 32px rgba(13,33,50,.075)!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-example h2{
 color:var(--jr21-ink)!important;line-height:1.45!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-example p{
 color:var(--jr21-copy)!important;
}
/* FAQs that visually respond without changing the native <details> interaction. */
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-faq details{
 background:var(--jr21-raised2)!important;
 border:1px solid var(--jr21-line)!important;
 border-radius:14px!important;
 margin:12px 0!important;padding:clamp(14px,1.5vw,20px)!important;
 transition:border-color .2s ease,box-shadow .2s ease;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-faq details[open]{
 background:var(--jr21-raised)!important;
 border-color:rgba(182,136,71,.60)!important;
 box-shadow:0 11px 23px rgba(30,52,72,.07)!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-faq summary{
 color:var(--jr21-ink)!important;font-weight:850!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-faq details p{
 color:var(--jr21-copy)!important;
}
/* Related reading, source links, and cross-links as editorial cards. */
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article :is(.tyz-trend-more,.tyz-trend-crosslinks){
 background:var(--jr21-raised)!important;
 border:1px solid var(--jr21-line)!important;
 border-radius:17px!important;
 padding:clamp(20px,2.3vw,30px)!important;
 margin-top:32px!important;
 box-shadow:0 9px 20px rgba(17,39,60,.05)!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article :is(.tyz-trend-more,.tyz-trend-crosslinks) :is(h2,p,li){
 color:var(--jr21-copy)!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article :is(.tyz-trend-more,.tyz-trend-crosslinks) h2{
 color:var(--jr21-ink)!important;
 margin-top:0!important;padding-top:0!important;border:0!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article :is(.tyz-trend-more,.tyz-trend-crosslinks) a{
 color:var(--jr21-gold)!important;text-decoration:underline!important;
 text-underline-offset:4px!important;
}
/* SMART long form: consistent heading hierarchy, while retaining dark calculator panels. */
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-smart-chapter{
 min-width:0!important;margin-bottom:clamp(36px,4vw,56px)!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-smart-chapter > h2{
 margin-top:0!important;padding-top:26px!important;
 border-top:1px solid var(--jr21-line)!important;
 color:var(--jr21-ink)!important;
 text-wrap:balance!important;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-smart-chapter > h2::before{
 content:"";display:block;width:47px;height:3px;border-radius:99px;
 background:linear-gradient(90deg,#b27f3e,#e4c289);
 margin-bottom:17px;
}
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-smart-chapter > p,
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-smart-article > p{
 color:var(--jr21-copy)!important;
}
/* Native inputs, page navigation, and chapter links: visible keyboard focus. */
body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article :is(
 .tyz-trend-index a,.tyz-trend-faq summary,.tyz-smart-widget button,
 .tyz-smart-widget :is(input,select),.tyz-pa-toc a
):focus-visible{
 outline:3px solid var(--jr21-gold)!important;outline-offset:3px!important;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-example,
 body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-index{
  transition:transform .24s ease,box-shadow .24s ease!important;
 }
 body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-example:hover{
  transform:translateY(-3px);
  box-shadow:0 19px 38px rgba(19,41,63,.11)!important;
 }
}
@media(max-width:760px){
 body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-content-section{
  padding-top:clamp(24px,5vw,48px)!important;
 }
 body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-prose{
  padding:clamp(18px,4.5vw,28px)!important;
  border-radius:17px!important;
 }
 body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-pa-hero__visual::after{
  left:10px;bottom:10px;font-size:8px;padding:7px 9px;
 }
 body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-chapter > h2{
  font-size:clamp(23px,6.15vw,30px)!important;line-height:1.55!important;
 }
 body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-index{
  padding:19px!important;
 }
 body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article .tyz-trend-faq details{
  padding:15px!important;
 }
 body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article :is(.tyz-trend-example,.tyz-trend-more,.tyz-trend-crosslinks){
  padding:20px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body.tyz-premium-article-body:not(.postid-27) #tyz-premium-article :is(.tyz-trend-index,.tyz-trend-example,.tyz-trend-faq details){
  transition:none!important;transform:none!important;
 }
}