.ppValueStory{--pv-ink:var(--ink,#173330);--pv-muted:var(--muted,#526a66);--pv-line:var(--line,#c9d6cf);--pv-surface:var(--surface,#fffefa);--pv-soft:var(--surface2,#e4efeb);--pv-teal:var(--teal,var(--ever,#2b7a78));--pv-coral:var(--coral,#e75c3c);margin:0 0 20px;border:1px solid var(--pv-line);border-radius:24px;background:var(--pv-surface);color:var(--pv-ink);overflow:hidden;box-shadow:var(--shadow,0 18px 48px rgba(23,51,48,.1));font:15px/1.45 var(--font,var(--ui,ui-sans-serif,-apple-system,sans-serif))}
[data-theme="dark"] .ppValueStory{--pv-ink:var(--text-1,#f5f1e8);--pv-muted:var(--text-2,#b9c9c4);--pv-line:#35504b;--pv-surface:var(--bg-surface,#132a28);--pv-soft:var(--bg-surface-2,#193633)}
.ppValueStory *{box-sizing:border-box}
.ppValueStory h2,.ppValueStory h3,.ppValueStory p{margin-top:0}
.ppValueStory h2,.ppValueStory h3{font-family:var(--display,Charter,"Iowan Old Style",Georgia,serif);letter-spacing:-.03em;line-height:1}
.ppValueStory h2{margin-bottom:12px;font-size:clamp(30px,4.5vw,48px)}
.ppValueStory h3{margin-bottom:6px;font-size:clamp(25px,3vw,34px)}
.ppValueEyebrow{margin-bottom:10px;color:var(--pv-teal);font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.ppValueIntro{padding:28px;background:#173330;color:#f7f3e8}
.ppValueIntro .ppValueEyebrow{color:#70d3ca}
.ppValueIntro>p:last-of-type{max-width:620px;color:#d9e5e1}
.ppValueBody,.ppValueStory--wallet,.ppValueStory--strategy{padding:24px}
.ppValueHeading>p:last-child{margin-bottom:16px;color:var(--pv-muted)}
.ppValueSpend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
.ppValueSpend>div{min-width:0;padding:11px;border-radius:13px;background:rgba(255,255,255,.1)}
.ppValueSpend span,.ppValueSpend b{display:block}
.ppValueSpend span{font-size:10px;color:#c8d9d4}
.ppValueSpend b{font-size:18px;font-variant-numeric:tabular-nums}
.ppValueSpendTotal{display:flex;align-items:baseline;gap:8px;margin-top:15px}
.ppValueSpendTotal strong{color:#70d3ca;font:700 clamp(31px,5vw,44px)/1 var(--display,Georgia,serif);font-variant-numeric:tabular-nums}
.ppValueSpendTotal span{font-size:12px;color:#d9e5e1}
.ppValueTableWrap{width:100%;overflow-x:auto;border:1px solid var(--pv-line);border-radius:15px}
.ppValueTable{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
.ppValueTable th,.ppValueTable td{padding:13px 10px;border-top:1px solid var(--pv-line);text-align:right;white-space:nowrap}
.ppValueTable thead th{border-top:0;background:var(--pv-soft);color:var(--pv-muted);font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.ppValueTable th:first-child{width:34%;text-align:left}
.ppValueTable tbody th{font-size:12px}
.ppValueTable tbody td{font-weight:900}
.ppValueBand--conservative th{box-shadow:inset 4px 0 0 var(--pv-teal)}
.ppValueBand--average th{box-shadow:inset 4px 0 0 #c38a24}
.ppValueBand--highest th{box-shadow:inset 4px 0 0 var(--pv-coral)}
.ppValueStory .ppValueAssumptions{margin:18px 0 0;color:var(--pv-muted);font-size:11.5px;font-weight:750}
.ppValueProvenance{display:grid;gap:3px;margin-bottom:10px;padding:12px 14px;border-radius:13px;background:var(--pv-soft);font-size:11.5px}
.ppValueProvenance b,.ppValueProvenance span{display:block}
.ppValueSource{margin-bottom:0;color:var(--pv-muted);font-size:11.5px}
.ppValueSource a{color:inherit;font-weight:850;text-underline-offset:3px}
.ppValueReadingLabel{display:inline-flex;align-items:center;gap:5px}
.ppValueBalance .ppValueReadingLabel{display:inline-flex}
.ppValueReadingHint{position:relative;display:block;flex:0 0 16px;width:16px;height:16px;margin:0;color:var(--pv-muted)}
.ppValueReadingHint::before{content:"i";position:absolute;inset:0;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;transform:translateY(-1px);font:850 10px/1 var(--font,ui-sans-serif,sans-serif);pointer-events:none}
.ppValueReadingHint>summary{position:absolute;z-index:1;inset:-14px;border:0;margin:0;font-size:0;list-style:none;cursor:pointer}
.ppValueReadingHint>summary::-webkit-details-marker{display:none}
.ppValueReadingHint>summary:focus-visible{outline:2px solid var(--pv-teal);outline-offset:2px}
.ppValueReadingHint>span{display:none;position:absolute;z-index:3;top:calc(100% + 6px);left:0;width:max-content;max-width:220px;padding:8px 10px;border:1px solid var(--pv-line);border-radius:9px;background:var(--pv-surface);box-shadow:0 5px 14px rgba(23,51,48,.16);color:var(--pv-ink);font:600 11px/1.35 var(--font,ui-sans-serif,sans-serif);text-transform:none;letter-spacing:normal;white-space:normal}
.ppValueReadingHint[open]>span,.ppValueReadingHint:focus-within>span{display:block}
.ppValueTableWrap:has(.ppValueReadingHint[open]),.ppValueTableWrap:has(.ppValueReadingHint:focus-within){overflow:visible}
@media(hover:hover){.ppValueReadingHint:hover>span{display:block}.ppValueTableWrap:has(.ppValueReadingHint:hover){overflow:visible}}
.ppValueBalances{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ppValueBalance{display:grid;gap:3px;padding:16px;border:1px solid var(--pv-line);border-radius:15px;background:var(--pv-soft)}
.ppValueBalance span{font-weight:900}
.ppValueBalance small{color:var(--pv-muted)}
.ppValueBalance b{margin-top:9px;font:700 28px/1 var(--display,Georgia,serif);font-variant-numeric:tabular-nums}
.ppValueBalance.ppValueBand--conservative{border-left:4px solid var(--pv-teal)}
.ppValueBalance.ppValueBand--average{border-left:4px solid #c38a24}
.ppValueBalance.ppValueBand--highest{border-left:4px solid var(--pv-coral)}
.ppValueConfidence{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:14px 0 10px;padding:13px 15px;border-radius:13px;background:var(--pv-soft)}
.ppValueConfidence b,.ppValueConfidence span{display:block}
.ppValueConfidence span{max-width:390px;color:var(--pv-muted);font-size:11.5px}
.ppValueRanking{display:grid;gap:10px;margin:0 0 14px}
.ppValueRankCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--pv-line);border-radius:15px;background:var(--pv-soft)}
.ppValueRankCard.isLeader{border-color:var(--pv-teal);box-shadow:inset 4px 0 0 var(--pv-teal)}
.ppValueRankCard>div:first-child span,.ppValueRankCard>div:first-child b{display:block}
.ppValueRankCard>div:first-child span{color:var(--pv-muted);font-size:10.5px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.ppValueRankCard>div:first-child b{margin-top:3px}
.ppValueRankCard>strong{font:700 23px/1 var(--display,Georgia,serif);text-align:right;white-space:nowrap}
.ppValueRankCard>strong small{display:block;margin-top:4px;color:var(--pv-muted);font:700 10px/1 var(--font,ui-sans-serif,sans-serif)}
.ppValueRangeStrip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ppValueRangeStrip>span{display:flex;justify-content:space-between;gap:6px;padding:7px 9px;border-radius:9px;background:var(--pv-surface)}
.ppValueRangeStrip small{color:var(--pv-muted);font-size:9.5px}
.ppValueRangeStrip b{font-variant-numeric:tabular-nums}
.ppValuePeriodHead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:20px 0 10px}
.ppValuePeriodHead h3,.ppValuePeriodHead p{margin-bottom:0}
.ppValuePeriodHead p{margin-top:5px;color:var(--pv-muted);font-size:11.5px}
.ppValuePeriodSwitch{display:inline-grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border:1px solid var(--pv-line);border-radius:13px;background:var(--pv-soft)}
.ppValuePeriodSwitch button{min-height:44px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:var(--pv-muted);font:850 11px/1 var(--font,ui-sans-serif,sans-serif);white-space:nowrap;cursor:pointer}
.ppValuePeriodSwitch button[aria-pressed="true"]{background:var(--pv-surface);color:var(--pv-ink);box-shadow:0 1px 5px rgba(23,51,48,.12)}
.ppValueDisclosure{margin:14px 0 0}
.ppValueDisclosure>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--pv-muted);font-size:12px;font-weight:750}
.ppValueDisclosure[open]>summary{margin-bottom:8px}
.ppValueDisclosure .ppValueProvenance{margin:0}
.ppValueStory--strategy.isPeriodInteractive .ppValueTable [data-pp-period-col]{display:none}
.ppValueStory--strategy[data-pp-period="month"] .ppValueTable [data-pp-period-col="month"],
.ppValueStory--strategy[data-pp-period="year"] .ppValueTable [data-pp-period-col="year"],
.ppValueStory--strategy[data-pp-period="five"] .ppValueTable [data-pp-period-col="five"]{display:table-cell}

@media(max-width:620px){
  .ppValueStory{border-radius:20px}
  .ppValueIntro,.ppValueBody,.ppValueStory--wallet,.ppValueStory--strategy{padding:18px}
  .ppValueStory h2{font-size:34px}
  .ppValueSpend{gap:6px}
  .ppValueSpend>div{padding:9px 7px}
  .ppValueSpend b{font-size:16px}
  .ppValueTable th,.ppValueTable td{padding:11px 5px;font-size:11px}
  .ppValueTable th:first-child{width:36%}
  .ppValueTable tbody th{font-size:10.5px}
  .ppValueBalances{grid-template-columns:1fr}
  .ppValueConfidence{display:grid;gap:5px}
  .ppValueRankCard{grid-template-columns:1fr}
  .ppValueRankCard>strong{text-align:left}
  .ppValueRangeStrip{grid-column:1}
  .ppValuePeriodHead{display:grid;align-items:start}
  .ppValuePeriodSwitch{width:100%}
}