.pp-billing { margin-bottom: 18px; }
/* ===== Get Verified funnel ===== */
body[data-page="billing"] .page-hero { display: none; }
body[data-page="billing"] #pageBody.narrow { width: min(1160px, 100% - 32px); max-width: none; }
body[data-page="billing"] .content { padding-top: 34px; }
.vf { --vf-g: #4A5D4F; --vf-gt: #E5EBE3; --vf-gold: #E9C98F; color: var(--ink); }
.vf svg { width: 18px; height: 18px; flex: none; }
.vf-loading { padding: 80px 0; text-align: center; color: var(--muted); }
.vf-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin: 0 0 26px; }
.vf-eye { display: inline-flex; align-items: center; gap: 8px; font: 800 11px/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--vf-g); }
.vf-eye svg { width: 16px; height: 16px; }
.vf-head h1 { margin: 12px 0 8px; font: 400 clamp(40px, 5vw, 64px)/1 var(--display); letter-spacing: -.02em; }
.vf-head h1 em { color: var(--cedar); }
.vf-head p { margin: 0; max-width: 56ch; color: var(--ink-soft); font-size: 16.5px; }
.vf-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 26px; align-items: start; }
.vf-main { min-width: 0; }
.vf-prog { list-style: none; margin: 0 0 16px; padding: 6px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; background: var(--paper); border: 1px solid var(--line); border-radius: 999px; }
.vf-prog button { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 6px; border: 0; border-radius: 999px; background: none; color: var(--muted); font: 700 13px var(--sans); cursor: pointer; }
.vf-prog button:disabled { cursor: default; }
.vf-prog .n { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 11.5px; background: var(--cream-2, #E9DFCA); color: var(--ink-soft); }
.vf-prog .n svg { width: 13px; height: 13px; }
.vf-prog li.done button { color: var(--ink); }
.vf-prog li.done .n { background: var(--vf-g); color: #fff; }
.vf-prog li.on button { background: var(--ink); color: #FBF7EE; }
.vf-prog li.on .n { background: var(--vf-gold); color: var(--ink); }
.vf-card { background: #FFFDF8; border: 1px solid var(--line); border-radius: 26px; padding: 34px 36px 30px; box-shadow: 0 30px 60px -48px rgba(28,24,16,.5); outline: none; }
.vf-card h2, .vf-st-card h2 { margin: 0 0 6px; font: 400 32px/1.1 var(--display); letter-spacing: -.01em; }
.vf-lead { margin: 0 0 24px; color: var(--ink-soft); font-size: 15.5px; max-width: 60ch; }
.vf-small { font-size: 13.5px; color: var(--muted); margin: 16px 0 0; }
.vf-small a, .vf-link { color: var(--cedar); font-weight: 700; background: none; border: 0; padding: 0; font: inherit; font-weight: 700; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.vf-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.vf-plan { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "r t" "r a" "r n"; column-gap: 14px; text-align: left; padding: 20px 20px 18px; border-radius: 20px; border: 1.5px solid var(--line); background: var(--paper); color: var(--ink); cursor: pointer; transition: border-color .2s, box-shadow .2s, transform .2s; }
.vf-plan:hover { transform: translateY(-1px); }
.vf-plan .vf-radio { grid-area: r; margin-top: 3px; }
.vf-plan b { grid-area: t; font: 700 15px var(--sans); }
.vf-amt { grid-area: a; font: 400 38px/1.15 var(--display); letter-spacing: -.02em; }
.vf-amt small { font: 600 14px var(--sans); color: var(--muted); margin-left: 3px; }
.vf-pn { grid-area: n; font-size: 13px; color: var(--muted); }
.vf-plan.on { border-color: var(--ink); box-shadow: 0 0 0 3px rgba(28,24,16,.08); background: #FFFDF8; }
.vf-save { position: absolute; top: -11px; right: 16px; background: var(--vf-gold); color: var(--ink); font: 800 10.5px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; padding: 6px 10px; border-radius: 999px; }
.vf-radio { width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--line-strong, rgba(28,24,16,.3)); flex: none; position: relative; }
.on > .vf-radio { border-color: var(--ink); }
.on > .vf-radio::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--ink); }
.vf-perks { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 22px; margin: 26px 0 4px; padding: 22px; border-radius: 20px; background: var(--vf-gt); }
.vf-perks div { display: grid; grid-template-columns: 28px 1fr; column-gap: 10px; }
.vf-perks span { grid-row: span 2; width: 28px; height: 28px; border-radius: 50%; background: var(--vf-g); color: #fff; display: grid; place-items: center; }
.vf-perks span svg { width: 15px; height: 15px; }
.vf-perks b { font: 700 14.5px var(--sans); }
.vf-perks p { margin: 2px 0 0; font-size: 13.5px; color: var(--ink-soft); line-height: 1.5; }
.vf-lists { display: grid; gap: 10px; }
.vf-li { display: grid; grid-template-columns: 56px 1fr auto; gap: 14px; align-items: center; padding: 12px 16px 12px 12px; border-radius: 18px; border: 1.5px solid var(--line); background: var(--paper); color: var(--ink); text-align: left; cursor: pointer; transition: border-color .2s; }
.vf-li.on { border-color: var(--ink); background: #FFFDF8; }
.vf-li:disabled { opacity: .7; cursor: default; }
.vf-li img, .vf-sl img, .vf-li .vf-sl-ph, .vf-sl .vf-sl-ph { width: 56px; height: 56px; border-radius: 14px; object-fit: cover; }
.vf-sl-ph { display: grid; place-items: center; background: linear-gradient(135deg, var(--cedar), #3A3326); color: #FBF7EE; font: 400 24px var(--display); }
.vf-li-t b { display: block; font: 400 19px/1.2 var(--display); }
.vf-li-t small { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--muted); margin-top: 3px; }
.vf-li-t small svg { width: 14px; height: 14px; color: var(--cedar); }
.vf-tag { display: inline-flex; align-items: center; gap: 5px; font: 700 11.5px var(--sans); padding: 5px 10px; border-radius: 999px; background: var(--cream-2, #E9DFCA); color: var(--ink-soft); white-space: nowrap; }
.vf-tag svg { width: 13px; height: 13px; }
.vf-tag.ok { background: var(--vf-gt); color: var(--vf-g); }
.vf-tag.bad { background: #F6DCD2; color: #9D4D30; }
.vf-empty { padding: 28px; border-radius: 20px; background: var(--paper); border: 1px dashed var(--line-strong, rgba(28,24,16,.3)); }
.vf-empty b { font: 400 22px var(--display); display: block; margin-bottom: 6px; }
.vf-empty p { color: var(--ink-soft); margin: 0 0 16px; }
.vf-form { display: grid; gap: 18px; }
.vf-form > label { display: grid; gap: 7px; font: 700 13.5px var(--sans); color: var(--ink); }
.vf-form > label small { font-weight: 500; color: var(--muted); }
.vf-form input:not([type=checkbox]), .vf-form textarea { width: 100%; box-sizing: border-box; padding: 13px 15px; border-radius: 14px; border: 1.5px solid var(--line); background: var(--paper); font: 500 15px var(--sans); color: var(--ink); }
.vf-form input:focus, .vf-form textarea:focus { outline: none; border-color: var(--ink); background: #fff; }
.vf-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.vf-chip { padding: 9px 16px; border-radius: 999px; border: 1.5px solid var(--line); background: var(--paper); font: 700 13.5px var(--sans); color: var(--ink-soft); cursor: pointer; }
.vf-chip.on { background: var(--ink); color: #FBF7EE; border-color: var(--ink); }
.vf-checks { display: grid; gap: 10px; padding: 16px 18px; border-radius: 16px; background: var(--paper); border: 1px solid var(--line); }
.vf-check { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; color: var(--ink-soft); line-height: 1.5; cursor: pointer; }
.vf-check input { width: 19px; height: 19px; margin: 2px 0 0; accent-color: var(--vf-g); flex: none; }
.vf-check.vf-consent { margin-top: 18px; padding: 14px 16px; border-radius: 16px; background: var(--paper); border: 1px solid var(--line); }
.vf-check a { color: var(--cedar); font-weight: 700; }
.vf-proof { display: grid; gap: 16px; }
.vf-types { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.vf-type input { position: absolute; opacity: 0; pointer-events: none; }
.vf-type span { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; border: 1.5px solid var(--line); background: var(--paper); font: 700 13.5px var(--sans); color: var(--ink-soft); cursor: pointer; }
.vf-type input:checked + span { border-color: var(--ink); color: var(--ink); background: #FFFDF8; }
.vf-type input:focus-visible + span { outline: 2px solid var(--cedar); outline-offset: 2px; }
.vf-drop { position: relative; display: grid; justify-items: center; gap: 6px; padding: 34px 20px; border-radius: 20px; border: 2px dashed rgba(74,93,79,.45); background: var(--vf-gt); text-align: center; cursor: pointer; transition: background .2s, border-color .2s; }
.vf-drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.vf-drop svg { width: 28px; height: 28px; color: var(--vf-g); }
.vf-drop b { font: 700 15px var(--sans); }
.vf-drop small { font-size: 13px; color: var(--ink-soft); max-width: 46ch; }
.vf-drop.over { background: #D9E3D6; border-color: var(--vf-g); }
.vf-drop.busy { opacity: .6; pointer-events: none; }
.vf-docs { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.vf-docs li { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 14px; background: var(--paper); border: 1px solid var(--line); }
.vf-docs li > svg { color: var(--cedar); }
.vf-docs b { display: block; font: 700 14px var(--sans); }
.vf-docs small { font-size: 12.5px; color: var(--muted); }
.vf-review { border: 1px solid var(--line); border-radius: 18px; overflow: hidden; margin-bottom: 22px; }
.vf-rv { display: grid; grid-template-columns: 110px 1fr auto; gap: 12px; align-items: center; padding: 14px 18px; border-bottom: 1px solid var(--line); background: var(--paper); }
.vf-rv:last-child { border-bottom: 0; }
.vf-rv span { font: 700 12px var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.vf-rv b { font: 600 15px var(--sans); }
.vf-rv button { border: 0; background: none; color: var(--cedar); font: 700 13px var(--sans); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.vf-next { list-style: none; counter-reset: vfn; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.vf-next li { counter-increment: vfn; padding: 16px; border-radius: 16px; background: var(--vf-gt); }
.vf-next li::before { content: counter(vfn); display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--vf-g); color: #fff; font: 800 12px var(--sans); margin-bottom: 10px; }
.vf-next b { display: block; font: 700 14.5px var(--sans); margin-bottom: 3px; }
.vf-next span { font-size: 13px; color: var(--ink-soft); line-height: 1.45; }
.vf-nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 28px; }
.vf-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 14px 24px; border-radius: 999px; border: 1.5px solid var(--ink); background: var(--ink); color: #FBF7EE; font: 700 15px var(--sans); text-decoration: none; cursor: pointer; transition: transform .2s, background .2s, opacity .2s; }
.vf-btn:hover { transform: translateY(-1px); }
.vf-btn:disabled { opacity: .35; cursor: not-allowed; transform: none; }
.vf-btn.ghost { background: transparent; color: var(--ink); border-color: var(--line-strong, rgba(28,24,16,.3)); }
.vf-btn.pay { background: var(--vf-g); border-color: var(--vf-g); padding: 15px 28px; }
.vf-btn:focus-visible, .vf-plan:focus-visible, .vf-li:focus-visible, .vf-chip:focus-visible, .vf-prog button:focus-visible { outline: 2px solid var(--cedar); outline-offset: 3px; }
.vf-msg { min-height: 1.4em; margin: 12px 0 0; font-size: 14px; font-weight: 600; color: #9D4D30; text-align: right; }
.vf-msg:empty { min-height: 0; margin: 0; }
.vf-soon { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: 16px; background: #F6EBD3; color: var(--ink-soft); font-size: 14px; }
.vf-soon svg { color: #A87A2E; }
.vf-banner { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 14px; background: #F6EBD3; font-weight: 600; font-size: 14px; margin-bottom: 14px; }
.vf-banner.ok { background: var(--vf-gt); color: var(--vf-g); }
/* order summary */
.vf-side { position: sticky; top: calc(var(--header-h, 72px) + 16px); }
.vf-sum { background: #1C1810; color: #F2EBDD; border-radius: 26px; padding: 24px; }
.vf-k { font: 800 11px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--vf-gold); }
.vf-sl { display: grid; grid-template-columns: 56px 1fr; gap: 12px; align-items: center; margin: 16px 0 18px; padding: 10px; border-radius: 16px; background: rgba(242,235,221,.07); }
.vf-sl b { display: block; font: 400 18px/1.2 var(--display); color: #FBF7EE; }
.vf-sl small { font-size: 12.5px; color: rgba(242,235,221,.65); }
.vf-sl-none { margin: 16px 0 18px; padding: 16px; border-radius: 16px; border: 1px dashed rgba(242,235,221,.25); color: rgba(242,235,221,.6); font-size: 13.5px; }
.vf-sum-row { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding-top: 16px; border-top: 1px solid rgba(242,235,221,.14); font-size: 14px; }
.vf-sum-row b { font: 400 30px var(--display); color: #FBF7EE; }
.vf-sum-row b small { font: 600 13px var(--sans); color: rgba(242,235,221,.6); }
.vf-sum-note { margin: 4px 0 16px; font-size: 12.5px; color: rgba(242,235,221,.6); }
.vf-sum-list { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 9px; font-size: 13.5px; }
.vf-sum-list li { display: flex; gap: 9px; align-items: center; }
.vf-sum-list svg { width: 15px; height: 15px; color: var(--vf-gold); }
.vf-guar { display: flex; gap: 10px; padding: 14px; border-radius: 16px; background: rgba(233,201,143,.12); font-size: 13px; line-height: 1.45; color: rgba(242,235,221,.85); }
.vf-guar svg { color: var(--vf-gold); }
.vf-guar b { color: #FBF7EE; }
.vf-secure { display: flex; gap: 8px; align-items: center; justify-content: center; margin: 12px 0 0; font-size: 12.5px; color: var(--muted); }
.vf-secure svg { width: 14px; height: 14px; }
/* status screens */
.vf-status { display: flex; justify-content: flex-start; }
.vf-st-card { position: relative; width: min(760px, 100%); background: #FFFDF8; border: 1px solid var(--line); border-radius: 30px; padding: 40px 44px 34px; box-shadow: 0 30px 60px -48px rgba(28,24,16,.5); }
.vf-st-card.won { background: linear-gradient(180deg, #EEF2EC, #FFFDF8 42%); }
.vf-pulse { display: block; width: 14px; height: 14px; border-radius: 50%; background: #C9953E; margin-bottom: 18px; animation: vfPulse 1.8s infinite; }
@keyframes vfPulse { 0% { box-shadow: 0 0 0 0 rgba(201,149,62,.5); } 100% { box-shadow: 0 0 0 14px rgba(201,149,62,0); } }
.vf-seal { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 20px; background: var(--vf-g); color: #fff; margin-bottom: 18px; }
.vf-seal svg { width: 32px; height: 32px; }
.vf-seal.muted { background: var(--cream-2, #E9DFCA); color: var(--ink-soft); }
.vf-time { list-style: none; margin: 8px 0 26px; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); position: relative; }
.vf-time li { position: relative; padding-top: 34px; padding-right: 10px; }
.vf-time li::before { content: ""; position: absolute; top: 11px; left: 24px; right: -0px; height: 2px; background: var(--line); }
.vf-time li:last-child::before { display: none; }
.vf-time li.done::before { background: var(--vf-g); }
.vf-time .d { position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 2px solid var(--line-strong, rgba(28,24,16,.3)); display: grid; place-items: center; z-index: 1; }
.vf-time .d svg { width: 13px; height: 13px; }
.vf-time li.done .d { background: var(--vf-g); border-color: var(--vf-g); color: #fff; }
.vf-time li.on .d { border-color: #C9953E; box-shadow: 0 0 0 4px rgba(201,149,62,.2); }
.vf-time b { display: block; font: 700 14px var(--sans); }
.vf-time small { font-size: 12.5px; color: var(--muted); line-height: 1.4; display: block; margin-top: 2px; }
.vf-st-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 24px; }
.vf-st-meta div { padding: 14px 16px; border-radius: 16px; background: var(--paper); border: 1px solid var(--line); }
.vf-st-meta span { display: block; font: 700 11px var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.vf-st-meta b { font: 600 15px var(--sans); }
.vf-st-acts { display: flex; flex-wrap: wrap; gap: 10px; }
.vf-vlist { display: grid; gap: 8px; margin: 0 0 24px; }
.vf-vlist a { display: grid; grid-template-columns: 48px 1fr auto; gap: 12px; align-items: center; padding: 10px 14px 10px 10px; border-radius: 16px; background: #fff; border: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.vf-vlist img, .vf-vlist .vf-sl-ph { width: 48px; height: 48px; border-radius: 12px; object-fit: cover; }
.vf-vlist b { font: 400 18px var(--display); }
.vf-why { padding: 16px 18px; border-radius: 16px; background: #F6DCD2; margin: 0 0 16px; }
.vf-why span { font: 800 11px var(--sans); letter-spacing: .12em; text-transform: uppercase; color: #9D4D30; }
.vf-why p { margin: 6px 0 0; color: var(--ink); }
.vf-warn { color: #9D4D30; font-weight: 600; }
#vfMoreBox { margin-top: 14px; }
@media (max-width: 960px) {
  .vf-grid { grid-template-columns: 1fr; }
  .vf-side { position: static; }
  .vf-sum-list, .vf-guar { display: none; }
  .vf-sum { padding: 18px; border-radius: 22px; }
  .vf-sl { margin: 12px 0; }
}
@media (max-width: 640px) {
  body[data-page="billing"] .content { padding-top: 18px; }
  .vf-head h1 { font-size: 40px; }
  .vf-head p { font-size: 15px; }
  .vf-prog { border-radius: 18px; }
  .vf-prog .t { display: none; }
  .vf-prog li.on .t { display: inline; }
  .vf-prog li.on .t { white-space: nowrap; }
  .vf-prog { display: flex; } .vf-prog li { flex: 0 0 40px; } .vf-prog li.on { flex: 1 1 auto; }
  .vf-card { padding: 24px 18px 20px; border-radius: 22px; }
  .vf-card h2, .vf-st-card h2 { font-size: 26px; }
  .vf-plans, .vf-perks, .vf-types, .vf-next, .vf-st-meta { grid-template-columns: 1fr; }
  .vf-rv { grid-template-columns: 1fr auto; } .vf-rv span { grid-column: 1 / -1; }
  .vf-nav { flex-wrap: wrap; } .vf-nav .vf-btn:not(.ghost) { flex: 1; }
  .vf-st-card { padding: 28px 20px 24px; border-radius: 22px; }
  .vf-time { grid-template-columns: 1fr; gap: 14px; }
  #billingState .vf .vf-time li { padding: 0 0 0 36px; }
  .vf-time li::before { top: 26px; bottom: -14px; left: 11px; right: auto; width: 2px; height: auto; }
  .vf-msg { text-align: left; }
}
@media (prefers-reduced-motion: reduce) { .vf-pulse { animation: none; } .vf-btn, .vf-plan { transition: none; } }
/* keep the site's article styles (h2 rules, list bullets, paragraph sizes) out of the funnel */
#billingState .vf h1, #billingState .vf h2 { border: 0; padding: 0; }
#billingState .vf h2::after, #billingState .vf h2::before, #billingState .vf h1::after { display: none; content: none; }
#billingState .vf ul, #billingState .vf ol { margin-left: 0; padding-left: 0; }
#billingState .vf li { margin: 0; }
#billingState .vf li::before { content: none; }
#billingState .vf .vf-next li::before { content: counter(vfn); }
#billingState .vf-head { border: 0; padding-bottom: 0; }
#billingState .vf-head p { font-size: 16.5px; color: var(--ink-soft); }
#billingState .vf-lead { font-size: 15.5px; color: var(--ink-soft); }
#billingState .vf-small { font-size: 13.5px; color: var(--muted); }
#billingState .vf-secure { font-size: 12.5px; color: var(--muted); }
#billingState .vf-sum-note { font-size: 12.5px; color: rgba(242,235,221,.72); }
#billingState .vf-sum-list li { font-size: 13.5px; color: #F2EBDD; }
#billingState .vf-guar, #billingState .vf-guar span { color: rgba(242,235,221,.86); font-size: 13px; }
#billingState .vf-sl-none { color: rgba(242,235,221,.7); font-size: 13.5px; }
#billingState .vf-msg { font-size: 14px; }
#billingState .vf-next span, #billingState .vf-perks p { font-size: 13px; }
@media (max-width: 640px) { #billingState .vf-head p { font-size: 15px; } }
/* dark mode */
html.sg-dark .vf { --vf-gt: rgba(115,139,95,.16); }
html.sg-dark .vf-eye { color: #A9BE9B; }
html.sg-dark .vf-card, html.sg-dark .vf-st-card, html.sg-dark .vf-plan.on, html.sg-dark .vf-li.on, html.sg-dark .vf-type input:checked + span { background: #231C14; }
html.sg-dark .vf-st-card.won { background: linear-gradient(180deg, rgba(115,139,95,.18), #231C14 42%); }
html.sg-dark .vf-plan, html.sg-dark .vf-li, html.sg-dark .vf-chip, html.sg-dark .vf-type span, html.sg-dark .vf-checks, html.sg-dark .vf-docs li, html.sg-dark .vf-rv, html.sg-dark .vf-st-meta div, html.sg-dark .vf-prog, html.sg-dark .vf-vlist a, html.sg-dark .vf-empty { background: #1E1811; border-color: rgba(242,235,221,.14); }
html.sg-dark .vf-form input:not([type=checkbox]), html.sg-dark .vf-form textarea { background: #1E1811; border-color: rgba(242,235,221,.18); color: #F2EBDD; }
html.sg-dark .vf-form input:focus, html.sg-dark .vf-form textarea:focus { background: #16120C; border-color: #E9C98F; }
html.sg-dark .vf-plan.on, html.sg-dark .vf-li.on, html.sg-dark .vf-type input:checked + span { border-color: #E9C98F; }
html.sg-dark .on > .vf-radio { border-color: #E9C98F; } html.sg-dark .on > .vf-radio::after { background: #E9C98F; }
html.sg-dark .vf-btn { background: #E9C98F; border-color: #E9C98F; color: #1C1810; }
html.sg-dark .vf-btn.ghost { background: transparent; color: #F2EBDD; border-color: rgba(242,235,221,.3); }
html.sg-dark .vf-btn.pay { background: #738B5F; border-color: #738B5F; color: #fff; }
html.sg-dark .vf-prog li.on button, html.sg-dark .vf-chip.on { background: #E9C98F; color: #1C1810; border-color: #E9C98F; }
html.sg-dark .vf-prog li.on .n { background: #1C1810; color: #E9C98F; }
html.sg-dark .vf-drop { border-color: rgba(115,139,95,.6); }
html.sg-dark .vf-time .d { background: #231C14; }
html.sg-dark .vf-soon, html.sg-dark .vf-banner { background: rgba(214,164,93,.16); color: #F2EBDD; }
html.sg-dark .vf-banner.ok { background: rgba(115,139,95,.2); color: #CFE0C6; }
html.sg-dark .vf-why { background: rgba(187,94,60,.18); } html.sg-dark .vf-why p { color: #F2EBDD; }
html.sg-dark .vf-tag { background: rgba(242,235,221,.1); color: #F2EBDD; } html.sg-dark .vf-tag.ok { background: rgba(115,139,95,.22); color: #CFE0C6; }