/* Isolated 145 editorial component. No global selectors or automatic motion. */
.ms-story {
  background:#28212e;
  color:#fff;
  font-family:inherit;
  padding:64px 24px 28px;
  scroll-margin-top:88px;
}
.ms-story * { box-sizing:border-box; }
.ms-story [hidden] { display:none !important; }
.ms-story .ms-inner { width:100%; max-width:1196px; margin:0 auto; }
.ms-story .ms-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:36px; }
.ms-story .ms-heading>div { min-width:0; }
.ms-story .ms-eyebrow { margin:0 0 14px; color:#f7b6a6; font-size:11px; font-weight:750; letter-spacing:1.3px; line-height:1.5; }
.ms-story h2 { max-width:660px; margin:0; color:#fff; font-size:clamp(31px,3.4vw,46px); font-weight:600; letter-spacing:-1.7px; line-height:1.15; text-wrap:balance; }
.ms-story h2>span { color:#ff9b81; }
.ms-story .ms-intro { flex:0 1 300px; }
.ms-story .ms-intro>p { margin:0 0 12px; color:#e1dbe5; font-size:15px; line-height:1.65; }
.ms-story .ms-example { display:inline-flex; align-items:center; gap:8px; color:#e1dbe5; font-size:12px; line-height:1.5; }
.ms-story .ms-example>span { width:6px; height:6px; border-radius:50%; background:#ff9b81; }

/* One connected question rail; only the selected answer is displayed with JS. */
.ms-story .ms-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:20px; }
.ms-story .ms-tab { position:relative; display:flex; align-items:center; gap:12px; min-height:58px; min-width:0; padding:0 0 13px; border:0; border-bottom:2px solid #625569; border-radius:0; background:transparent; color:#ded7e3; text-align:left; font:inherit; font-size:14px; font-weight:650; line-height:1.45; cursor:pointer; }
.ms-story .ms-tab::after { content:""; position:absolute; right:-24px; bottom:-2px; width:24px; height:2px; background:#625569; }
.ms-story .ms-tab:last-child::after { display:none; }
.ms-story .ms-step { display:grid; flex:0 0 34px; width:34px; height:34px; place-items:center; border:1px solid #82728a; border-radius:50%; background:#28212e; color:#ded7e3; font-size:12px; font-weight:650; }
.ms-story .ms-tab[aria-selected="true"] { border-bottom-color:#ff9b81; color:#fff; }
.ms-story .ms-tab[aria-selected="true"] .ms-step { border-color:#f36d50; background:#f36d50; color:#28212e; }
.ms-story .ms-tab:hover { color:#fff; border-bottom-color:#ffbdac; }
.ms-story .ms-tab:focus-visible { outline:3px solid #ffc5b3; outline-offset:5px; border-radius:3px; }

/* A single slim editorial sheet: person, evidence, next decision. */
.ms-story .ms-stage { position:relative; }
.ms-story .ms-panel { display:grid; grid-template-columns:minmax(170px,.78fr) minmax(0,1.8fr) minmax(150px,.7fr); align-items:center; gap:30px; min-height:236px; padding:28px 30px; border:1px solid #e6dfe9; border-radius:16px; background:#fff; color:#28212e; }
.ms-story .ms-panel+.ms-panel { margin-top:16px; }
.ms-story.ms-enhanced .ms-panel { margin:0; }
.ms-story .ms-person { display:flex; align-items:flex-start; flex-direction:column; min-width:0; gap:12px; }
.ms-story .ms-avatar { display:grid; width:42px; height:42px; place-items:center; border:1px solid #f0c7b8; border-radius:50%; background:#fff0ea; color:#854333; font-size:14px; font-weight:750; }
.ms-story .ms-avatar-owner { border-color:#cce3d8; background:#e9f5ef; color:#175c46; }
.ms-story .ms-person strong { display:block; margin-top:3px; font-size:17px; line-height:1.4; font-weight:750; }
.ms-story .ms-label { color:#65596c; font-size:11px; font-weight:650; letter-spacing:.3px; line-height:1.5; }
.ms-story .ms-status { display:inline-flex; align-items:center; gap:6px; max-width:100%; color:#175c46; font-size:12px; font-weight:650; line-height:1.5; }
.ms-story .ms-status>span { flex:0 0 5px; width:5px; height:5px; border-radius:50%; background:#175c46; }
.ms-story .ms-status-coral { color:#a63c29; }
.ms-story svg { display:block; flex:0 0 16px; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.ms-story .ms-answer { min-width:0; }
.ms-story .ms-question { margin:0 0 8px; color:#a63c29; font-size:11px; font-weight:750; line-height:1.5; }
.ms-story h3 { margin:0 0 10px; color:#28212e; font-size:23px; font-weight:650; letter-spacing:-.65px; line-height:1.25; text-wrap:balance; }
.ms-story .ms-answer>p:not(.ms-question):not(.ms-detail) { max-width:460px; margin:0; color:#5f5867; font-size:15px; line-height:1.6; }
.ms-story .ms-answer strong { color:#403449; font-weight:750; }
.ms-story .ms-detail { display:flex; align-items:center; gap:7px; margin:14px 0 0; color:#5f5867; font-size:13px; line-height:1.5; }
.ms-story .ms-detail svg { color:#a63c29; }
.ms-story .ms-detail-text { color:#175c46; }
.ms-story blockquote { margin:0; max-width:460px; color:#403449; font-size:17px; line-height:1.6; }
.ms-story mark { background:#ffe4db; color:#713523; padding:1px 2px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.ms-story .ms-next { align-self:stretch; display:flex; flex-direction:column; justify-content:center; min-width:0; padding-left:24px; border-left:1px solid #e7e0ea; }
.ms-story .ms-next>p { margin:7px 0 16px; color:#403449; font-size:14px; font-weight:650; line-height:1.6; }
.ms-story .ms-next-icon { color:#a63c29; }
.ms-story .ms-next-icon svg { width:24px; height:24px; }
.ms-story .ms-footnote { margin:16px 0 0; color:#d5cddc; font-size:12px; line-height:1.65; }
.ms-story .ms-panel:focus-visible { outline:3px solid #ffc5b3; outline-offset:5px; }

/* Brief selection feedback, never autoplay and never a dependency for reading. */
@keyframes ms-answer-enter { from { opacity:.45; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:no-preference) {
  .ms-story .ms-panel.ms-entering { animation:ms-answer-enter 180ms ease-out both; }
}
@media (max-width:1000px) {
  .ms-story .ms-heading { gap:24px; }
  .ms-story .ms-intro { flex-basis:260px; }
  .ms-story .ms-panel { grid-template-columns:170px minmax(0,1fr); gap:20px 26px; min-height:270px; }
  .ms-story .ms-person { grid-row:1 / 3; }
  .ms-story .ms-next { grid-column:2; align-items:center; flex-direction:row; justify-content:flex-start; gap:12px; padding:14px 0 0; border-left:0; border-top:1px solid #e7e0ea; }
  .ms-story .ms-next>p { flex:1; margin:0; }
}
@media (max-width:700px) {
  .ms-story { padding:42px 20px 24px; }
  .ms-story .ms-heading { display:block; margin-bottom:24px; }
  .ms-story h2 { max-width:420px; font-size:34px; letter-spacing:-1.25px; }
  .ms-story .ms-intro { margin-top:16px; }
  .ms-story .ms-intro>p { max-width:460px; margin-bottom:9px; font-size:15px; }
  .ms-story .ms-tabs { gap:12px; margin-bottom:18px; }
  .ms-story .ms-tab { align-items:flex-start; flex-direction:column; gap:9px; min-height:105px; padding-bottom:12px; font-size:12px; line-height:1.45; }
  .ms-story .ms-tab::after { right:-12px; width:12px; }
  .ms-story .ms-step { flex-basis:30px; width:30px; height:30px; font-size:11px; }
  .ms-story .ms-panel { display:flex; align-items:stretch; flex-direction:column; gap:20px; min-height:0; padding:20px; border-radius:13px; }
  .ms-story .ms-person { display:grid; grid-template-columns:36px minmax(0,1fr); gap:5px 10px; align-items:center; }
  .ms-story .ms-avatar { grid-row:1 / 3; width:36px; height:36px; font-size:12px; }
  .ms-story .ms-person>div { display:flex; align-items:baseline; flex-wrap:wrap; gap:3px 8px; }
  .ms-story .ms-person strong { margin:0; font-size:15px; }
  .ms-story .ms-status { grid-column:2; font-size:11px; }
  .ms-story .ms-person .ms-label { font-size:11px; }
  .ms-story h3 { max-width:420px; font-size:22px; letter-spacing:-.5px; }
  .ms-story .ms-question { font-size:11px; }
  .ms-story .ms-answer>p:not(.ms-question):not(.ms-detail) { font-size:15px; }
  .ms-story blockquote { font-size:16px; }
  .ms-story .ms-detail { margin-top:11px; font-size:12px; }
  .ms-story .ms-next { display:grid; grid-template-columns:minmax(0,1fr) 24px; gap:5px 10px; padding-top:14px; }
  .ms-story .ms-next .ms-label { grid-column:1; }
  .ms-story .ms-next>p { grid-column:1; font-size:13px; }
  .ms-story .ms-next-icon { grid-column:2; grid-row:1 / 3; }
  .ms-story .ms-footnote { font-size:11px; }
}
@media (max-width:360px) {
  .ms-story { padding-left:16px; padding-right:16px; }
  .ms-story h2 { font-size:31px; }
  .ms-story .ms-tabs { gap:10px; }
  .ms-story .ms-tab { font-size:11px; }
  .ms-story .ms-tab::after { right:-10px; width:10px; }
  .ms-story .ms-panel { padding:18px; }
}
@media (prefers-reduced-motion:reduce) {
  .ms-story .ms-panel { animation:none !important; transform:none !important; }
}
@media (forced-colors:active) {
  .ms-story .ms-tab[aria-selected="true"] { border-bottom:3px solid Highlight; }
  .ms-story .ms-tab[aria-selected="true"] .ms-step { outline:2px solid Highlight; }
  .ms-story .ms-panel { border:1px solid CanvasText; }
}