/* Mobile subscription layout, with subscription state supplied by billing data. */
@media(max-width:760px) {
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-expired-security { display:grid !important; grid-template-columns:26px minmax(0,1fr) minmax(0,1.25fr) !important; grid-template-rows:auto 1px auto auto !important; gap:9px 10px !important; padding:12px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-expired-security::before { content:"" !important; display:block !important; grid-area:2 / 1 / 3 / -1 !important; height:1px !important; background:var(--settings-ref-border,#294b59) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-stripe-mark { grid-area:3 / 2 / 4 / 3 !important; margin:0 !important; justify-self:start !important; align-self:center !important; white-space:nowrap !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-hero { border:0 !important; outline:0 !important; box-shadow:none !important; background:transparent !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-security-lock { grid-area:3 / 3 / 4 / 4 !important; display:flex !important; align-items:center !important; margin:0 !important; padding:3px 0 3px 12px !important; min-height:24px !important; white-space:nowrap !important; font-size:9px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-expired-security::after { grid-area:4 / 1 / 5 / -1 !important; white-space:pre-wrap !important; font-size:9.5px !important; line-height:15px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-state-lifetime .billing-overview-grid { min-height:0 !important; padding:11px 13px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-state-lifetime .billing-hero { min-height:0 !important; padding:0 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-state-lifetime .billing-hero-main { min-height:0 !important; gap:8px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-state-lifetime .billing-price-column { min-height:0 !important; margin:0 !important; padding:7px 0 0 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-state-lifetime .billing-price-block { min-height:0 !important; padding:0 10px 0 0 !important; gap:7px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-state-lifetime .billing-price { font-size:27px !important; line-height:30px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card#billing-settings-card .billing-state-lifetime .billing-price-column::after { min-height:25px !important; padding-left:12px !important; font-size:10.5px !important; }
}

@media(max-width:760px) {
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-panel { display:grid !important; gap:13px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card :is(.billing-overview-grid,.billing-expired-features,.billing-expired-security) { padding:14px !important; border:1px solid var(--settings-ref-border,#294b59) !important; border-radius:4px !important; background:var(--app-mobile-panel-surface,#111c23) !important; box-shadow:none !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-hero-main { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:13px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-hero-top { margin:0 0 6px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card :is(.billing-kicker,.billing-status-pill) { padding:5px 7px !important; border-radius:0 !important; font-size:10.5px !important; line-height:13px !important; letter-spacing:.04em !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-plan-copy h3 { font-size:21px !important; line-height:25px !important; color:var(--settings-ref-text,#eef4f6) !important; margin:0 0 6px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-plan-copy p { font-size:13px !important; line-height:18px !important; color:var(--settings-ref-muted,#adc5d7) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-price-column { width:100% !important; border-top:1px solid var(--settings-ref-border,#294b59) !important; padding-top:12px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-price-block { display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:10px !important; padding:0 15px !important; border:0 !important; width:auto !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-price { font-size:32px !important; line-height:35px !important; color:var(--settings-ref-text,#eef4f6) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-price-period { margin:0 !important; font-size:13px !important; line-height:18px !important; color:var(--settings-ref-muted,#adc5d7) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-state-lifetime .billing-price-column { display:grid !important; grid-template-columns:auto minmax(0,1fr) !important; align-items:center !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-state-lifetime .billing-price-column::after { content:"✓  Lifetime premium access" !important; display:flex !important; align-items:center !important; padding-left:16px !important; border-left:1px solid var(--settings-ref-border,#294b59) !important; min-height:32px !important; color:#50dca6 !important; font-size:11.5px !important; line-height:16px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-footnotes { display:none !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-state-lifetime .billing-actions { display:none !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-expired-features header { margin:0 0 12px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-expired-features header h3 { font-size:0 !important; line-height:0 !important; margin:0 0 6px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-expired-features header h3::after { content:"Included in your plan" !important; font-size:19px !important; line-height:24px !important; color:var(--settings-ref-text,#eef4f6) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-expired-features header p { font-size:11.5px !important; line-height:16px !important; color:var(--settings-ref-muted,#adc5d7) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-feature-grid article { display:grid !important; grid-template-columns:48px minmax(0,1fr) !important; align-items:start !important; gap:24px !important; padding:9px 0 !important; order:initial !important; border:0 !important; border-top:1px solid var(--settings-ref-border,#294b59) !important; background:transparent !important; border-radius:0 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-feature-grid article::after { display:none !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-feature-grid article:last-child { padding-bottom:0 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-feature-icon { width:48px !important; height:41px !important; border:0 !important; border-radius:0 !important; background:transparent !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-feature-icon svg { width:25px !important; height:25px !important; fill:none !important; stroke:#38b6da !important; stroke-width:1.6 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-feature-grid article:nth-child(n+4) .billing-feature-icon svg { stroke:#00c6d2 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-feature-grid h4 { font-size:12.5px !important; line-height:17px !important; margin:0 0 4px !important; color:var(--settings-ref-text,#eef4f6) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-feature-grid p { font-size:11.5px !important; line-height:16px !important; color:var(--settings-ref-muted,#adc5d7) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-expired-security { grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) !important; gap:10px !important; align-items:start !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-expired-security > svg { grid-area:1 / 1 / 2 / 2 !important; width:25px !important; height:28px !important; color:#00d6ab !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-expired-security > div { grid-area:1 / 2 / 2 / 4 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-expired-security strong { font-size:0 !important; line-height:0 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-expired-security strong::after { content:"Secure payments" !important; font-size:12px !important; line-height:17px !important; color:var(--settings-ref-text,#eef4f6) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-expired-security p { font-size:10.5px !important; line-height:15px !important; margin:5px 0 0 !important; color:var(--settings-ref-muted,#adc5d7) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-stripe-mark { grid-area:2 / 1 / 3 / 3 !important; justify-self:end !important; margin-top:5px !important; padding:6px 8px !important; border:1px solid var(--settings-ref-border,#294b59) !important; border-radius:2px !important; font-size:10px !important; color:var(--settings-ref-muted,#adc5d7) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-stripe-mark b { display:inline !important; font-size:14px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-security-lock { grid-area:2 / 3 / 3 / 4 !important; align-self:center !important; margin-top:5px !important; padding-left:10px !important; border-left:1px solid var(--settings-ref-border,#294b59) !important; font-size:9.5px !important; line-height:15px !important; color:var(--settings-ref-muted,#adc5d7) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #billing-settings-card .billing-expired-security::after { content:"✓  Stripe secure checkout       ✓  Cancel anytime" !important; grid-column:1 / -1 !important; display:block !important; text-align:center !important; color:var(--settings-ref-muted,#adc5d7) !important; font-size:10px !important; line-height:16px !important; }
}