.renewal-page{padding:2rem 1rem}@media screen and (width>=45em){.renewal-page{padding:2rem 1.5rem}}@media screen and (width>=62em){.renewal-page{padding:2rem}}.renewal-page .renewal-layout{grid-template-columns:1fr;gap:2rem;display:grid}@media screen and (width>=62em){.renewal-page .renewal-layout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,21rem) minmax(0,1fr);gap:1.5rem 2.5rem}.renewal-page .renewal-layout .renewal-hero{grid-area:1/1}.renewal-page .renewal-layout .help-note{grid-area:2/1;align-self:start}.renewal-page .renewal-layout .renewal-steps{grid-area:1/2/span 2}}.renewal-page .renewal-hero{flex-flow:column;align-items:flex-start;gap:.625rem;display:flex}.renewal-page .renewal-hero>h1{color:var(--color-text-primary);margin:0}.renewal-page .renewal-hero .lead{max-width:60ch;color:var(--color-text-secondary);margin:0;font-size:1.125rem;line-height:1.5}.renewal-page .renewal-hero .btn-primary{margin-top:.25rem}.renewal-page .help-note{border-top:1px solid var(--color-border-secondary);flex-flow:column;align-items:flex-start;gap:.25rem;padding-top:1.5rem;display:flex}.renewal-page .help-note>h2{color:var(--color-text-primary);margin:0;font-size:1.0625rem;font-weight:600}.renewal-page .help-note>p{color:var(--color-text-secondary);margin:0;line-height:1.5}.renewal-page .help-note>a{font-weight:600}.renewal-page .renewal-steps{flex-flow:column;gap:1rem;min-width:0;display:flex}.renewal-page .renewal-steps>h2{color:var(--color-text-primary);margin:0}.stepper{flex-flow:column;gap:1rem;display:flex}.stepper .stepper-controls{flex-flow:row;justify-content:space-between;align-items:center;gap:1rem;display:flex}.stepper .stepper-dots{flex-flow:wrap;align-items:center;gap:.625rem;display:flex}.stepper .stepper-dot{border:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.9375rem;font-weight:600;transition:background-color .3s,border-color .3s,color .3s;display:inline-flex}.stepper .stepper-dot:hover,.stepper .stepper-dot:focus-visible{border-color:var(--color-border-accent);color:var(--color-text-accent)}.stepper .stepper-dot.active{border-color:var(--color-border-accent);background-color:var(--color-accent);color:#fff}.stepper .stepper-arrows{flex-flow:row;flex:none;gap:.625rem;display:flex}.stepper .stepper-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-ms-overflow-style:none;scrollbar-width:none;flex-flow:row;align-items:stretch;gap:1rem;display:flex;position:relative;overflow:scroll hidden}.stepper .stepper-track::-webkit-scrollbar{display:none}.stepper .stepper-track:focus-visible{outline:2px solid var(--color-border-accent);outline-offset:.125rem;border-radius:.625rem}.stepper .stepper-slide{scroll-snap-align:start;background-color:var(--color-bg-primary);border-radius:.625rem;flex-flow:column;flex:0 0 86%;gap:.625rem;padding:1.5rem;display:flex}@media screen and (width>=45em){.stepper .stepper-slide{flex:0 0 100%}}.stepper .stepper-slide-header{flex-flow:row;align-items:center;gap:.625rem;display:flex}.stepper .stepper-slide-header>h3{color:var(--color-text-primary);margin:0}.stepper .stepper-index{background-color:var(--color-accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.0625rem;font-weight:700;display:inline-flex}.stepper .stepper-text{max-width:60ch;color:var(--color-text-secondary);margin:0;line-height:1.5}.stepper .stepper-shot{--image-fallback-ratio:16 / 10;aspect-ratio:1.6;background-color:var(--color-bg-secondary);border-radius:.625rem;width:100%;margin-top:auto;position:relative;overflow:hidden}.stepper .stepper-shot img{object-fit:contain;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.stepper .stepper-shot{box-shadow:0 1px 3px rgba(var(--color-rgb-fg-primary), .18)}.stepper .stepper-shot .image-fallback{position:absolute;inset:0}.stepper .stepper-progress{color:var(--color-text-tertiary);margin:0;font-size:.875rem}@media (prefers-reduced-motion:reduce){.stepper .stepper-track{scroll-behavior:auto}}
