/* Support options, in the same navy, warm paper and gold as the main site. */
body.support-page{background:#102230}
.support-page main{background:radial-gradient(ellipse at 75% 5%,#35506655,transparent 50%),#102230}
.sp-wrap{width:calc(100% - 80px);max-width:1160px;margin:auto;padding:56px 0 64px}
.sp-intro{text-align:center;max-width:780px;margin:0 auto 40px}
.sp-eyebrow{font-size:10px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:#ddba72;margin:0 0 16px}
.sp-intro h1{font:400 clamp(38px,4.2vw,60px)/1.08 Georgia,serif;letter-spacing:-.025em;color:#f2efe6;margin:0 0 22px;max-width:none}
.sp-intro h1 em{font-style:normal;color:#e0bf80}
.sp-intro>p:last-child{font-size:15px;line-height:1.8;color:#c3d2db;max-width:670px;margin:0 auto}
.sp-options{padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.sp-option{position:relative;display:flex;flex-direction:column;padding:28px 32px 30px;border:1px solid #8ca8b647;border-radius:8px;background:#1a3040}
.sp-option-top{display:flex;align-items:center;gap:13px;margin-bottom:13px}
.sp-icon{width:31px;height:31px;flex:none;fill:none;stroke:#ddba72;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sp-type{font:600 10px/1.6 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#d2be97}
.sp-option h2{font:400 30px/1.2 Georgia,serif;letter-spacing:-.015em;color:#f2efe6;margin:0 0 11px}
.sp-option p{font-size:14px;line-height:1.75;color:#c3d2db;margin:0 0 22px;max-width:450px}
.sp-option .sp-action{align-self:flex-start;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:10px 17px;margin-top:auto;border:1px solid #9cb3bf80;border-radius:3px;font-size:12px;font-weight:600;text-decoration:none;color:#f2efe6}
.sp-option .sp-action span{font-size:16px;line-height:1}
.sp-tip-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
.sp-tip-actions .sp-action{margin-top:0}
.sp-option-primary{background:linear-gradient(135deg,#304551,#233847);border-color:#d3b77b9c}
.sp-option-primary .sp-action{background:#ddba72;border-color:#ddba72;color:#142333}
.sp-option-tip{background:#e5e3da;border-color:#e5e3da}
.sp-option-tip h2{color:#183244}.sp-option-tip p{color:#3c5361}.sp-option-tip .sp-type{color:#4a6371}.sp-option-tip .sp-icon{stroke:#476879}.sp-option-tip .sp-action{border-color:#243d4e;background:#243d4e;color:#fff}
.sp-free{padding:29px 0 0;margin-top:34px;border-top:1px solid #91a9b540;display:grid;grid-template-columns:1fr auto;gap:20px 36px;align-items:center}
.sp-free h2{font:400 27px/1.25 Georgia,serif;color:#f2efe6;margin:0 0 8px}
.sp-free p{font-size:13px;line-height:1.8;color:#c3d2db;margin:0;max-width:530px}
.sp-socials{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px}
.sp-socials a{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#e0bf80;text-decoration:none;border-bottom:1px solid #a5895266}
.sp-socials a:hover{text-decoration:underline}
.support-page main a:focus-visible{outline:3px solid #f4d080;outline-offset:5px}
.sp-option-tip a:focus-visible{outline-color:#245c78}
.header-support[aria-current="page"]{outline:1px solid #ddba7270;outline-offset:4px}
@media(max-width:850px){.sp-wrap{width:calc(100% - 48px);padding-top:38px}.sp-option{padding:25px}.sp-option h2{font-size:27px}.sp-free{grid-template-columns:1fr}}
@media(max-width:600px){.sp-wrap{width:calc(100% - 40px);padding-bottom:40px}.sp-intro{text-align:left;margin-bottom:28px}.sp-intro h1{font-size:40px}.sp-intro>p:last-child{font-size:14px}.sp-options{grid-template-columns:1fr;gap:16px}.sp-option{padding:24px}.sp-option p{max-width:none}.sp-option .sp-action{width:100%}.sp-socials{gap:10px 20px}}
