/* Document Change Impact R1 — scoped, accessible website additions */
.dci-feature {margin:1.6rem auto;padding:clamp(1.25rem,3vw,2rem);border:1px solid #92b5ce70;border-radius:1.05rem;background:linear-gradient(130deg,rgba(42,111,143,.075),rgba(17,94,89,.06));color:inherit}
.dci-feature h3 {margin:.25rem 0 .6rem;font-size:clamp(1.2rem,2.3vw,1.75rem);line-height:1.25}
.dci-feature p {max-width:72ch;line-height:1.65}
.dci-kicker {font-size:.76rem;letter-spacing:.10em;text-transform:uppercase;font-weight:800;color:#276b77}
.dci-flow {list-style:none;padding:0;margin:1rem 0 1.1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.dci-flow li {border:1px solid #8497aa60;border-radius:.72rem;padding:.75rem;min-width:0;background:rgba(255,255,255,.10);line-height:1.4}
.dci-flow li strong {display:block;margin-bottom:.35rem}
.dci-flow li small {font-size:.84rem;opacity:.88}
.dci-actions {display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.dci-actions a {display:inline-block;padding:.7rem .9rem;border:1px solid currentColor;border-radius:.5rem;text-decoration:none;font-weight:700}
.dci-actions a:hover,.dci-actions a:focus-visible {text-decoration:underline;outline-offset:3px}
.dci-note {font-size:.88rem;line-height:1.6;opacity:.87;margin:.7rem 0 0}
.dci-callout {padding:1rem 1.1rem;border-left:4px solid #417b86;background:rgba(65,123,134,.075);margin:1.25rem 0}
.dci-page .article-body h2 {margin-top:1.8rem}
.dci-steps {list-style:decimal;margin:1.2rem 0;padding-left:1.5rem}
.dci-steps li {padding:.35rem .3rem;line-height:1.6}
@media(max-width:750px){.dci-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.dci-flow{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dci-feature *{scroll-behavior:auto}}