/* Sora: display and financial figures. DM Sans: reading. Plex Mono: compact data. */
body{font-family:var(--body);font-optical-sizing:auto}
h1,h2,h3,h4{font-family:var(--heading);font-weight:500}
h1,h2{letter-spacing:-.045em}
h3,h4{letter-spacing:-.028em}
.confluence-hero h1{letter-spacing:-.055em;line-height:1.06;font-weight:500}
.section-heading h2,.principles h2{line-height:1.17;letter-spacing:-.045em}
.section-heading>div{min-width:0}
.app-heading h1{letter-spacing:-.045em;line-height:1.16}
.panel-head h2,.panel-head h3,.ticket h2{letter-spacing:-.03em;line-height:1.25}
.allocation-ticket h3{letter-spacing:-.04em;line-height:1.16}
.product-card h3,.catalog-card h3{letter-spacing:-.035em;line-height:1.2}
.hero-portfolio strong{font-family:var(--heading);letter-spacing:-.035em;line-height:1.2}
.eyebrow,.allocation-overline{font-family:var(--mono);font-weight:400;letter-spacing:.08em}
.badge{font-family:var(--mono);font-weight:400;letter-spacing:.025em}
.btn,.nav-pill a,.nav-trigger,.app-nav a{font-family:var(--body);font-weight:550;letter-spacing:-.005em}
input,select,textarea,button{font-optical-sizing:auto}
.input-line input,.field-input[type=number]{font-family:var(--numeric);font-weight:500;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.035em}
.market-price,.chart-value,.metric-card strong,.allocation-value>strong,.allocation-center>span,.allocation-legend strong,.pool-value-row>div:first-child>strong,.pool-reserve>strong,.pool-contribution-equation>div>span{font-family:var(--numeric);font-weight:550;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.045em}
.market-price{letter-spacing:-.04em}
.pool-reserve>strong{letter-spacing:-.035em}
.number,.table .numeric{font-variant-numeric:lining-nums tabular-nums}
.market-ohlc b,.market-price-axis,.market-summary b,.market-tooltip strong,.table td.numeric,.allocation-breakdown strong,.pool-share-row>strong,.receipt-id{font-family:var(--mono);font-weight:400;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.025em}
.market-tooltip strong{font-size:17px;line-height:1.4}
.market-ohlc b{font-weight:400}
.market-price-axis>.market-current-tag{font-weight:500;letter-spacing:-.045em}
.receipt-id{line-height:1.85}
.doc-section p,.doc-section li{line-height:1.9}
@media(max-width:1100px){.confluence-hero h1{letter-spacing:-.06em}}
@media(max-width:600px){.confluence-hero h1{letter-spacing:-.06em;line-height:1.08}.section-heading h2,.principles h2{letter-spacing:-.045em;line-height:1.19}.allocation-ticket h3{line-height:1.2}.market-tooltip strong{font-size:15px}}

@media(max-width:600px){.confluence-hero h1{font-size:clamp(37px,11.2vw,64px)}.metric-card strong{font-size:clamp(18px,5.6vw,24px)}}
@media(max-width:380px){.market-path-stats{display:none}.market-price{font-size:29px}.pool-value-row{gap:10px}.pool-value-row>div:first-child>strong{font-size:26px}.pool-value-row>div:first-child>strong>span{display:none}}

/* Responsive reading scale. Small utility copy never drops below 12px at default zoom. */
:root{--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--panel-title:clamp(1.125rem,1.35vw,1.375rem);--section-title:clamp(1.875rem,3.2vw,2.875rem);--page-title:clamp(2rem,3.5vw,2.8125rem)}
html{font-size:100%}
body{font-size:var(--text-base);line-height:1.65}
.confluence-hero h1{font-size:clamp(4rem,5.7vw,5.25rem)}
.hero-description{font-size:var(--text-base);line-height:1.75;max-width:25rem}
.section-heading h2,.principles h2{font-size:var(--section-title)}
.app-heading h1{font-size:var(--page-title)}
.learn-intro h1{font-size:clamp(2.25rem,4.5vw,3.375rem)}
.section-heading>p{font-size:var(--text-base);line-height:1.75;max-width:24rem}
.principles>div>p,.learn-intro p{font-size:var(--text-base);line-height:1.8;max-width:28rem}
.app-heading p{font-size:var(--text-sm);line-height:1.75;max-width:42rem}
.eyebrow,.allocation-overline{font-size:var(--text-xs);line-height:1.6;letter-spacing:.07em}
.badge{font-size:var(--text-xs);line-height:1.5;padding:4px 9px}
.btn{font-size:var(--text-sm);min-height:48px;line-height:1.5}
.btn-small{font-size:var(--text-xs);min-height:40px}
.nav-pill>a,.nav-trigger,.app-nav a,.mobile-nav a{font-size:var(--text-sm)}
.text-link,.product-bottom,.service-strip a{font-size:var(--text-sm)}
.hero-foot{font-size:var(--text-xs);line-height:1.6;flex-wrap:wrap;row-gap:10px}
.hero-index,.hero-model-controls,.mode,.header-ca,.ca-status,.ca-status button{font-size:var(--text-xs)}
.header-actions>.btn{font-size:var(--text-sm)}
.hero-portfolio{width:240px}
.hero-portfolio-top,.hero-portfolio-bottom{font-size:var(--text-xs)}
.hero-portfolio strong{font-size:1.5rem}
.panel-head h2,.panel-head h3,.ticket h2{font-size:var(--panel-title);line-height:1.35}
.asset-heading strong,.pool-pair>div:last-child>strong{font-size:var(--text-sm)}
.asset-heading small,.pool-pair small{font-size:var(--text-xs);line-height:1.5}
.field>label{font-size:var(--text-sm);line-height:1.5;margin-bottom:9px;flex-wrap:wrap;gap:5px}
.field>label>span,.input-foot,.input-foot>span{font-size:var(--text-xs);line-height:1.6}
.input-line input{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.25}
.input-line select,.field-input,.field-select{font-size:var(--text-sm);line-height:1.5;min-height:44px}
.input-line select{min-width:80px}
.field-row,.allocation-inputs{gap:12px}
.input-foot{flex-wrap:wrap;gap:6px}
.max-button,.balance-chip,.balance-chip b{font-size:var(--text-xs)}
.quote-row{font-size:.8125rem;line-height:1.6;gap:12px;align-items:baseline}
.quote-row>span{min-width:0}
.quote-row>strong{min-width:0;max-width:64%;overflow-wrap:anywhere}
.ticket-note,.disclosure,.status-note,.receipt-id,.storage-warning,.scenario-bar .context{font-size:var(--text-xs);line-height:1.75}
.error-message,.empty p,.reset-row p{font-size:var(--text-sm);line-height:1.75}
.segmented button,.leverage-buttons button,.filters button{font-size:var(--text-sm);min-height:40px}
.scenario-controls{flex-wrap:wrap;row-gap:10px}
.scenario-controls label{font-size:var(--text-xs)}
.scenario-controls select{font-size:.8125rem;min-height:40px;max-width:none}
.scenario-bar .context{flex-wrap:wrap}
.product-card{min-height:285px}
.product-card h3,.catalog-card h3{font-size:1.5rem}
.product-card p,.catalog-card p,.principle p,.info-list-item p{font-size:var(--text-sm);line-height:1.75}
.principle h3,.empty h3{font-size:1.25rem}
.info-list-item h3{font-size:var(--text-base);line-height:1.4}
.product-index,.catalog-card .quote-row,.position-card .quote-row{font-size:var(--text-xs)}
.position-title h3{font-size:var(--text-lg);line-height:1.4;overflow-wrap:anywhere}
.position-card,.catalog-card,.metric-card,.app-grid>div,.app-grid>.ticket{min-width:0}
.metric-card strong{font-size:clamp(1.375rem,2.2vw,1.875rem)}
.metric-card small,.metric-card p{font-size:var(--text-xs);line-height:1.65}
.table th{font-size:var(--text-xs);line-height:1.5}
.table td,.table .asset-heading strong{font-size:.8125rem;line-height:1.6}
.allocation-item,.history-item strong{font-size:var(--text-sm)}
.history-item p,.history-item small{font-size:var(--text-xs);line-height:1.7}
.doc-section p,.doc-section li{font-size:var(--text-base);line-height:1.85}
.doc-section h2{font-size:1.75rem;line-height:1.3}
.doc-section h3{font-size:1.25rem;line-height:1.4}
.docs-sidebar>a{font-size:var(--text-sm);line-height:1.5}
.faq-list summary{font-size:var(--text-base);line-height:1.6}
.faq-list p,.step p{font-size:var(--text-sm);line-height:1.8}
.step h2{font-size:1.5rem;line-height:1.35}
.step a{font-size:var(--text-sm)}
.cta-band h2{font-size:clamp(1.875rem,3vw,2.5rem);line-height:1.2}
.cta-band p{font-size:var(--text-sm);line-height:1.75}
.footer-tagline,.footer-links>div,.footer-links>div>button{font-size:var(--text-sm);line-height:1.65}
.footer-links>div{gap:12px}
.footer-bottom,.footer-bottom p,.footer-status,.motion-toggle{font-size:var(--text-xs);line-height:1.8}
.footer-bottom{flex-wrap:wrap;align-items:flex-start}
dialog h2{font-size:1.75rem;line-height:1.3}
dialog>p{font-size:var(--text-sm);line-height:1.8}
#toast{font-size:var(--text-sm);line-height:1.6}

/* Components grow with their content instead of squeezing their labels. */
.allocation-workspace{grid-template-columns:minmax(0,1.1fr) minmax(360px,1fr)}
.allocation-stage{justify-content:center}
.allocation-model{flex:0 0 auto;min-height:0;height:370px}
.allocation-stage-heading{flex-wrap:wrap;gap:10px;margin-bottom:15px}
.allocation-stage-heading .badge,.allocation-overline{font-size:var(--text-xs)}
.allocation-ticket h3{font-size:clamp(1.5rem,2.4vw,2rem)}
.allocation-ticket>p{font-size:var(--text-sm);line-height:1.75}
.allocation-value>small,.allocation-value>span,.allocation-center small,.allocation-legend>div>span,.allocation-stage-note,.allocation-scale,.allocation-caption{font-size:var(--text-xs);line-height:1.6}
.allocation-value>strong{font-size:clamp(2rem,3.2vw,2.875rem)}
.allocation-center>span{font-size:3.5rem}
.allocation-legend strong{font-size:clamp(1.125rem,1.7vw,1.5rem)}
.allocation-legend{gap:16px}
.allocation-presets button{font-size:var(--text-sm);min-height:38px}
.allocation-breakdown>div,.allocation-breakdown>div:last-child{font-size:var(--text-xs);line-height:1.6;align-items:baseline}
.allocation-breakdown strong,.allocation-breakdown>div:last-child strong{font-size:var(--text-xs)}
.allocation-ticket>.btn{font-size:var(--text-sm);min-height:48px}
.allocation-ticket-top{align-items:flex-start}
.allocation-center{width:230px}

.market-heading .asset-heading strong{font-size:var(--text-base)}
.market-heading .asset-heading strong>span{font-size:var(--text-sm)}
.market-heading .asset-heading small,.market-scenario-badge{font-size:var(--text-xs)}
.market-quote{flex-wrap:wrap;row-gap:16px;align-items:flex-start}
.market-quote-label,.market-path-stats span{font-size:var(--text-xs)}
.market-price{font-size:clamp(1.875rem,3vw,2.375rem)}
.market-change{font-size:var(--text-xs);line-height:1.4}
.market-path-stats strong{font-size:var(--text-sm)}
.market-toolbar{flex-wrap:wrap;gap:8px}
.market-toolbar button{font-size:var(--text-xs);min-height:36px}
.market-readout{display:block;padding-top:17px;min-height:65px}
.market-step{display:block;font-size:var(--text-xs);margin-bottom:7px}
.market-ohlc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;font-size:var(--text-xs)}
.market-ohlc small{font-size:var(--text-xs)}
.market-ohlc>span{flex-wrap:wrap;gap:5px}
.market-plot-content>.market-svg{width:calc(100% - 90px)}
.market-price-axis{width:83px;font-size:var(--text-xs)}
.market-price-axis>.market-current-tag{font-size:var(--text-xs);padding:5px 3px}
.market-time-axis{right:96px;font-size:var(--text-xs)}
.market-tooltip>span,.market-tooltip small,.market-summary,.market-disclosure{font-size:var(--text-xs);line-height:1.6}
.market-tooltip strong{font-size:1rem}
.market-chart-hint{font-size:var(--text-xs)!important;line-height:1.7!important}
.market-summary,.market-disclosure{flex-wrap:wrap}

.pool-pair small,.pool-overview-heading>.badge,.pool-value-row>div:first-child>span,.pool-fee>span,.pool-composition-heading>span{font-size:var(--text-xs);line-height:1.6}
.pool-value-row>div:first-child>strong{font-size:clamp(1.75rem,2.8vw,2.375rem)}
.pool-composition-heading{flex-wrap:wrap;gap:8px}
.pool-composition-heading h3{font-size:1.25rem;line-height:1.4}
.pool-reserve-top>span{font-size:.8125rem}
.pool-reserve-top>span>small,.pool-reserve-top>b,.pool-reserve>small,.pool-balance-caption{font-size:var(--text-xs);line-height:1.6}
.pool-reserve>strong{font-size:clamp(1.125rem,1.8vw,1.5rem)}
.pool-reserve>strong>span{font-size:var(--text-xs)}
.pool-reserve>small{white-space:normal}
.pool-balance-caption{flex-wrap:wrap;gap:10px}
.pool-preview-heading{flex-wrap:wrap;gap:8px}
.pool-preview-heading>span:first-child{font-size:var(--text-sm)}
.pool-preview-label{font-size:var(--text-xs)}
.pool-contribution-equation{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:10px;row-gap:16px}
.pool-contribution-equation>div>span{font-size:1.375rem}
.pool-contribution-equation>div>small,.pool-contribution-equation>div>span>small{font-size:var(--text-xs);line-height:1.5}
.pool-contribution-total{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:13px 0 0;display:flex;flex-direction:row-reverse;align-items:baseline;justify-content:space-between;gap:12px}
.pool-contribution-total>small{margin:0!important}
.pool-share-row{font-size:var(--text-xs);line-height:1.6;flex-wrap:wrap;gap:8px}
.pool-share-row>strong{font-size:var(--text-sm)}
.pool-assumptions>summary{font-size:var(--text-xs);line-height:1.6}
.pool-assumptions>p{font-size:var(--text-sm);line-height:1.75}
@media(max-width:1100px){
 .header-ca{display:none}
 .header-inner .brand{width:140px}
 .header-actions>.btn{min-height:44px;padding:10px 16px}
 .section-heading>p{max-width:24rem}
 .hero-portfolio{right:32px;width:220px}
 .hero-portfolio strong{font-size:1.375rem}
}
@media(max-width:1000px){
 .section-heading{flex-direction:column;align-items:flex-start;gap:20px}
 .faq-wrap .section-heading{align-items:center}
 .app-grid{grid-template-columns:minmax(0,1fr)}
 .allocation-workspace{grid-template-columns:minmax(0,1fr);gap:24px}
 .allocation-stage{padding-bottom:5px}
 .allocation-model{height:350px}
 .allocation-ticket{max-width:660px;width:100%;margin:auto}
 .allocation-legend{width:100%;max-width:560px;margin:0 auto}
 .allocation-stage-note{text-align:center}
 .pool-reserves{grid-template-columns:repeat(2,minmax(0,1fr))}
 .market-path-stats{display:flex}
 .market-readout{min-height:68px}
}
@media(max-width:800px){
 .hero-content{padding-top:42px}
 .service-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
 .service-strip a{font-size:.8125rem;min-width:0;gap:7px;padding:10px 4px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-links{flex-wrap:wrap;gap:28px}
 .scenario-controls select{font-size:var(--text-sm)}
 .hero-portfolio{right:24px;bottom:80px;width:210px}
 .hero-portfolio strong{font-size:1.25rem}
 .market-toolbar button{padding:6px 9px}
 .market-summary{font-size:var(--text-xs)}
 .market-disclosure{font-size:var(--text-xs)}
 .pool-pair small,.pool-fee>span,.pool-composition-heading>span,.pool-reserve-top>span>small,.pool-reserve-top>b,.pool-reserve>small,.pool-share-row,.pool-assumptions>summary{font-size:var(--text-xs)}
 .pool-reserve-top>span{font-size:.8125rem}
 .pool-reserve>strong{font-size:1.375rem}
}
@media(max-width:600px){
 .confluence-hero h1{font-size:clamp(2.3125rem,11.2vw,4rem);line-height:1.09}
 .confluence-hero .hero-description{font-size:var(--text-base);max-width:25rem;line-height:1.75}
 .hero .eyebrow{font-size:var(--text-xs);letter-spacing:.05em;line-height:1.65}
 .hero-ctas{gap:16px;flex-wrap:wrap;row-gap:8px}
 .hero-ctas .btn{font-size:var(--text-sm);min-height:46px}
 .hero-ctas .text-link{font-size:var(--text-sm)}
 .hero-foot{font-size:var(--text-xs);gap:10px 16px}
 .hero-portfolio{width:178px;right:20px;bottom:67px;padding:15px}
 .hero-portfolio strong{font-size:1.125rem;margin:15px 0}
 .hero-portfolio-top,.hero-portfolio-bottom{font-size:var(--text-xs)}
 .hero-portfolio-top>.icon:last-child{display:none}
 .hero-portfolio-bottom{gap:8px;flex-wrap:wrap}
 .hero-model-controls>span{display:none}
 .hero-model-controls button{width:34px;height:34px}
 .header-actions .btn{font-size:var(--text-sm)}
 .header-actions [data-wallet]{width:42px;height:42px;min-height:42px;padding:0}
 .theme-toggle{width:36px;height:36px;flex-basis:36px}
 .section-heading h2,.principles h2{font-size:clamp(1.75rem,7.4vw,2.125rem)}
 .section-heading>p,.principles>div>p,.learn-intro p{font-size:var(--text-sm);max-width:34rem;line-height:1.8}
 .app-heading h1{font-size:clamp(1.875rem,8vw,2.1875rem)}
 .app-heading p{font-size:var(--text-sm);line-height:1.75}
 .scenario-bar{padding:15px}
 .scenario-controls{width:100%;align-items:center;gap:8px;display:grid;grid-template-columns:auto minmax(0,1fr)}
 .scenario-controls select{width:100%;min-width:0;font-size:var(--text-base);min-height:44px}
 .scenario-bar .context{font-size:var(--text-xs);line-height:1.65}
 .app-nav a{font-size:.8125rem;padding:9px 12px}
 .input-line select,.field-input,.field-select{font-size:var(--text-base)}
 .input-line input{font-size:1.625rem}
 .field>label,.field>label span{font-size:var(--text-xs)}
 .field-row{grid-template-columns:1fr}
 .allocation-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .allocation-inputs .field-input{padding:11px 8px}
 .panel-head h2,.panel-head h3,.ticket h2{font-size:1.25rem}
 .quote-row{font-size:var(--text-xs);line-height:1.7}
 .product-card{padding:22px 18px;min-height:0}
 .product-card h3{font-size:1.25rem}
 .product-card p,.catalog-card p{font-size:var(--text-sm);line-height:1.75}
 .product-bottom{font-size:var(--text-xs)}
 .catalog-grid{grid-template-columns:minmax(0,1fr)}
 .catalog-card h3{font-size:1.375rem}
 .principle h3{font-size:1.125rem}
 .principle p,.info-list-item p{font-size:var(--text-sm)}
 .metric-card{padding:18px 16px}
 .metric-card strong{font-size:clamp(1.125rem,5.6vw,1.5rem);letter-spacing:-.045em}
 .metric-card small,.metric-card p{font-size:var(--text-xs);line-height:1.6}
 .docs-sidebar>a{font-size:var(--text-sm);padding:8px 11px}
 .doc-section h2{font-size:1.5rem}
 .doc-section p,.doc-section li{font-size:var(--text-base);line-height:1.85}
 .faq-list summary{font-size:var(--text-sm)}
 .faq-list p{font-size:var(--text-sm)}
 .step h2{font-size:1.375rem}
 .footer-top,.footer-links{gap:28px}
 .footer-links>div{font-size:var(--text-sm)}
 .footer-bottom p,.footer-status{font-size:var(--text-xs);line-height:1.85}
 .footer-status{gap:12px}
 .cta-band h2{font-size:1.875rem}
 .cta-band p,.cta-band .btn{font-size:var(--text-sm)}
 dialog h2{font-size:1.5rem}
 dialog>p{font-size:var(--text-sm)}
 .allocation-model{height:280px;min-height:0}
 .allocation-center{width:180px}
 .allocation-center>span{font-size:2.875rem}
 .allocation-center small{font-size:var(--text-xs);line-height:1.55}
 .allocation-stage-heading .badge,.allocation-workspace .allocation-overline{font-size:var(--text-xs)}
 .allocation-ticket h3{font-size:1.625rem;max-width:none}
 .allocation-ticket h3 br{display:none}
 .allocation-ticket>p{font-size:var(--text-sm);max-width:none}
 .allocation-value>strong{font-size:2.25rem}
 .allocation-legend strong{font-size:clamp(1rem,4.9vw,1.375rem)}
 .allocation-legend>div>span,.allocation-stage-note,.allocation-caption{font-size:var(--text-xs)}
 .allocation-legend>div>span{align-items:flex-start;line-height:1.6}
 .allocation-legend i{flex-shrink:0;margin-top:7px}
 .allocation-breakdown>div{gap:12px;flex-wrap:wrap}
 .allocation-breakdown strong{margin-left:auto}
 .market-heading .asset-heading strong{font-size:var(--text-sm)}
 .market-heading .asset-heading strong>span,.market-heading .asset-heading small,.market-scenario-badge{font-size:var(--text-xs)}
 .market-price{font-size:1.875rem}
 .market-path-stats{display:flex;width:100%;flex-direction:row;gap:26px}
 .market-path-stats span{font-size:var(--text-xs)}
 .market-path-stats strong{font-size:var(--text-sm)}
 .market-toolbar button{font-size:var(--text-xs);padding:6px 8px}
 .market-readout{min-height:92px}
 .market-ohlc{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
 .market-ohlc>span{gap:6px}
 .market-step{font-size:var(--text-xs)}
 .market-plot-content{height:280px}
 .market-plot-content>.market-svg{width:calc(100% - 85px)}
 .market-price-axis{width:78px;font-size:var(--text-xs)}
 .market-price-axis>.market-current-tag{font-size:var(--text-xs);padding:5px 2px}
 .market-time-axis{right:91px;font-size:var(--text-xs)}
 .market-time-axis>span:nth-child(2),.market-time-axis>span:nth-child(4){display:none}
 .market-summary,.market-disclosure{font-size:var(--text-xs);line-height:1.7}
 .market-tooltip>span,.market-tooltip small{font-size:var(--text-xs)}
 .market-tooltip strong{font-size:1rem}
 .pool-pair>div:last-child>strong{font-size:var(--text-sm)}
 .pool-pair small{font-size:var(--text-xs)}
 .pool-pair small{max-width:12rem}
 .pool-value-row{gap:14px}
 .pool-value-row>div:first-child>strong{font-size:clamp(1.5rem,6.7vw,1.875rem)}
 .pool-value-row>div:first-child>strong>span{display:none}
 .pool-fee>strong{font-size:1rem}
 .pool-fee>span{font-size:var(--text-xs)}
 .pool-composition-heading h3{font-size:1.125rem}
 .pool-reserve-top>span{font-size:var(--text-xs)}
 .pool-reserve-top>span>small{font-size:var(--text-xs)}
 .pool-reserve>strong{font-size:clamp(1rem,4.8vw,1.25rem)}
 .pool-reserve>strong>span,.pool-reserve>small,.pool-balance-caption{font-size:var(--text-xs)}
 .pool-preview-label{font-size:var(--text-xs)}
 .pool-contribution-equation>div>span{font-size:1.25rem}
 .pool-contribution-equation>div>small,.pool-contribution-equation>div>span>small{font-size:var(--text-xs)}
 .pool-share-row{font-size:var(--text-xs)}
 .pool-assumptions>summary{font-size:var(--text-xs)}
 .pool-assumptions>p{font-size:var(--text-sm)}
}
@media(max-width:380px){
 .product-grid{grid-template-columns:minmax(0,1fr)}
 .pool-overview-heading{flex-wrap:wrap;row-gap:10px}
 .pool-reserves{grid-template-columns:minmax(0,1fr)}
 .pool-reserve>strong{font-size:1.375rem}
 .pool-reserve>strong>span{display:inline-block;margin-left:4px}
 .pool-value-row{flex-wrap:wrap;align-items:flex-start}
 .pool-fee{align-items:flex-start}
 .hero-portfolio{width:164px}
 .hero-portfolio strong{font-size:1rem}
}
@media(max-width:600px){.allocation-model{height:clamp(220px,70vw,280px)}}