.lxc-svp { max-width: 1120px; margin: 0 auto; padding: calc(104px + env(safe-area-inset-top, 0px) + clamp(8px, 2vw, 24px)) clamp(16px, 4vw, 40px) clamp(40px, 7vw, 80px) }
.lxc-svp .svp-eb { font: 500 11.5px/1.2 var(--b); letter-spacing: .14em; text-transform: uppercase; color: var(--lxc-muted) }
.lxc-svp .svp-h1 { margin: 8px 0 clamp(14px, 3vw, 22px); font: 400 clamp(34px, 6vw, 56px)/1.04 var(--d); letter-spacing: -.01em }
.svp-acct { display: grid; gap: 18px; padding: clamp(16px, 3vw, 24px) 0; border-bottom: 1px solid var(--lxc-line) }
@media (min-width: 900px) { .svp-acct { grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; column-gap: clamp(24px, 3vw, 48px) } }
.svp-who { min-width: 0 }
.svp-name { font: 400 clamp(22px, 2.6vw, 27px)/1.15 var(--d); overflow-wrap: anywhere }
.lxc .svp-mail { margin-top: 3px; font-size: 14.5px; color: var(--lxc-muted); overflow-wrap: anywhere }
.svp-al-f { margin: 0; min-width: 0 }
.svp-al { margin: 0; padding: 0; border: 0; min-width: 0 }
.svp-al legend { padding: 0; margin-bottom: 4px; font: 500 11.5px/1.2 var(--b); letter-spacing: .14em; text-transform: uppercase; color: var(--lxc-muted) }
.svp-al label { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 15.5px; cursor: pointer }
.svp-al input { flex: none; width: 22px; height: 22px; margin: 0; accent-color: var(--ink) }
.svp-al input:disabled { cursor: progress }
.svp-end { display: flex; flex-wrap: wrap; gap: 8px }
.svp-end .lxc-btn, .svp-out .lxc-btn { min-height: 44px; padding: 0 20px }
.svp-data { grid-column: 1 / -1 }
.svp-data summary { display: inline-flex; align-items: center; min-height: 44px; cursor: pointer; font-size: 14.5px; color: var(--lxc-muted);
  text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--lxc-line-2) }
.svp-data summary:hover, .svp-data[open] summary { color: var(--ink) }
.svp-data div { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 0 2px }
.lxc .svp-st { grid-column: 1 / -1; font-size: 14.5px; color: var(--lxc-muted) }
.svp-st:empty { display: none }
.svp-out { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; padding: clamp(16px, 3vw, 24px) 0; border-bottom: 1px solid var(--lxc-line) }
.lxc .svp-out p { flex: 1 1 16rem; font-size: 16px; color: var(--lxc-muted) }
.lxc .svp-h2 { display: flex; align-items: baseline; gap: 8px; margin: clamp(26px, 4vw, 40px) 0 16px; font: 400 clamp(24px, 3vw, 32px)/1.1 var(--d) }
.svp-h2 span { font: 400 14px/1 var(--b); color: var(--lxc-muted) }
.lxc .svp-msg, .lxc .svp-empty { margin-bottom: 14px; font-size: 15px; color: var(--lxc-muted) }
.svp-msg:empty { display: none }
.svp-empty a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); text-underline-offset: 3px }
.svp-rows > li { display: grid; gap: 8px }
.svp-rm { justify-self: start; display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid var(--lxc-line-2);
  border-radius: 999px; background: none; font-size: 14px; cursor: pointer }
.svp-rm:hover { border-color: var(--ink) }
.svp-rm:disabled { opacity: .6; cursor: progress }
.svp-gone { padding: 16px 18px; border: 1px dashed var(--lxc-line-2); border-radius: 20px }
.lxc .svp-gone p { font-size: 15px; color: var(--lxc-muted) }
.svp-legal { margin-top: 22px }