/* SCS detail. The reading column is shared with the service stories. */
.scs-story-body{--scs-accent:var(--accent);--scs-rule:var(--line);color:var(--ink);background:var(--paper);overflow-wrap:anywhere}
.scs-story-body.scs-chapter{padding:clamp(42px,9vw,62px) clamp(18px,5vw,34px);scroll-margin-top:76px;border-top:1px solid var(--scs-rule)}
.scs-story-body .scs-inner{max-width:45rem;margin-inline:auto}
.scs-story-body :is(h2,h3,p,ul,ol,dl){margin:0}
.scs-story-body h2{font:700 clamp(1.4rem,5.7vw,1.85rem)/1.45 var(--display-font);letter-spacing:-.02em;text-wrap:pretty}
.scs-story-body h2 em{font-style:normal;color:var(--scs-accent)}
.scs-story-body h3{font-size:1.08rem;line-height:1.55}
.scs-story-body p,.scs-story-body li,.scs-story-body dd{font-size:.94rem;line-height:1.85}
.scs-story-body p{margin-block:.7rem}
.scs-story-body .eyebrow,.scs-story-body :is(.scsr-strip-grid,.scsr-m365,.scsr-proof)>article>span,.scs-story-body :is(.num,.scsr-plan small,.scs-record small){font:700 .68rem/1.6 ui-monospace,monospace;letter-spacing:.085em;color:var(--scs-accent)}
.scs-story-body .eyebrow{margin:0 0 .65rem}
.scs-story-body :is(.scsr-strip-grid,.scsr-fit,.scsr-four,.scsr-flow,.scsr-m365,.scsr-plans,.scsr-proof,.scsr-faq-list){padding:0;margin:1.35rem 0 0;display:grid;gap:0;list-style:none}
.scs-story-body :is(.scsr-strip-grid,.scsr-four,.scsr-m365,.scsr-proof){gap:.75rem}
.scs-story-body :is(.scsr-strip-grid,.scsr-four,.scsr-m365,.scsr-proof)>article{padding:1rem;border:1px solid var(--scs-rule);border-radius:12px;background:var(--paper)}
.scs-story-body :is(.scsr-fit,.scsr-flow)>li{padding:1rem 0}
.scs-story-body :is(.scsr-fit,.scsr-flow)>li+li{border-top:1px solid var(--scs-rule)}
.scs-story-body .scsr-strip-grid strong,.scs-story-body .scs-record header>*{display:block}
.scs-story-body .scsr-fit>li{display:grid;grid-template-columns:1.25rem 1fr;column-gap:.6rem;align-items:start}
.scs-story-body .scsr-fit>li>span:last-child{grid-column:2}
.scs-story-body .az-icon{display:inline-flex;width:1.15rem;height:1.15rem;flex:none;color:var(--scs-accent)}
.scs-story-body .az-icon svg{width:100%;height:100%}
.scs-story-body .scsr-fit .az-icon{margin-top:.27rem}
.scs-story-body .az-step-heading,.scs-story-body :is(.scsr-flow,.scsr-m365) h3{display:flex;align-items:center;gap:.55rem}
.scs-story-body .az-step-heading>.az-icon{width:1.75rem;height:1.75rem}
.scs-story-body .scsr-flow>li{display:grid;grid-template-columns:2rem 1fr;align-items:start}
.scs-story-body .scsr-flow>li>span{padding-top:.15rem;color:var(--scs-accent);font:700 .86rem/1.6 ui-monospace,monospace}
.scs-story-body .scsr-flow>li>p{grid-column:2}
.scs-story-body :is(.scsr-four,.scsr-strip-grid,.scsr-proof,.scsr-flow) p{margin:.35rem 0}
.scs-story-body :is(.scsr-m365,.scsr-plan) ul{padding-left:1.4em;margin-top:.5rem;list-style:disc}
.scs-story-body .scsr-plans{gap:.9rem}
.scs-story-body :is(.scsr-plan,.scs-record,.scsr-status){background:var(--paper);border:1px solid var(--scs-rule);border-radius:12px;padding:1.1rem}
.scs-story-body .scsr-price{display:flex;flex-wrap:wrap;gap:.4em;align-items:baseline;color:var(--scs-accent)}
.scs-story-body .scsr-price strong{font-size:2.4rem;line-height:1;font-variant-numeric:tabular-nums}
.scs-story-body a{color:var(--scs-accent);text-underline-offset:.2em}
.scs-story-body :is(.scsr-plan,.scsr-related)>a,.scs-story-body .scsr-official a{display:inline-flex;align-items:center;min-height:44px;margin-top:.4rem;font-weight:700;text-decoration:underline}
.scs-story-body .scsr-status-head{display:grid;grid-template-columns:1.5rem 1fr;align-items:center;column-gap:.4rem}
.scs-story-body .scsr-status-head>.az-icon{grid-row:span 2}
.scs-story-body .scsr-status-head>span:nth-child(2){font:700 .65rem/1.6 ui-monospace,monospace;letter-spacing:.06em;color:var(--scs-accent)}
.scs-story-body :is(.scs-record,.scsr-status) dl>div{display:grid;grid-template-columns:minmax(5.7em,32%) 1fr;gap:.45rem;padding:.6rem 0;border-bottom:1px solid var(--scs-rule);align-items:baseline}
.scs-story-body dt{font-weight:700;font-size:.85rem;color:var(--scs-accent)}
.scs-story-body dd{margin:0}
.scs-story-body :is(.scs-example-note,.scsr-status-foot,.scsr-price-note){font-size:.81rem}
.scs-story-body .scs-record{margin:1.2rem 0;overflow:hidden}
.scs-story-body .scs-record header{position:static;background:var(--accent);color:white;margin:-1.1rem -1.1rem .4rem;padding:.8rem 1.1rem}
.scs-story-body .scs-record header small{color:inherit}
.scs-story-body .scsr-official{display:flex;gap:.2rem 1rem;flex-wrap:wrap}
.scs-story-body .scsr-faq-list details{border-top:1px solid var(--scs-rule)}
.scs-story-body .scsr-faq-list summary{padding:.9rem 0;font-weight:700;cursor:pointer;line-height:1.65;color:var(--scs-accent)}
.scs-story-body .scsr-faq-list details>div{padding:0 0 .7rem}
.scs-story-body :is(summary,a):focus-visible{outline:2px solid var(--scs-accent);outline-offset:3px}

@media screen and (min-width: 760px) {
  .scs-story-body.scs-chapter { padding-inline: var(--story-inset); }
  .scs-story-body :is(.scsr-four, .scsr-m365, .scsr-proof) { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
}

@media screen and (min-width: 700px) {
  .scs-story-body :is(.scsr-two, .scsr-head, .scsr-faq) {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .scs-story-body .scsr-head { margin-bottom: 22px; }
}