/*
 * Tamiyouz ChatGPT Ads — post 218 hero polish v1 (2026-11-09).
 * Scoped to one article; no shared article styles altered.
 */
body.postid-218 #tyz-premium-article .tyz-pa-hero__inner{
  width:min(94vw,1380px)!important;
  max-width:1380px!important;
  margin-inline:auto!important;
  padding-top:clamp(18px,2vw,32px)!important;
  padding-bottom:clamp(38px,4vw,64px)!important;
}
body.postid-218 #tyz-premium-article .tyz-pa-hero__layout{
  display:grid!important;
  grid-template-areas:"visual copy"!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  align-items:center!important;
  gap:clamp(28px,3.5vw,60px)!important;
  padding-top:clamp(22px,2.5vw,39px)!important;
}
body.postid-218 #tyz-premium-article .tyz-pa-hero__copy{
  padding-block:0!important;
}
body.postid-218 #tyz-premium-article .tyz-pa-hero h1{
  font-size:clamp(36px,3vw,49px)!important;
  line-height:1.32!important;
  max-width:25ch!important;
  text-wrap:pretty!important;
  margin-block:18px 16px!important;
  letter-spacing:-.015em!important;
}
body.postid-218 #tyz-premium-article .tyz-pa-hero__excerpt{
  max-width:58ch!important;
  font-size:clamp(15px,1.14vw,17px)!important;
  line-height:1.85!important;
}
body.postid-218 #tyz-premium-article .tyz-pa-hero__visual{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  max-height:none!important;
  min-height:0!important;
  border-radius:22px!important;
  margin:0!important;
  overflow:hidden!important;
}
body.postid-218 #tyz-premium-article img.tyz-pa-featured-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#071629!important;
}
body.postid-218 #tyz-premium-article .tyz-pa-hero__buttons{
  gap:12px!important;
  margin-top:22px!important;
}
@media(max-width:960px){
 body.postid-218 #tyz-premium-article .tyz-pa-hero__inner{
  width:min(94vw,760px)!important;
 }
 body.postid-218 #tyz-premium-article .tyz-pa-hero__layout{
  grid-template-areas:"copy" "visual"!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:24px!important;
  padding-top:25px!important;
 }
 body.postid-218 #tyz-premium-article .tyz-pa-hero h1{
  font-size:clamp(31px,5.2vw,43px)!important;
  line-height:1.35!important;
  max-width:none!important;
 }
 body.postid-218 #tyz-premium-article .tyz-pa-hero__visual{
  aspect-ratio:16/9!important;
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
 }
}
@media(max-width:600px){
 body.postid-218 #tyz-premium-article .tyz-pa-hero__inner{
  width:100%!important;
  padding-inline:clamp(15px,4vw,22px)!important;
  padding-top:16px!important;
  padding-bottom:32px!important;
 }
 body.postid-218 #tyz-premium-article .tyz-pa-hero__layout{
  padding-top:20px!important;
  gap:18px!important;
 }
 body.postid-218 #tyz-premium-article .tyz-pa-hero h1{
  font-size:clamp(28px,7.3vw,36px)!important;
  margin-block:13px 12px!important;
  line-height:1.4!important;
 }
 body.postid-218 #tyz-premium-article .tyz-pa-hero__excerpt{
  font-size:15px!important;
  line-height:1.85!important;
 }
 body.postid-218 #tyz-premium-article .tyz-pa-hero__visual{
  border-radius:16px!important;
  aspect-ratio:16/9!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body.postid-218 #tyz-premium-article .tyz-pa-hero__visual{transition:none!important}
}


/* V2 — match the approved cinematic preview rather than the cramped earlier layout. */
@media(min-width:961px){
 body.postid-218 #tyz-premium-article .tyz-pa-hero__inner{
   width:calc(100% - 48px)!important;
   max-width:1280px!important;
   padding-top:49px!important;
   padding-bottom:83px!important;
 }
 body.postid-218 #tyz-premium-article .tyz-pa-hero__layout{
   grid-template-columns:minmax(0,1.24fr) minmax(0,1fr)!important;
   gap:clamp(40px,4.3vw,68px)!important;
   padding-top:47px!important;
 }
 body.postid-218 #tyz-premium-article .tyz-pa-hero h1{
   font-size:clamp(33px,2.5vw,43px)!important;
   line-height:1.42!important;
   margin-block:20px 18px!important;
   max-width:none!important;
 }
 body.postid-218 #tyz-premium-article .tyz-pa-hero__visual{
   aspect-ratio:16/9!important;
   border:2px solid #d8a660!important;
   box-shadow:0 0 0 4px rgba(207,158,86,.1),0 20px 65px rgba(13,24,49,.43)!important;
 }
}
body.postid-218 #tyz-premium-article .tyz-pa-hero h1 .tyz-ads-title-line{
  display:block;
  white-space:nowrap;
  unicode-bidi:isolate;
}
body.postid-218 #tyz-premium-article .tyz-pa-hero h1 bdi{
  unicode-bidi:isolate;
  display:inline-block;
}
body.postid-218 #tyz-premium-article .tyz-pa-hero__visual::before{
  border-radius:inherit!important;
}
@media(max-width:960px){
 body.postid-218 #tyz-premium-article .tyz-pa-hero__inner{padding-top:42px!important}
 body.postid-218 #tyz-premium-article .tyz-pa-hero h1 .tyz-ads-title-line{
   white-space:normal!important;
 }
}
@media(max-width:600px){
 body.postid-218 #tyz-premium-article .tyz-pa-hero__inner{padding-top:24px!important}
 body.postid-218 #tyz-premium-article .tyz-pa-hero h1 .tyz-ads-title-line{
   white-space:normal!important;
   display:inline!important;
 }
 body.postid-218 #tyz-premium-article .tyz-pa-hero h1 .tyz-ads-title-line:not(:last-child)::after{content:" "!important;white-space:pre}
}

/* ChatGPT Ads 2026 — original OpenAI screenshots (2026-11-09).
   Step illustration cards only. Photo hero and other articles remain untouched. */
body.postid-218 #tyz-premium-article .tyz-pa-prose figure.tyz-ads-guide-shot{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:clamp(25px,3.8vw,46px) 0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(200,158,93,.45)!important;
  border-radius:clamp(16px,2vw,22px)!important;
  background:#122b45!important;
  box-shadow:0 18px 44px rgba(5,19,36,.17),0 0 0 5px rgba(196,151,81,.055)!important;
}
body.postid-218 #tyz-premium-article .tyz-ads-guide-shot__open{
  display:block!important;
  width:100%!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  background:#f7f9f7!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
body.postid-218 #tyz-premium-article .tyz-ads-guide-shot__open img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  box-shadow:none!important;
  transition:transform .3s ease!important;
}
@media (hover:hover){
 body.postid-218 #tyz-premium-article .tyz-ads-guide-shot__open:hover img{
   transform:scale(1.015)!important;
 }
}
body.postid-218 #tyz-premium-article .tyz-ads-guide-shot figcaption{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px 18px!important;
  padding:clamp(15px,2.4vw,23px)!important;
  margin:0!important;
  background:linear-gradient(115deg,#102942,#0b2037)!important;
  color:#f9f4e9!important;
  border-top:1px solid rgba(224,177,102,.35)!important;
  direction:rtl!important;
  text-align:right!important;
  font-size:13px!important;
  line-height:1.8!important;
}
body.postid-218 #tyz-premium-article .tyz-ads-guide-shot figcaption .tyz-ads-guide-shot__number{
  flex:0 0 auto!important;
  padding:4px 11px!important;
  border:1px solid rgba(231,193,130,.42)!important;
  border-radius:999px!important;
  color:#f2d29a!important;
  background:rgba(216,167,94,.11)!important;
  font-size:11px!important;
  font-weight:800!important;
}
body.postid-218 #tyz-premium-article .tyz-ads-guide-shot figcaption strong{
  flex:1 1 240px!important;
  color:#fff8e9!important;
  font-size:clamp(14px,1.5vw,17px)!important;
  line-height:1.6!important;
}
body.postid-218 #tyz-premium-article .tyz-ads-guide-shot figcaption .tyz-ads-guide-shot__note{
  flex:1 1 100%!important;
  display:block!important;
  color:#cedce9!important;
  font-weight:500!important;
}
body.postid-218 #tyz-premium-article .tyz-ads-guide-shot figcaption a.tyz-ads-guide-shot__source{
  display:inline-flex!important;
  color:#edc78c!important;
  border-bottom:1px solid rgba(237,199,140,.55)!important;
  font-weight:750!important;
  text-decoration:none!important;
}
body.postid-218 #tyz-premium-article .tyz-ads-guide-shot figcaption a.tyz-ads-guide-shot__source:hover{
  color:#ffe3b5!important;
}
body.postid-218 #tyz-premium-article .tyz-pa-prose p.tyz-ads-guide-media-disclaimer{
  border-inline-start:3px solid #c69a59!important;
  padding:12px 16px!important;
  margin:20px 0 27px!important;
  background:rgba(202,160,90,.075)!important;
  border-radius:8px!important;
  font-size:13px!important;
  line-height:1.85!important;
  color:var(--pa-muted,#8fa5b6)!important;
}
@media(max-width:600px){
 body.postid-218 #tyz-premium-article .tyz-pa-prose figure.tyz-ads-guide-shot{
   margin:24px 0!important;
   border-radius:15px!important;
   box-shadow:0 10px 26px rgba(5,19,36,.14)!important;
 }
 body.postid-218 #tyz-premium-article .tyz-ads-guide-shot figcaption{
   padding:14px!important;
   gap:8px!important;
 }
 body.postid-218 #tyz-premium-article .tyz-ads-guide-shot figcaption strong{
   flex-basis:100%!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body.postid-218 #tyz-premium-article .tyz-ads-guide-shot__open img{transition:none!important}
}