.pfwrap{max-width:none;margin:0;padding:0 clamp(12px,3vw,40px);box-sizing:border-box;width:100%}
.pfwrap>*,.pfgrid>*{min-width:0;max-width:100%;box-sizing:border-box}
.pfgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}@media(max-width:900px){.pfgrid{grid-template-columns:minmax(0,1fr)}}
/* stat cards: 4 across on laptop/desktop, 2x2 on tablet/phone; numbers scale with the card and never overflow */
#totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:900px){#totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
#totals>.stat{min-width:0;container-type:inline-size;padding:12px 14px;overflow:hidden}
#totals>.stat>.muted{display:block;font-size:13px;margin-bottom:4px}
#totals>.stat>b{display:block;font-size:22px;font-size:clamp(17px,12cqi,30px);line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal}
#totals .pct{display:block;font-size:clamp(12px,.6em,17px);font-weight:600;margin-top:2px;opacity:.95}
#totals [title]{cursor:help;text-decoration:none}
#totals>.pfsrc{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding:10px 14px;line-height:1.45;min-width:0;overflow-wrap:anywhere}
#totals>.pfsrc b{display:inline;font-size:inherit}
#totals>.pfsrc>.muted{font-size:13px}
/* holdings table scrolls inside its card */
.tblwrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tblwrap .tbl{width:100%}.tblwrap .tbl td,.tblwrap .tbl th{white-space:nowrap;font-variant-numeric:tabular-nums}
#manual .trade{gap:8px;min-width:0}#manual .trade>span{min-width:0;overflow-wrap:anywhere}
#legend div{gap:8px;min-width:0}#legend div>span:last-child{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.addr{overflow-wrap:anywhere;line-height:1.7}.addr code{word-break:break-all}.addr input{max-width:100%}
#addh,#adda{flex-wrap:wrap}#addh input,#adda input{min-width:0;max-width:100%;flex:1 1 120px}

#donut{width:100%;max-width:260px;display:block;margin:auto}#legend div{display:flex;justify-content:space-between;font-size:13px;padding:2px 0}#legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px}
#hist{height:240px}.addr{border-bottom:1px solid var(--line);padding:6px 0;font-size:13px}.addr code{font-size:11px;color:var(--mut)}.tbl a{color:var(--fg)}

/* 2026-10-30 (#38) USD / BTC view toggle */
.unitbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 10px}.unitbar>.muted{font-size:13px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{min-height:32px;min-width:52px;padding:4px 12px;border:0;border-radius:0;background:transparent;color:var(--mut);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.seg button+button{border-left:1px solid var(--line)}
.seg button[aria-pressed=true]{background:var(--acc);color:#111}.seg button:hover:not([aria-pressed=true]){color:var(--fg)}.seg button:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
@media(pointer:coarse){.seg button{min-height:44px}}
#unitnote{flex:1 1 220px;min-width:0}