/* Page-only styles; typography follows DESIGN_GUIDELINES.md. */
.renewal{color:var(--text-ink)}
.renewal p{margin:0;line-height:var(--leading-body);color:var(--text-muted)}
.renewal-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;padding:3.5rem;border-radius:1.5rem;background:#edf3ff;overflow:hidden}
.renewal-label{display:inline-block;padding:.5rem .875rem;border:1px solid #bbcdef;border-radius:2rem;color:#234dc2;background:#fff;font-weight:600}
.renewal-hero h2{margin:1.5rem 0;letter-spacing:-.02em}
.renewal-hero-copy>p{margin-bottom:2rem}
.renewal-button{display:inline-flex;align-items:center;justify-content:center;gap:1.25rem;min-height:3rem;padding:.875rem 1.5rem;border-radius:.625rem;background:#2456df;color:#fff;font-weight:600;text-decoration:none;border:1px solid #2456df}
.renewal-button:hover{background:#1943b8;color:#fff}
.renewal-button-secondary{background:#fff;color:#2456df}
.renewal-button-secondary:hover{background:#edf3ff;color:#1943b8}
.renewal-art{position:relative;min-height:19rem;max-width:23rem;width:100%;justify-self:center}
.renewal-paper{position:absolute;width:11rem;height:14rem;border-radius:.5rem;box-shadow:0 1rem 2rem #21499d1c}
.renewal-paper-back{left:10%;top:1rem;background:#b5d5cd;transform:rotate(-14deg)}
.renewal-paper-front{left:28%;top:1.5rem;background:#fff;transform:rotate(9deg);padding:1.5rem;box-sizing:border-box}
.renewal-paper-mark{display:block;color:#2456df;font-weight:700;margin-bottom:1.75rem}
.renewal-paper i{display:block;width:100%;height:.375rem;border-radius:1rem;background:#dfe7f6;margin-bottom:.5rem}
.renewal-paper i:nth-of-type(2){width:70%}
.renewal-paper i:nth-of-type(3){width:85%}
.renewal-swatches{display:flex;gap:.5rem;margin-top:1.5rem}
.renewal-swatches b{width:1.75rem;height:1.75rem;border-radius:50%;background:#2456df}
.renewal-swatches b:nth-child(2){background:#b5d5cd}.renewal-swatches b:nth-child(3){background:#ffd98b}
.renewal-art-caption{position:absolute;right:0;bottom:0;color:#345379;text-align:right;font-weight:500}
.renewal-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dce4f0;border-radius:.875rem;margin:1.5rem 0 0;overflow:hidden}
.renewal-index a{display:flex;align-items:center;gap:.75rem;padding:1.25rem;color:#243b62;text-decoration:none;font-weight:600}
.renewal-index a+a{border-left:1px solid #dce4f0}.renewal-index a>span:first-child{color:#2456df}.renewal-index a>span:last-child{margin-left:auto}.renewal-index a:hover{background:#f3f6fc}
.renewal-section{padding-top:4rem;scroll-margin-top:7rem}
.renewal-section-heading{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem}
.renewal-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.5rem;min-height:3.5rem;border-radius:1rem;color:#2456df;background:#edf3ff;font-weight:700}
.renewal-kicker{display:block;color:#526079;font-weight:500;margin-bottom:.5rem}
.renewal-section h2{margin:0}.renewal-description{max-width:54rem}
.renewal-design-grid,.renewal-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.75rem}
.renewal-order-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.renewal-card{padding:2rem;border:1px solid #e0e7f1;border-radius:1rem;background:#fff}
.renewal-tag{color:#2456df;font-weight:500}.renewal-card h3{margin:.75rem 0 1rem}
.renewal-text-link{display:inline-flex;align-items:center;gap:1rem;min-height:3rem;margin-top:1rem;color:#2456df;font-weight:600;text-decoration:underline;text-underline-offset:.25rem}
.renewal-security{margin-top:4rem;padding:2.5rem;border-radius:1rem;background:#f0f7f5;border:1px solid #d7e8e1}
.renewal-security .renewal-number{background:#dceee6;color:#245b49}
.renewal-security-list{list-style:none;padding:0;margin:1.75rem 0 0;display:flex;flex-wrap:wrap;gap:1rem 2rem;color:#245b49;font-weight:500}
.renewal-security-list li::before{content:'✓';margin-right:.625rem}
.renewal-closing{text-align:center;padding:4rem 1.25rem 1rem}.renewal-closing h2{margin:1rem 0}.renewal-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.75rem}
@media(max-width:63.999rem){.renewal-hero{padding:2.5rem;grid-template-columns:1.5fr 1fr}.renewal-order-grid{grid-template-columns:1fr}.renewal-index a{padding:1rem}}
@media(max-width:47.999rem){.renewal-hero{grid-template-columns:1fr;padding:1.5rem;gap:1rem}.renewal-art{min-height:17rem;max-width:19rem}.renewal-index{grid-template-columns:1fr}.renewal-index a+a{border-left:0;border-top:1px solid #dce4f0}.renewal-design-grid{grid-template-columns:1fr;gap:1.25rem}.renewal-card{padding:1.25rem}.renewal-section{padding-top:3rem}.renewal-section-heading{gap:.875rem}.renewal-number{width:2.75rem;min-height:2.75rem;border-radius:.75rem}.renewal-security{padding:1.5rem;margin-top:3rem}.renewal-security-list{flex-direction:column}.renewal-closing{padding:3rem 0 0}.renewal-actions{flex-direction:column}}
@media(max-width:47.999rem){.pv-sms-footer .pv-shell-footer-grid{grid-template-columns:1fr}.pv-shell-footer-grid>div{grid-column:auto}}
/* Expandable, illustrated order instructions. Figures are examples, not form controls. */
.renewal-order-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.renewal-guides{display:grid;gap:1rem;margin-top:1.5rem}
.renewal-guide{border:1px solid #d7e2f3;border-radius:1rem;background:#fff;overflow:hidden}
.renewal-guides:has(.renewal-guide[open]){gap:2rem}
.renewal-guide[open]{border:2px solid #2456df;box-shadow:0 .75rem 2rem #234dc21a}
.renewal-guide[open]>summary{background:#1d3875;color:#fff;border-bottom:4px solid #8aacf8}
.renewal-guide[open]>summary:hover{background:#244586}
.renewal-guide[open]>summary .type-helper{color:#e0eaff}
.renewal-guide[open]>summary .renewal-guide-toggle{background:#fff;color:#1d3875;border-color:#fff}
.renewal-guide[open]>.renewal-guide-body{background:#edf3ff}
.renewal-guide[open] .renewal-guide-steps>li{background:#fff}
.renewal-guide[open] .renewal-real-steps>li{padding:1.5rem;border:1px solid #d5e0f4;border-radius:.875rem;background:#fff}
.renewal-guide .renewal-guide-end{margin-top:2rem;padding-top:1.25rem;border-top:2px solid #b5c9ef;text-align:center;color:#334c70;font-weight:600}
.renewal-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;min-height:3rem;cursor:pointer;list-style:none;color:#234dc2;background:#f3f7ff}
.renewal-guide>summary::-webkit-details-marker{display:none}
.renewal-guide>summary>span:first-child{display:grid;gap:.375rem}
.renewal-guide>summary strong{font-weight:600}
.renewal-guide>summary .type-helper{color:#526079}
.renewal-guide-toggle{display:grid;place-items:center;flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:#fff;border:1px solid #c6d5ee}
.renewal-guide-toggle::before{content:'+'}.renewal-guide[open] .renewal-guide-toggle::before{content:'−'}
.renewal-guide>summary:hover{background:#eaf1ff}
.renewal-guide>summary:focus-visible{outline:3px solid #2456df;outline-offset:-4px}
.renewal-guide-body{padding:2rem}
.renewal-guide-intro{max-width:56rem}.renewal-example-note{margin-top:.75rem!important}
.renewal-guide-steps{list-style:none;margin:2rem 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.renewal-guide-steps>li{min-width:0;border:1px solid #e0e7f1;border-radius:.875rem;padding:1.5rem}
.renewal-guide-steps h4{margin:.625rem 0 .875rem}
.renewal-demo{margin:0 0 1.5rem;padding:1.25rem;border:1px solid #dbe5f1;border-radius:.75rem;background:#f4f7fc;min-height:15rem;display:flex;flex-direction:column;justify-content:center;gap:.75rem}
.renewal-demo-bar{font-weight:600;color:#334c70;border-bottom:1px solid #d2dded;padding-bottom:.625rem}
.renewal-demo-action{padding:.625rem .875rem;border-radius:.375rem;background:#2456df;color:#fff;font-weight:500;text-align:center}
.renewal-demo-row,.renewal-demo-choice{display:flex;align-items:center;gap:.875rem;padding:.625rem;background:white;border-radius:.375rem}
.renewal-demo-row .type-helper{display:block;color:#526079}
.renewal-demo-choice{border:1px solid #c6d5ee}.renewal-demo-or{text-align:center;color:#526079}
.renewal-doc{display:block;flex-shrink:0;position:relative;width:2rem;height:2.75rem;border:2px solid #2456df;border-radius:.25rem;background:linear-gradient(#c5d6fc,#c5d6fc) .375rem .75rem/1rem .1875rem no-repeat,linear-gradient(#c5d6fc,#c5d6fc) .375rem 1.25rem/1rem .1875rem no-repeat,#fff}
.renewal-doc-new{border-color:#28745a;background-color:#eaf5ee}
.renewal-demo-books{display:flex;justify-content:center;gap:1.25rem;margin:.5rem 0}
.renewal-demo-fields,.renewal-demo-checks{display:grid;gap:.625rem}.renewal-demo-fields>span{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;border-bottom:1px solid #e0e7f1;padding:.25rem 0}.renewal-demo-fields b{font-weight:500}
.renewal-demo-total{background:#dfeaff;padding:.625rem;border-radius:.375rem;color:#234dc2;text-align:center}
.renewal-demo-checks{color:#245b49}.renewal-demo figcaption{color:#526079;text-align:center;margin-top:auto;padding-top:.5rem}
.renewal-guide-tip{padding:1.25rem;background:#f0f7f5;border-radius:.625rem;margin-bottom:1.5rem!important}
@media(max-width:74rem){.renewal-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:47.999rem){.renewal-order-grid,.renewal-guide-steps{grid-template-columns:1fr}.renewal-guide>summary{padding:1.25rem}.renewal-guide-body{padding:1.25rem}.renewal-guide-steps{gap:1.25rem}.renewal-guide-steps>li{padding:1rem}.renewal-demo{padding:.875rem;min-height:0}.renewal-guide-body>.renewal-button{width:100%;box-sizing:border-box}}
/* Actual screenshot walkthrough; percentage marks stay aligned at every size. */
.renewal-real-steps{list-style:none;padding:0;margin:2rem 0;display:grid;gap:2.5rem}
.renewal-real-steps>li{min-width:0;padding-bottom:2.5rem;border-bottom:1px solid #e0e7f1}
.renewal-real-steps h4{margin:.625rem 0 .875rem}
.renewal-screen-figure{margin:1.5rem 0 1rem}
.renewal-shot-open{display:block;width:100%;padding:0;border:1px solid #d7e2f3;border-radius:.625rem;background:white;cursor:zoom-in;overflow:hidden}
.renewal-shot{display:block;position:relative;width:100%;line-height:0}
.renewal-shot img{display:block;width:100%;height:auto;margin:0}
.renewal-shot-mark{position:absolute;display:block;box-sizing:border-box;border:3px solid #de2525;border-radius:50%;pointer-events:none}
.renewal-shot-mark>span{position:absolute;left:0;top:0;transform:translate(-30%,-55%);display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:#bd1616;color:#fff;font-weight:700;box-shadow:0 0 0 2px white;line-height:1.5}
.renewal-screen-figure figcaption{padding-top:.75rem;color:#526079;text-align:right}
.renewal-shot-notes{padding:0;margin:0;list-style:none;counter-reset:guide-note;display:grid;gap:.75rem}
.renewal-shot-notes>li{counter-increment:guide-note;display:flex;align-items:baseline;gap:.75rem;color:#334c70}
.renewal-shot-notes>li::before{content:counter(guide-note);display:inline-grid;place-items:center;flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:50%;background:#bd1616;color:#fff;font-weight:600}
.renewal-zoom{padding:0;border:0;border-radius:.875rem;width:95vw;max-width:100rem;max-height:92vh;color:#192338;background:white;box-shadow:0 2rem 5rem #14213b55}
.renewal-zoom::backdrop{background:#152138b3}
.renewal-zoom[open]{display:flex;flex-direction:column}
.renewal-zoom-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;border-bottom:1px solid #d7e2f3}
.renewal-zoom-head h2{margin:0 0 .375rem}.renewal-zoom-head p{margin:0;color:#526079}
.renewal-zoom-head button{flex-shrink:0;border:1px solid #d7e2f3;background:#fff;color:#192338;border-radius:.5rem;padding:.625rem 1rem;cursor:pointer;min-height:3rem}
.renewal-zoom-scroll{overflow:auto;min-height:0;overscroll-behavior:contain}.renewal-zoom-scroll .renewal-shot{width:max(100%,75rem)}
.renewal-zoom :focus-visible,.renewal-shot-open:focus-visible{outline:3px solid #2456df;outline-offset:3px}
@media(max-width:47.999rem){.renewal-real-steps{gap:2rem}.renewal-shot-mark{border-width:2px}.renewal-shot-mark>span{width:1.25rem;height:1.25rem;font-size:var(--text-caption)}.renewal-zoom-head{padding:1rem}.renewal-zoom-head button{padding:.625rem}.renewal-zoom-scroll .renewal-shot-mark{border-width:3px}.renewal-zoom-scroll .renewal-shot-mark>span{width:1.75rem;height:1.75rem}}
@media(max-width:47.999rem){.renewal-guide[open]>.renewal-guide-body{padding:1rem}.renewal-guide[open] .renewal-real-steps>li{padding:1rem}}