:root.fr-phone .dash-surface{--rena-text:var(--ap-text,#0c1626);--rena-text-soft:var(--ap-text-soft,#4a5567);--rena-text-dim:var(--ap-text-dim,#5a6b85);--rena-card-bg:var(--ap-card,#fff);--rena-card-bg-strong:var(--ap-card-strong,#eff3f9);--rena-card-border:var(--ap-hairline,#e1e7ef);--rena-accent:var(--ap-gold,#b0862a);--dash-gold:var(--ap-gold-dark,#8a681a)}:root.fr-phone .dash-surface .dash-card,:root.fr-phone .dash-surface .dash-panel{background:transparent;border:none;border-radius:0;border-top:1px solid var(--ap-hairline,#e1e7ef);padding:22px 0;margin-bottom:0!important}:root.fr-phone .dash-surface .dash-panel:first-of-type{border-top:none}:root.fr-phone .dash-surface .dash-display{font-size:36px;line-height:41px;letter-spacing:-1.3px;font-weight:700}:root.fr-phone .dash-surface .dash-display-sub,:root.fr-phone .dash-surface .dash-note,:root.fr-phone .dash-surface .portal-bodyline{font-size:15px;line-height:22px;letter-spacing:0}:root.fr-phone .dash-surface .dash-sublabel{font-size:11px;line-height:14px;letter-spacing:1.3px;font-weight:800}:root.fr-phone .dash-surface .portal-prompt{font-size:22px;line-height:26px;letter-spacing:-.7px;font-weight:700}:root.fr-phone .dash-surface .portal-digest-name,:root.fr-phone .dash-surface .portal-tool-name{font-size:17px;line-height:22px;letter-spacing:-.4px;font-weight:700}:root.fr-phone .dash-surface .join-plan-lines,:root.fr-phone .dash-surface .portal-digest-line,:root.fr-phone .dash-surface .portal-quietline,:root.fr-phone .dash-surface .portal-tool-line{font-size:13px;line-height:18px}:root.fr-phone .dash-surface .join-go,:root.fr-phone .dash-surface .portal-answer,:root.fr-phone .dash-surface .portal-savebtn{font-size:15px;line-height:20px;letter-spacing:-.15px;font-weight:700}:root.fr-phone .dash-surface .ask-dealbox,:root.fr-phone .dash-surface .ask-input,:root.fr-phone .dash-surface .join-plan,:root.fr-phone .dash-surface .portal-notebox{background:var(--ap-card,#fff);border-color:var(--ap-hairline-strong,#c8d3e2)}:root.fr-phone .dash-surface .join-plan-on{border-color:var(--ap-text,#0c1626)}:root.fr-phone .dash-surface .portal-tool{border:none;border-top:1px solid var(--ap-hairline,#e1e7ef);border-radius:0;padding:14px 0}:root.fr-phone .dash-surface .portal-tools{gap:0}:root.fr-phone .dash-surface .portal-tool:first-child{border-top:none}:root.fr-phone .dash-surface{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 118px)!important}

/* !important because the card carries its own inline style object for the
   desktop, and an inline style beats a stylesheet rule at any specificity.
   Overriding one from a scoped phone layer is the case !important is for. */:root.fr-phone .dash-surface .fp-card{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;border-radius:0!important;border-left:0!important;border-right:0!important;padding:22px 0!important}:root.fr-phone .dash-surface [aria-expanded]{padding:22px 0}@media (max-width:430px){:root.fr-phone .dash-surface .fp-card{gap:14px}}