/* A0019026 — Software & AI proof-series shared presentation owner.
 * One scoped final layer for the 17 governed proof articles.
 * It resolves legacy editorial CSS collisions without changing the wider site
 * theme, canonical URLs, content ownership or the semantic design system.
 */

body[data-yitm-ai-proof-series]{
  background:var(--yitm-ds-surface-page,#f5f8fc);
  color:var(--yitm-ds-text-primary,#102033);
}

body[data-yitm-ai-proof-series] .yitm-proof-series-article.theme-software-ai-for-business{
  --bg:#f5f8fc;
  --bg2:#eef6ff;
  --text:#334155;
  --text-dark:#071426;
  --muted:#526274;
  --line:#dbe4ee;
  --accent:#0f64ee;
  --accent-dark:#0b53c9;
  --accent-soft:#dff7ff;
  --accent-soft-2:#f4fbff;
  --accent-rgb:15,100,238;
  --proof-card-radius:24px;
  --proof-card-shadow:0 12px 34px rgba(16,35,63,.06);
  --proof-content-max:1000px;
  max-width:1180px;
  padding-top:22px;
  background:linear-gradient(180deg,#f5f8fc 0%,#eef6ff 48%,#fff 100%);
}

body[data-yitm-ai-proof-series] .yitm-breadcrumbs{
  margin:0 0 18px;
  color:#526274;
}
body[data-yitm-ai-proof-series] .yitm-breadcrumbs a{
  color:#0f64ee;
  font-weight:700;
}

/* Hero: the proof-series stylesheet is deliberately the final geometry owner.
 * Older site.css rules cap generic editorial media at ~340px and add inner
 * padding. Those rules are useful elsewhere, but make these 16:9 proof images
 * too small. Keep the override tightly scoped to these 17 articles. */
body[data-yitm-ai-proof-series] .yitm-proof-series-hero{
  display:block!important;
  grid-template-columns:none!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  padding:clamp(28px,3.1vw,40px)!important;
  border:1px solid rgba(49,215,255,.26)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 90% 6%,rgba(49,215,255,.17),rgba(49,215,255,0) 34%),
    linear-gradient(140deg,#071426 0%,#0b2d52 72%,#0d4261 100%)!important;
  box-shadow:0 28px 70px -36px rgba(7,20,38,.7)!important;
  overflow:hidden!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-hero::before{
  background:radial-gradient(circle,rgba(49,215,255,.22),rgba(49,215,255,0) 68%);
}
body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-hero-grid{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(400px,1.08fr)!important;
  gap:clamp(28px,3.2vw,42px)!important;
  align-items:center!important;
  width:100%!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-hero-copy{
  min-width:0!important;
  align-self:center!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-hero :is(.yitm-title,.yitm-subtitle){
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-title{
  max-width:18ch!important;
  margin:14px 0 16px!important;
  font-size:clamp(2.15rem,3.2vw,3.15rem)!important;
  line-height:1.04!important;
  letter-spacing:-.038em!important;
  font-weight:800!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-subtitle{
  max-width:58ch!important;
  margin:0!important;
  font-size:clamp(1rem,1.25vw,1.12rem)!important;
  line-height:1.62!important;
  text-wrap:pretty!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-badge{
  margin-bottom:0!important;
  padding:8px 13px!important;
  background:rgba(49,215,255,.12)!important;
  border-color:rgba(49,215,255,.42)!important;
  color:#8eeaff!important;
  -webkit-text-fill-color:#8eeaff!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-chip-row{
  margin:18px 0 0!important;
  gap:8px!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-chip{
  padding:7px 11px!important;
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
}

/* Large hero artwork. This intentionally beats the legacy generic
 * body.blog-page .yitm-hero-media { width:min(340px,32vw)!important; ... } rule. */
body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-proof-hero-media{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:620px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  justify-self:end!important;
  align-self:center!important;
  border:0!important;
  border-radius:24px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-proof-hero-figure{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-proof-hero-media img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  object-position:center!important;
  border:1px solid rgba(49,215,255,.34)!important;
  border-radius:22px!important;
  background:#0b2d52!important;
  box-shadow:0 24px 64px rgba(0,0,0,.32)!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-proof-hero-figure figcaption{
  max-width:58ch;
  margin:10px 4px 0!important;
  color:#c5d8e7!important;
  -webkit-text-fill-color:#c5d8e7!important;
  font-size:.82rem!important;
  line-height:1.45!important;
  text-align:left!important;
}

/* Shared article/card rhythm. Keep prose readable but let structural lists,
 * workflow rows and FAQ controls use the full card width. */
body[data-yitm-ai-proof-series] .yitm-proof-series-content{
  box-sizing:border-box;
  width:100%;
  max-width:var(--proof-content-max);
  margin:28px auto 0;
  display:grid;
  gap:18px;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-content > .yitm-card{
  box-sizing:border-box;
  width:100%;
  margin:0!important;
  padding:clamp(24px,3vw,34px)!important;
  border:1px solid rgba(16,35,63,.11)!important;
  border-radius:var(--proof-card-radius)!important;
  background:#fff;
  box-shadow:var(--proof-card-shadow)!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-content .yitm-proof-section > h2,
body[data-yitm-ai-proof-series] .yitm-proof-series-content > .yitm-card > h2,
body[data-yitm-ai-proof-series] .yitm-proof-series-content section > h2{
  max-width:none!important;
  margin:0 0 16px!important;
  color:#10233f!important;
  font-size:clamp(1.65rem,2.45vw,2.2rem)!important;
  line-height:1.14!important;
  letter-spacing:-.032em!important;
  font-weight:800!important;
  text-wrap:balance!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-content :is(p,li){
  color:#405269!important;
  font-size:clamp(1rem,1.05vw,1.08rem)!important;
  line-height:1.68!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-content .yitm-proof-section > :is(p,ul,dl,blockquote){
  max-width:74ch!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-content ul{
  padding-left:1.3rem;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-content li + li{
  margin-top:.5rem;
}

/* Quick answer */
body[data-yitm-ai-proof-series] .yitm-proof-series-content > .yitm-ai-answer{
  background:linear-gradient(135deg,#eef9ff 0%,#fff 72%)!important;
  border-color:#c7e6f7!important;
  box-shadow:0 14px 38px rgba(0,168,255,.07)!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-content > .yitm-ai-answer h2{
  color:#0b2d52!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-content > .yitm-ai-answer p{
  max-width:76ch!important;
  margin:0!important;
  color:#314760!important;
  font-weight:650!important;
}

/* Ordered workflow rows. A broad legacy rule previously reset list item
 * padding to 4px, which put the numbered disc over the first letters. */
body[data-yitm-ai-proof-series] .yitm-proof-series-content .yitm-proof-section > ol{
  box-sizing:border-box;
  width:100%!important;
  max-width:none!important;
  margin:18px 0 0!important;
  padding:0!important;
  list-style:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  counter-reset:proof-step;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-content .yitm-proof-section > ol > li{
  box-sizing:border-box;
  counter-increment:proof-step;
  position:relative;
  width:100%!important;
  max-width:none!important;
  min-height:58px;
  margin:0!important;
  padding:15px 18px 15px 62px!important;
  border:1px solid #d6e1ed!important;
  border-radius:16px!important;
  background:#f7faff!important;
  color:#344a62!important;
  line-height:1.55!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-content .yitm-proof-section > ol > li::before{
  content:counter(proof-step);
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0f64ee;
  color:#fff;
  font-size:.82rem;
  line-height:1;
  font-weight:900;
  box-shadow:0 4px 12px rgba(15,100,238,.18);
}

/* Human-review state */
body[data-yitm-ai-proof-series] .yitm-proof-review{
  border-color:#c9e5d4!important;
  background:#f2faf5!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-review :is(p,span,strong,a){
  color:#123f2c!important;
  -webkit-text-fill-color:#123f2c!important;
}

/* FAQ */
body[data-yitm-ai-proof-series] .leadroom-faq{
  width:100%!important;
  max-width:none!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-faq-item{
  width:100%!important;
  max-width:none!important;
  margin-top:10px;
  border:1px solid #dbe4ee!important;
  border-radius:16px!important;
  background:#f8fbff!important;
  overflow:hidden;
}
body[data-yitm-ai-proof-series] .yitm-proof-faq-item summary{
  box-sizing:border-box;
  width:100%!important;
  min-height:48px;
  display:flex!important;
  align-items:center!important;
  padding:14px 17px!important;
  color:#071426!important;
  -webkit-text-fill-color:#071426!important;
  font-size:1rem!important;
  line-height:1.45!important;
  font-weight:800!important;
  text-align:left!important;
  cursor:pointer;
}
body[data-yitm-ai-proof-series] .yitm-proof-faq-item p{
  max-width:76ch!important;
  padding:0 17px 17px!important;
  margin:0!important;
}

/* CTA */
body[data-yitm-ai-proof-series] .yitm-proof-cta{
  padding:clamp(25px,3vw,34px)!important;
  background:linear-gradient(135deg,#071426 0%,#0b2d52 72%,#0d4261 100%)!important;
  border-color:rgba(49,215,255,.26)!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-cta :is(h2,p,strong){
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-cta p{
  max-width:68ch!important;
  color:#e8f2fb!important;
  -webkit-text-fill-color:#e8f2fb!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-cta .yitm-btn-primary{
  background:#0f64ee!important;
  border-color:#0f64ee!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body[data-yitm-ai-proof-series] .yitm-proof-series-content a:not(.yitm-btn){
  color:#0f64ee;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

body[data-yitm-ai-proof-series] .yitm-related-pathway{
  max-width:var(--proof-content-max);
  margin:0 auto 32px;
  border-color:#dbe4ee;
  background:#fff;
  box-shadow:var(--proof-card-shadow);
}
body[data-yitm-ai-proof-series] :is(a,button,summary):focus-visible{
  outline:3px solid #ffb020!important;
  outline-offset:3px!important;
}

/* Stack sooner than the old 900px breakpoint so the image never squeezes the
 * copy on compact laptops/tablets. */
@media(max-width:980px){
  body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-hero-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-title{
    max-width:22ch!important;
    font-size:clamp(2.2rem,6.2vw,3rem)!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-proof-hero-media{
    width:100%!important;
    max-width:760px!important;
    margin-inline:0!important;
    justify-self:start!important;
  }
}

@media(max-width:620px){
  body[data-yitm-ai-proof-series] .yitm-proof-series-article{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-hero{
    padding:18px!important;
    border-radius:22px!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-hero-grid{
    gap:18px!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-title{
    max-width:none!important;
    margin:12px 0 13px!important;
    font-size:clamp(2rem,8.8vw,2.55rem)!important;
    line-height:1.04!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-subtitle{
    font-size:1rem!important;
    line-height:1.58!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-chip-row{
    margin-top:15px!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-chip{
    white-space:normal!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-proof-hero-media img{
    border-radius:16px!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-hero .yitm-proof-hero-figure figcaption{
    margin:8px 2px 0!important;
    font-size:.78rem!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-content{
    margin-top:18px;
    gap:14px;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-content > .yitm-card{
    padding:21px 18px!important;
    border-radius:19px!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-content .yitm-proof-section > h2,
  body[data-yitm-ai-proof-series] .yitm-proof-series-content > .yitm-card > h2,
  body[data-yitm-ai-proof-series] .yitm-proof-series-content section > h2{
    font-size:clamp(1.5rem,7vw,1.9rem)!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-content .yitm-proof-section > ol > li{
    min-height:54px;
    padding:13px 14px 13px 54px!important;
    border-radius:14px!important;
  }
  body[data-yitm-ai-proof-series] .yitm-proof-series-content .yitm-proof-section > ol > li::before{
    left:14px;
    width:28px;
    height:28px;
  }
}

@media(prefers-reduced-motion:reduce){
  body[data-yitm-ai-proof-series] *{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
  }
}