/* Paxia ROI Calculator — house style (Navy #0B1929, Sky #1B7FE8, Gold #F0A500). */
.pxroi{max-width:980px;margin:0 auto;box-sizing:border-box;}
.pxroi *{box-sizing:border-box;}

.pxroi-kicker{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:54px;}
.pxroi-kicker-line{display:inline-block;width:22px;height:3px;background:#1B7FE8;border-radius:2px;flex:0 0 auto;}
.pxroi-kicker-text{font-size:13px;font-weight:800;letter-spacing:0.18em;text-transform:uppercase;color:#1B7FE8;}
.pxroi-title{text-align:center;font-size:clamp(28px,3vw,38px);font-weight:800;color:#0B1929;line-height:1.15;margin:0 0 54px;}
.pxroi-sub{text-align:center;font-size:17px;color:#3D5470;line-height:1.7;max-width:680px;margin:0 auto 40px;}

.pxroi-card{background:#0B1929;border-radius:18px;padding:36px;box-shadow:0 24px 60px rgba(11,25,41,0.28);}

.pxroi-step{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid #1E3450;}
.pxroi-step-last{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.pxroi-step-h{display:flex;align-items:center;gap:12px;padding:0;font-size:18px;font-weight:700;color:#FFFFFF;margin:0 0 6px;width:100%;background:none;border:none;text-align:left;cursor:default;}
.pxroi-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#1B7FE8;color:#fff;font-size:14px;font-weight:800;flex:0 0 auto;}
.pxroi-step-d{font-size:14px;color:#A8C0D8;margin:0 0 18px;padding-left:40px;}
.pxroi-opt{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0B1929;background:#F0A500;padding:3px 8px;border-radius:20px;}

.pxroi-l{display:block;font-size:13px;font-weight:700;color:#FFFFFF;margin-bottom:8px;}
.pxroi-card .pxroi-in{width:100%;padding:12px 14px;border:1px solid #2C4258;border-radius:8px;font-size:15px;color:#0B1929;background:#fff;}
.pxroi-in::placeholder{color:#9DB2C7;}

.pxroi-flights{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px;}
.pxroi-spend{display:flex;flex-wrap:wrap;gap:14px;}
/* Size the whole field (label + box) so boxes are compact but never float in an
   oversized cell — the label and its box share one tidy, left-aligned width. */
.pxroi-flights .pxroi-field{width:160px;}
.pxroi-spend .pxroi-field{width:230px;}
.pxroi-field{min-width:0;}

/* Fleet (collapsible) */
.pxroi-toggle-fleet{cursor:pointer;}
.pxroi-chev{margin-left:auto;flex:0 0 auto;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #A8C0D8;transition:transform .2s;}
/* Chevron direction is driven solely by each toggle's own aria-expanded
   (see .pxroi-step-h[aria-expanded="true"] below) so panels never interfere. */
.pxroi-fleet{padding-top:6px;}
.pxroi-maker{margin-bottom:18px;}
.pxroi-maker-h{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7FB8F5;margin-bottom:10px;}
.pxroi-models{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;}
.pxroi-acf label{display:block;font-size:12px;font-weight:600;color:#E4EEF8;margin-bottom:4px;}
.pxroi-card .pxroi-acf input{width:100%;padding:8px 10px;border:1px solid #2C4258;border-radius:8px;font-size:14px;color:#0B1929;background:#fff;}
.pxroi-others{display:flex;flex-wrap:wrap;gap:14px;}
.pxroi-others .pxroi-field{width:160px;}
/* Match the "other / not listed" inputs to the compact named-aircraft inputs */
.pxroi-card .pxroi-other{padding:8px 10px;font-size:14px;}

/* Assumptions (collapsible) */
.pxroi-toggle-assume{cursor:pointer;}
.pxroi-step-h[aria-expanded="true"] .pxroi-chev{transform:rotate(180deg);}
.pxroi-assume{padding-top:6px;}
/* The lead-form toggle isn't a .pxroi-step-h (different box treatment), so it
   needs its own rotate rule -- same mechanic, just a different selector. */
.pxroi-lead-toggle[aria-expanded="true"] .pxroi-chev{transform:rotate(180deg);}
.pxroi-assume-grp{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7FB8F5;margin:18px 0 10px;}
.pxroi-assume-grp:first-of-type{margin-top:4px;}
.pxroi-assume-note-inline{font-weight:600;letter-spacing:0;text-transform:none;color:#8FA8C2;}
.pxroi-assume-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;}
.pxroi-assume-row .pxroi-field{width:208px;}
/* $ / % adornments — the .pxroi-adorn wrapper IS the visible white box; the
   input sits transparent inside it and the $/% is a flex sibling, so the symbol
   is always inside the box and can never wrap to its own line. */
.pxroi-adorn{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid #2C4258;border-radius:8px;padding:0 12px;}
.pxroi-adorn:focus-within{border-color:#1B7FE8;}
.pxroi-card .pxroi-adorn .pxroi-in{flex:1 1 auto;min-width:0;width:100%;border:none;background:transparent;border-radius:0;padding:12px 2px;-moz-appearance:textfield;appearance:textfield;}
.pxroi-adorn .pxroi-in:focus{outline:none;box-shadow:none;}
.pxroi-adorn .pxroi-in::-webkit-outer-spin-button,
.pxroi-adorn .pxroi-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.pxroi-adorn-pre,.pxroi-adorn-suf{flex:0 0 auto;color:#3D5470;font-size:15px;font-weight:600;}

/* Button + results */
.pxroi-btn{width:100%;background:#1B7FE8;color:#fff;font-size:16px;font-weight:700;padding:16px;border:none;border-radius:8px;cursor:pointer;margin-top:6px;}
.pxroi-btn:hover{background:#1569c7;}
.pxroi-error{color:#F7B3B3;font-size:14px;margin:14px 0 0;text-align:center;}

.pxroi-results-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:24px;}
.pxroi-result{background:#13283F;border:2px solid #F0A500;border-radius:10px;padding:18px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 0 3px rgba(240,165,0,0.18);}
.pxroi-result-total{background:#13283F;border:1px solid #F0A500;}
.pxroi-rl{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#FFFFFF;margin-bottom:10px;}
.pxroi-rv{font-size:26px;font-weight:800;color:#F0A500;line-height:1.1;}
.pxroi-result-total .pxroi-rv{font-size:28px;}

.pxroi-eitheror{margin-top:20px;background:#0F2136;border:1px solid #24405C;border-radius:10px;padding:18px 20px;}
.pxroi-eitheror-label{display:block;font-size:13px;font-weight:700;color:#FFFFFF;margin-bottom:12px;}
.pxroi-seg{display:flex;gap:12px;}
.pxroi-seg-btn{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:#112338;border:2px solid #2C4258;border-radius:10px;padding:18px 12px;cursor:pointer;color:#A8C0D8;opacity:.8;transition:border-color .15s,background .15s,box-shadow .15s,opacity .15s;}
.pxroi-seg-btn:hover{border-color:#1B7FE8;}
.pxroi-seg-btn.is-active{border-color:#F0A500;background:#13283F;opacity:1;box-shadow:0 0 0 3px rgba(240,165,0,0.18);}
.pxroi-seg-t{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#A8C0D8;}
.pxroi-seg-btn.is-active .pxroi-seg-t{color:#FFFFFF;}
.pxroi-seg-v{font-size:26px;font-weight:800;color:#F0A500;line-height:1.1;}
.pxroi-seg-btn::after{content:"";position:absolute;top:12px;right:12px;width:15px;height:15px;border-radius:50%;border:2px solid #46607F;box-sizing:border-box;transition:border-color .15s,background .15s,box-shadow .15s;}
.pxroi-seg-btn.is-active::after{border-color:#F0A500;background:#F0A500;box-shadow:inset 0 0 0 3px #13283F;}
.pxroi-eitheror-note{font-size:12px;color:#8FA8C2;line-height:1.6;margin:14px 0 0;}

/* ---- Value results rework (v1.4.0): explanatory chips + boxes in rows ---- */
.pxroi-vrow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:16px;align-items:stretch;}
.pxroi-chip{background:#112338;border:1px solid #24405C;border-top:3px solid #24405C;border-radius:10px;padding:16px 18px;text-align:left;display:flex;flex-direction:column;}
.pxroi-chip--blue{border-top-color:#1B7FE8;}
.pxroi-chip--gold{border-top-color:#F0A500;}
.pxroi-chip--teal{border-top-color:#2BA89A;}
.pxroi-chip--slate{border-top-color:#7A94B0;}
.pxroi-chip-stat{font-size:15px;font-weight:800;color:#FFFFFF;line-height:1.25;margin-bottom:8px;text-align:center;}
.pxroi-chip-desc{font-size:12px;font-weight:400;color:#A8C0D8;line-height:1.55;}
.pxroi-vrow .pxroi-result{margin:0;}
.pxroi-vrow .pxroi-seg-btn{height:100%;}
/* Full-width, prominent total */
.pxroi-total{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;background:#13283F;border:2px solid #F0A500;border-radius:12px;padding:22px 26px;box-shadow:0 0 0 4px rgba(240,165,0,0.12);}
.pxroi-total-l{font-size:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#FFFFFF;}
.pxroi-total-v{font-size:clamp(34px,4.5vw,48px);font-weight:800;color:#F0A500;line-height:1;}

.pxroi-assum-summary{font-size:12px;color:#A8C0D8;line-height:1.6;margin:18px 0 0;text-align:center;}
.pxroi-assum-summary:empty{display:none;}
.pxroi-disclaimer{font-size:12px;color:#7E97B1;line-height:1.6;margin:10px 0 0;text-align:center;}
.pxroi-cta-wrap{text-align:center;margin-top:14px;}
.pxroi-cta-link{font-size:14px;font-weight:600;color:#7FB8F5;text-decoration:none;}
.pxroi-cta-link:hover{color:#A9D0FB;}

/* Embedded HubSpot lead form (replaces the plain link once configured) --
   collapsible, defaults CLOSED (unlike Step 1 below, which defaults open). */
.pxroi-lead{margin-top:20px;background:#0F2136;border:1px solid #F0A500;border-radius:12px;padding:20px 26px;box-shadow:0 0 0 3px rgba(240,165,0,0.12);}
.pxroi-lead-toggle{display:flex;align-items:center;width:100%;background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;}
.pxroi-lead-h{font-size:16px;font-weight:800;color:#FFFFFF;margin:0;text-align:left;}
.pxroi-lead-body{padding-top:18px;}
.pxroi-lead-d{font-size:13px;color:#A8C0D8;line-height:1.6;margin:0 0 18px;text-align:left;}
.pxroi-lead .hs-form-frame{width:100%;}

/* Step 1 (Operational Profile) collapsible body -- reuses the same chevron/
   toggle mechanics as Fleet and Assumptions, just defaults open via JS. */
.pxroi-toggle-profile{cursor:pointer;}
.pxroi-profile{padding-top:6px;}

/* ---- v1.7.0: build-up drivers, inventory memo, sources panel ---- */
/* Rows carrying per-field notes top-align instead: bottom-alignment would
   stagger the inputs by the note height. Labels there reserve two lines so a
   wrapping one ("Meals loaded per passenger today") cannot push its own box
   out of line with its neighbors. */
.pxroi-assume-row--top{align-items:flex-start;}
/* Driver rows: one label wraps, and its tooltip icon can take a line of its
   own, so no min-height guess on the label holds. Stretch the fields to equal
   height and push each control to the bottom - labels start on one line, boxes
   end on one line, however the text wraps. */
.pxroi-assume-row--labels2,.pxroi-spend,.pxroi-flights{align-items:stretch;}
.pxroi-assume-row--labels2 .pxroi-field,.pxroi-spend .pxroi-field,.pxroi-flights .pxroi-field{display:flex;flex-direction:column;}
.pxroi-assume-row--labels2 .pxroi-field > .pxroi-adorn,
.pxroi-assume-row--labels2 .pxroi-field > .pxroi-in,
.pxroi-spend .pxroi-field > .pxroi-in,
.pxroi-flights .pxroi-field > .pxroi-in{margin-top:auto;}
.pxroi-chip--purple{border-top-color:#7B5EA7;}
.pxroi-assume-help{font-size:12px;color:#8FA8C2;line-height:1.6;margin:0 0 12px;max-width:660px;}
.pxroi-assume-sub{font-size:12px;font-weight:700;color:#A8C0D8;margin:18px 0 10px;}
.pxroi-assume-sub-note{font-weight:400;color:#7E97B1;margin-left:8px;}

/* Tooltips. The explanations used to sit above each row as paragraphs, which
   pushed the inputs out of line and buried the fields. CSS-only, keyboard
   reachable, and the body resets the uppercase/letter-spacing it inherits from
   a group heading. */
/* Anchor to the LABEL, not the icon: the icon sits wherever the label text
   happens to end, so left:0 from there pushed the panel past the viewport at
   1000px and below. And hide with display:none, because a visibility:hidden
   absolute box still counts toward document scrollWidth. */
.pxroi-l,.pxroi-assume-grp{position:relative;}
.pxroi-tip{display:inline-flex;vertical-align:middle;margin-left:7px;}

/* kg / lb toggle. Absolutely placed against the group heading, which is already
   position:relative for the tooltips, so it costs the heading no layout. */
.pxroi-unit{position:absolute;right:0;top:-5px;display:inline-flex;border:1px solid #2C4258;border-radius:8px;overflow:hidden;}
.pxroi-unit-btn{padding:5px 13px;border:none;background:transparent;color:#A8C0D8;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:none;cursor:pointer;}
.pxroi-unit-btn + .pxroi-unit-btn{border-left:1px solid #2C4258;}
.pxroi-unit-btn:hover{color:#FFFFFF;}
.pxroi-unit-btn.is-active{background:#1B7FE8;color:#FFFFFF;}
.pxroi-tip-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:1px solid #46607F;border-radius:50%;background:transparent;color:#A8C0D8;font-family:inherit;font-size:11px;font-weight:800;line-height:1;letter-spacing:0;cursor:help;}
.pxroi-tip-btn:hover,.pxroi-tip-btn:focus{background:#1B7FE8;border-color:#1B7FE8;color:#FFFFFF;outline:none;}
.pxroi-tip-body{display:none;position:absolute;left:0;top:calc(100% + 4px);z-index:30;width:270px;max-width:calc(100vw - 48px);padding:11px 13px;background:#13283F;border:1px solid #2C4258;border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,0.5);font-size:12px;font-weight:400;line-height:1.55;letter-spacing:0;text-transform:none;color:#DCE8F7;pointer-events:none;}
.pxroi-tip-btn:hover + .pxroi-tip-body,.pxroi-tip-btn:focus + .pxroi-tip-body{display:block;}

/* Calculated figures are results, not fields: read-only, gold, no white box. */
.pxroi-adorn.is-computed{background:#13283F;border-color:#2C4258;}
.pxroi-card .pxroi-adorn.is-computed .pxroi-in{color:#F0A500;font-weight:800;cursor:default;}
.pxroi-adorn.is-computed .pxroi-adorn-suf{color:#8FA8C2;}
.pxroi-field-note{font-size:11px;color:#7E97B1;line-height:1.45;margin:6px 0 0;}
.pxroi-memo{font-size:13px;color:#F0A500;line-height:1.6;margin:12px 0 0;text-align:center;}
.pxroi-memo[hidden]{display:none;}

.pxroi-src{margin-top:24px;background:#0F2136;border:1px solid #24405C;border-radius:12px;padding:18px 22px;}
.pxroi-src-toggle{display:flex;align-items:center;width:100%;background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;}
.pxroi-src-toggle[aria-expanded="true"] .pxroi-chev{transform:rotate(180deg);}
.pxroi-src-h{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7FB8F5;}
.pxroi-src-body{padding-top:16px;}
.pxroi-src-intro{font-size:13px;color:#A8C0D8;line-height:1.65;margin:0 0 14px;}
.pxroi-src-list{list-style:none;margin:0;padding:0;}
.pxroi-src-list li{padding:10px 0;border-top:1px solid #1E3450;}
.pxroi-src-list li:first-child{border-top:none;padding-top:0;}
.pxroi-src-list a{display:block;font-size:13px;font-weight:700;color:#7FB8F5;text-decoration:none;margin-bottom:4px;}
.pxroi-src-list a:hover{color:#A9D0FB;text-decoration:underline;}
.pxroi-src-note{display:block;font-size:12px;color:#8FA8C2;line-height:1.55;}
.pxroi-src-method{font-size:12px;color:#7E97B1;line-height:1.65;margin:16px 0 0;padding-top:14px;border-top:1px solid #1E3450;}

/* ---- v2.0.0: Step 3 sub-sections ---- */
.pxroi-fold-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 18px;}
.pxroi-fold-intro .pxroi-step-d{margin:0;flex:1 1 auto;}
.pxroi-fold-intro .pxroi-unit{position:static;flex:0 0 auto;margin:0;}
.pxroi-fold{border:1px solid #1E3450;border-radius:12px;background:rgba(255,255,255,0.025);margin:0 0 14px;}
.pxroi-fold-h{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;background:none;border:0;color:#FFFFFF;font:inherit;text-align:left;cursor:pointer;}
.pxroi-fold-txt{flex:1 1 auto;min-width:0;}
.pxroi-fold-t{display:block;font-size:15px;font-weight:700;line-height:1.3;}
.pxroi-fold-sum{display:block;font-size:12.5px;font-weight:500;color:#8FA8C2;line-height:1.45;margin-top:3px;}
.pxroi-fold-n{flex:0 0 auto;font-size:11px;font-weight:800;letter-spacing:.06em;color:#A8C0D8;background:#15263B;border:1px solid #24405F;border-radius:999px;padding:3px 9px;}
.pxroi-fold-h[aria-expanded="true"] .pxroi-chev{transform:rotate(180deg);}
.pxroi-fold-b{padding:4px 20px 20px;border-top:1px solid #1E3450;}
.pxroi-fold-b > .pxroi-assume-grp:first-child{margin-top:18px;}

/* Two stacked rows only happen where a group needs more fields than fit on one
   line (the freight path). Everywhere else a heading or sub-label carries the
   space, so this is scoped to the adjacency rather than added to every row. */
.pxroi-assume-row + .pxroi-assume-row{margin-top:22px;}

/* ---- v2.0.0: sustainability panel + other benefits ---- */
.pxroi-sus-kick{display:flex;align-items:center;gap:10px;margin:0 0 14px;}
.pxroi-sus-kick i{display:inline-block;width:22px;height:3px;border-radius:2px;background:#F0A500;}
.pxroi-sus-kick span{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#F0A500;}
.pxroi-sus-h{font-size:19px;font-weight:800;color:#FFFFFF;line-height:1.3;margin:0 0 20px;}
.pxroi-sus-v{font-size:30px;font-weight:800;color:#F0A500;line-height:1.1;}
.pxroi-sus-v small{font-size:17px;font-weight:700;color:#DCE8F7;margin-left:6px;}
.pxroi-sus-lbl{font-size:13px;color:#A8C0D8;line-height:1.55;margin:0;}
.pxroi-sus-foot{font-size:11px;color:#8FA8C2;line-height:1.5;margin:auto 0 0;padding-top:18px;font-style:italic;}
.pxroi-sus{margin-top:20px;display:grid;grid-template-columns:1.35fr 1fr;background:#0F2136;border:1px solid #24405C;border-radius:10px;overflow:hidden;}
.pxroi-sus-l{padding:24px 26px;border-top:3px solid #2E9E4F;display:flex;flex-direction:column;}
.pxroi-sus-r{padding:24px 26px;background:#0C1D30;border-left:1px solid #24405C;border-top:3px solid #1B7FE8;display:flex;flex-direction:column;}
.pxroi-sus-lede{font-size:14px;line-height:1.6;color:#B9CCE2;margin:0 0 18px;max-width:52ch;}
/* One grid for all four rows: the figures share a column, so every label starts
   at the same x and a wrapped line stays in the label column instead of
   indenting under the number. */
.pxroi-sus-stats{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:0;row-gap:0;align-items:baseline;}
/* The gap between the columns is padding on the figure, not a column gap: a gap
   would break each row's hairline in two. */
.pxroi-sus-stats > *{padding:14px 0;}
.pxroi-sus-stats > .pxroi-sus-v{padding-right:18px;}
.pxroi-sus-stats > *:nth-child(1),.pxroi-sus-stats > *:nth-child(2){padding-top:0;}
/* The hairline is its own full-width row, not a border on each cell. Baseline
   alignment is what sits the label on the figure's baseline, and it does that
   by moving the cell: the label box starts 13px below the figure box, so a
   border on each cell draws two lines at two heights. */
.pxroi-sus-stats > .pxroi-sus-rule{grid-column:1 / -1;padding:0;border-top:1px solid #1E3450;}
.pxroi-sus-35{font-size:24px;}
/* A subscript digit, because the site's fonts have no glyph for U+2082 and the
   browser falls through to a last-resort font that draws a diamond. */
.pxroi-sus-v sub{font-size:.68em;line-height:0;}
/* The host forces ul{list-style:disc} sitewide, so this one says so out loud. */
.pxroi-ben-list{list-style:none !important;margin:0;padding:0;}
.pxroi-ben-list li{position:relative;padding:0 0 12px 24px;font-size:13px;color:#DCE8F7;line-height:1.5;}
.pxroi-ben-list li::before{content:"\2713";position:absolute;left:0;top:0;color:#2E9E4F;font-weight:800;}
.pxroi-ben-list li b{display:block;color:#FFFFFF;font-weight:700;}
.pxroi-ben-list li span{color:#A8C0D8;font-size:12px;}

/* ---- v2.0.0: results held over while the operation is incomplete ---- */
.pxroi-stale{font-size:13px;font-weight:700;color:#F0A500;line-height:1.6;margin:14px 0 0;text-align:center;}
.pxroi-stale[hidden]{display:none;}
#pxroi-results.is-stale{opacity:.45;}

@media(max-width:760px){
	.pxroi-card{padding:24px;}
	.pxroi-results-grid{grid-template-columns:1fr;}
	.pxroi-vrow{grid-template-columns:1fr;}
	.pxroi-total{flex-direction:column;align-items:flex-start;gap:8px;}
	.pxroi-flights .pxroi-field,.pxroi-spend .pxroi-field,.pxroi-others .pxroi-field,.pxroi-assume-row .pxroi-field{width:100%;}
	.pxroi-seg{flex-direction:column;}
	.pxroi-result-total .pxroi-rv{font-size:24px;}
	.pxroi-src{padding:16px 18px;}
	.pxroi-memo{text-align:left;}
	/* No room beside a wrapped heading on a phone. Inline, it rides the
	   second line jammed against the tooltip icon and reads as part of the
	   sentence, so it takes a line of its own instead. */
	.pxroi-unit{position:static;display:flex;width:max-content;margin:12px 0 0;}
}

@media(max-width:1000px){
	.pxroi-sus-v{font-size:26px;}
	.pxroi-sus-v small{font-size:15px;margin-left:5px;}
	.pxroi-sus-stats{grid-template-columns:1fr;}
	.pxroi-sus-stats > *{padding:0;}
	.pxroi-sus-stats > .pxroi-sus-v{padding:14px 0 4px;}
	.pxroi-sus-stats > .pxroi-sus-lbl{padding:0 0 14px;}
}
@media(max-width:760px){
	.pxroi-fold-h{padding:14px 16px;gap:10px;}
	.pxroi-fold-b{padding:4px 16px 16px;}
	.pxroi-fold-n{display:none;}
	.pxroi-fold-intro{flex-direction:column;gap:12px;}
	.pxroi-fold-intro .pxroi-step-d{padding-left:0;}
	.pxroi-sus{grid-template-columns:1fr;}
	.pxroi-sus-r{border-left:0;border-top:1px solid #24405C;}
	.pxroi-sus-l,.pxroi-sus-r{padding:20px;}
	.pxroi-sus-lede{font-size:13px;}
	.pxroi-sus-v{font-size:24px;}
	.pxroi-sus-v small{font-size:14px;}
	.pxroi-sus-h{font-size:18px;}
	.pxroi-stale{text-align:left;}
}