/* You & AI: the case box takes the blue of the homepage tile (#1F4E5F on #EAF1F2), so the section reads as one from tile to case. Overrides the colors set inside each case's HTML card. */
.article-body .yai{--r:#1F4E5F;--paper:#EAF1F2;--cream:#DDE8EB;--line:#C9D9DE;--mut:#56676D}
.article-body .yai-letter{border-color:#A9C1C9}
.article-body .yai-opt.is-sel .yai-letter{border-color:var(--r)}
.article-body .yai-opt:hover .yai-letter{border-color:var(--r)}
.article-body .yai-why textarea{border-color:#B8CCD2}
.article-body .yai-why textarea:focus{border-color:var(--r)}

/* Case box kept simple (Oct 2026): no step list, no extra dek, no note under the button. Kicker, question, answers. */
.article-body .yai-steps,.article-body .yai .yai-dek,.article-body .yai .yai-gonote{display:none!important}
.article-body .yai-kicker{font-size:.84rem;margin-bottom:1rem}
.article-body .yai-q{font-size:1.45rem}

/* The Case: the opening story sits in a very light blue box with its own label (wrapped by js on You & AI posts); no drop cap on You & AI posts */
.article-body .yai-intro{background:#F3F7F8;padding:1.4rem 1.6rem .5rem;margin:0 0 1.8rem}
.article-body .yai-intro-label{font-family:'Libre Franklin',Arial,sans-serif;font-size:.84rem;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#1F4E5F;margin:0 0 .9rem;padding-bottom:.55rem;border-bottom:1px solid #C9D9DE}
.tag-you-and-ai .article-body p::first-letter,.tag-you-and-ai .article-body div::first-letter{font:inherit;float:none;padding:0;color:inherit;line-height:inherit}
@media (max-width:820px){.article-body .yai-intro{padding:1.1rem 1.1rem .3rem;margin:0 -4px 1.5rem}}