/* "How a refresh usually runs" (Refresh steps v002), owner-approved and locked 2026-10-28 (Codex family-c/refresh-steps-v002, APPROVED-LOCK.json).
   Site placement of the locked style.css: every rule scoped to .dio-refresh-steps with rs- classes, values unchanged; the page shell, body
   rules and font-face dropped (Nunito Sans comes from the site's fonts.css). The 600 px and 350 px breakpoints follow the component's own width
   (container queries). The header mask is the site's own assets/arch-tile.svg (sha256 cd8e28f9...), referenced relative to this file, with the
   chart-card fade, tile size and gradient of answer-charts.css. A few guards keep the answer body's own p/li/h4 rules out. */
.dio-refresh-steps{--font:'Avenir Next',Avenir,Nunito Sans,system-ui,sans-serif;--ink:#203846;--steel:#4c7288;--mineral:#f5f7f7;color:var(--ink);font-family:var(--font);font-synthesis:none;background:#fff;container-type:inline-size;font-size:16px;line-height:normal}
.dio-refresh-steps *{box-sizing:border-box}
.dio-refresh-steps .rs-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:16px}.dio-refresh-steps .rs-controls[hidden]{display:none}
.dio-refresh-steps button{font:500 14px/1.2 var(--font);color:var(--ink);background:#fff;border:1px solid #a9b8bf;border-radius:2px;min-height:48px;min-width:86px;padding:10px 16px;cursor:pointer;box-shadow:none}
.dio-refresh-steps button:hover{background:#f1f5f6;border-color:var(--ink)}.dio-refresh-steps button:focus-visible{outline:3px solid var(--steel);outline-offset:3px}
.dio-refresh-steps button[aria-pressed=true]{background:#e6edf0;border-color:var(--steel)}.dio-refresh-steps button:disabled{opacity:.55;cursor:default}
.dio-refresh-steps figure{margin:0;padding:0;background:none}
.dio-refresh-steps .rs-refresh{background:var(--mineral)}
.dio-refresh-steps .rs-header{position:relative;isolation:isolate;overflow:hidden;padding:22px 28px 20px;background:#e8eff3;border-bottom:1px solid #cad5da}
.dio-refresh-steps .rs-header-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:url(../../arch-tile.svg),linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.10) 40%,rgba(0,0,0,.45) 72%,#000);mask-image:url(../../arch-tile.svg),linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.10) 40%,rgba(0,0,0,.45) 72%,#000);-webkit-mask-size:179.4px 179.4px,100% 100%;mask-size:179.4px 179.4px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}
.dio-refresh-steps .rs-header-art>i{position:absolute;inset:0;background:linear-gradient(115deg,rgba(76,114,136,.20) 0%,rgba(76,114,136,.20) 30%,rgba(76,114,136,.34) 40%,rgba(237,135,60,.55) 47%,rgba(76,114,136,.30) 54%,rgba(76,114,136,.20) 64%,rgba(76,114,136,.20) 100%);background-size:300% 100%;background-position:0 0}
.dio-refresh-steps .rs-title{position:relative;font-family:var(--font);color:var(--ink);font-size:24px;line-height:1.25;letter-spacing:-.02em;font-weight:600;margin:0}
.dio-refresh-steps .rs-phone-break{display:none}
.dio-refresh-steps .rs-steps{list-style:none;margin:0;padding:28px 28px 30px}
.dio-refresh-steps .rs-step{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:16px;padding-bottom:26px;margin:0}
.dio-refresh-steps .rs-step::marker{content:none}
.dio-refresh-steps .rs-step:not(:last-child)::after{position:absolute;content:"";left:15px;top:34px;bottom:0;width:2px;background:#d1dee4}
.dio-refresh-steps .rs-step:last-child{padding-bottom:0}
.dio-refresh-steps .rs-step-number{position:relative;z-index:1;width:32px;height:32px;display:grid;place-items:center;background:var(--steel);color:#fff;font-size:17px;font-weight:600;border-radius:50%}
.dio-refresh-steps .rs-conditional .rs-step-number{background:var(--mineral);color:var(--ink);border:2px dashed var(--steel)}
.dio-refresh-steps .rs-final-step .rs-step-number{background:#ed873c;color:var(--ink);border:1px solid var(--ink)}
.dio-refresh-steps h4{font-family:var(--font);color:var(--ink);font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.012em;margin:2px 0 6px;text-transform:none}
.dio-refresh-steps p{font-size:16px;line-height:1.5;font-weight:400;margin:0;color:inherit}
.dio-refresh-steps .rs-warranty{background:#fff;border-top:1px solid #ccd9df;padding:25px 28px 27px}
.dio-refresh-steps .rs-warranty-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.dio-refresh-steps .rs-warranty-heading h4{margin:0}
.dio-refresh-steps .rs-optional{font-size:13px;font-weight:500;color:var(--steel)}
.dio-refresh-steps .rs-warranty-intro{margin-top:10px}
.dio-refresh-steps .rs-warranty-prices{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:19px 0;margin:17px 0 16px;border-top:1px solid #e1e7ea;border-bottom:1px solid #e1e7ea}
.dio-refresh-steps .rs-warranty-prices>div+div{padding-left:24px;border-left:1px solid #d5dfe4}
.dio-refresh-steps dt{font-size:14px;font-weight:500;margin-bottom:4px}
.dio-refresh-steps dd{margin:0;font-size:14px;color:#506875}
.dio-refresh-steps dd strong{font-size:25px;line-height:1.25;font-weight:600;color:var(--ink);letter-spacing:-.02em}
.dio-refresh-steps .rs-enrollment{font-size:15px;line-height:1.5}
.dio-refresh-steps .rs-billing{font-size:13px;line-height:1.5;color:#506875;margin-top:12px}
.dio-refresh-steps figure figcaption{font-size:12px;line-height:1.5;color:#536b79;text-align:center;padding:16px 10px 0;margin:0;background:none}
.dio-refresh-steps .rs-sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
@container (max-width:600px){.dio-refresh-steps .rs-controls{gap:8px;margin-bottom:14px}.dio-refresh-steps .rs-title{font-size:23px}.dio-refresh-steps .rs-phone-break{display:initial}.dio-refresh-steps .rs-steps{padding:25px 20px 27px}.dio-refresh-steps .rs-step{column-gap:14px;padding-bottom:25px}.dio-refresh-steps h4{font-size:19px}.dio-refresh-steps p{font-size:16px}.dio-refresh-steps .rs-warranty{padding:23px 20px 25px}.dio-refresh-steps .rs-warranty-prices{gap:14px}.dio-refresh-steps .rs-warranty-prices>div+div{padding-left:14px}.dio-refresh-steps .rs-enrollment{font-size:14px}}
@container (max-width:350px){.dio-refresh-steps .rs-warranty-heading{align-items:flex-start;gap:10px}.dio-refresh-steps .rs-warranty-heading h4{max-width:150px}.dio-refresh-steps .rs-warranty-prices{grid-template-columns:1fr;gap:14px}.dio-refresh-steps .rs-warranty-prices>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.dio-refresh-steps .rs-warranty-prices>div+div{padding-left:0;border:0}.dio-refresh-steps dt{margin:0}.dio-refresh-steps dd strong{font-size:23px}.dio-refresh-steps .rs-steps{padding-inline:17px}.dio-refresh-steps .rs-step{column-gap:12px}.dio-refresh-steps .rs-step-copy h4{font-size:18px}}
@media print{.dio-refresh-steps .rs-controls{display:none!important}.dio-refresh-steps .rs-step,.dio-refresh-steps .rs-warranty{opacity:1!important;transform:none!important}}
/* 2026-11-11 audit, animation controls: one look and one place on every animation. The row is a right-aligned row above the figure, 12px above it; each control has the
   finish of the site's animation toggle (answer-anim.css .ans-anim-toggle): 44px tall, 2px steel border, white ground, 6px corners, ink focus ring,
   mist fill when "Still view" is on. Looks and placement only: no markup, wording, timing or logic changes. The doubled root class outranks the
   widget's older control rules above, which stay as they were. */
.dio-refresh-steps.dio-refresh-steps .rs-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;width:auto;min-height:0;margin:0 0 12px;padding:0;border:0}
.dio-refresh-steps.dio-refresh-steps .rs-controls[hidden]{display:none}
.dio-refresh-steps.dio-refresh-steps .rs-controls button{font:500 14px/1.2 'Avenir Next',Avenir,'Nunito Sans',system-ui,sans-serif;min-height:44px;min-width:82px;margin:0;padding:10px 16px;background:#fff;color:#203846;border:2px solid #4c7288;border-radius:6px;box-shadow:none;text-shadow:none;text-transform:none;letter-spacing:normal;text-decoration:none;clip-path:none;cursor:pointer}
.dio-refresh-steps.dio-refresh-steps .rs-controls button:hover{background:#f1f5f6;border-color:#4c7288;color:#203846;text-shadow:none;text-decoration:none}
.dio-refresh-steps.dio-refresh-steps .rs-controls button:focus-visible{outline:3px solid #203846;outline-offset:2px}
.dio-refresh-steps.dio-refresh-steps .rs-controls button[aria-pressed=true]{background:#e6edf0;border-color:#4c7288}
.dio-refresh-steps.dio-refresh-steps .rs-controls button:disabled{opacity:.55;color:#203846;cursor:default}
@media print{.dio-refresh-steps.dio-refresh-steps .rs-controls{display:none!important}}
/* end animation controls */