.fieldGrid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:var(--space-4)}
.cardList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}

.card{display:grid;align-content:start;gap:0}
.card .split{align-items:flex-start}
.card .inline{align-items:flex-start}
.card .inline > div{min-width:0}
.card .stack-end{align-items:flex-start;text-align:left}
.card .cardFeeLabel{font-size:var(--font-size-xs);line-height:1.2}
.card .cardFeeValue{font-size:var(--font-size-sm);line-height:1.2}
.card .subtle{margin:0;font-size:var(--font-size-xs);line-height:1.3}
.card .officialLink{margin-left:var(--space-1)}
.card .subtle .mono{font-size:inherit}
.card .cardDividerTop{margin:var(--space-4) 0}
.card .splitBody{grid-template-columns:1.1fr 1px .9fr;gap:var(--space-5);margin-top:0;align-items:start}
.card .cardDividerSection{--divider-size:100%;--divider-margin-block:0;--divider-margin-inline:0;--divider-gradient:var(--divider-gradient-vertical);margin:0;align-self:stretch;width:1px;height:auto}

.card h3{margin:0 0 var(--space-1);font-size:var(--font-size-lg);line-height:1.2}
.card h4{margin:0 0 var(--space-3);font-size:var(--font-size-base);color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}
.dataList li{position:relative;display:flex;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2)}
.dataList li:not(:last-child)::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--divider-gradient-horizontal)}
.metricSubtle{color:color-mix(in srgb,var(--color-muted) 88%,var(--color-text) 12%);font-weight:500}
.splitBody ul{margin:0;padding-left:0;display:grid;gap:var(--space-2)}
.card .splitBody.splitBodyNoCaps{grid-template-columns:1fr 1fr}

@media (max-width:900px){.fieldGrid{grid-template-columns:1fr 1fr}.card .splitBody{grid-template-columns:1fr;gap:var(--space-4)}.card .cardDividerSection{--divider-size:1px;--divider-gradient:var(--divider-gradient-horizontal);width:100%;height:1px;align-self:auto}}
@media (max-width:720px){.cardList{grid-template-columns:1fr}}
@media (max-width:560px){.fieldGrid{grid-template-columns:1fr}}

.valuationHero{display:grid;gap:var(--space-4)}
.valuationBadgeRow{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.valuationBadge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--font-size-sm);line-height:1.2;background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-text)}
.valuationFormula{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-panel) 72%,transparent)}
.valuationFormula .mono{margin:0;font-size:var(--font-size-sm)}
.valuationGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.valuationCard{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-panel) 70%,transparent)}
.valuationCard h3{margin:0 0 var(--space-2);font-size:var(--font-size-md);color:var(--color-text)}
.valuationCard p{margin:0;color:var(--color-muted);font-size:var(--font-size-base)}

@media (max-width:900px){.valuationGrid{grid-template-columns:1fr}}

.valuationPanel{display:grid;align-content:start;gap:var(--space-4);padding:var(--space-6)}
.valuationPanel > h2,.valuationPanel > p,.valuationPanel > ul{margin:0}
.valuationPanel .subtle{margin:0}
.valuationList{margin:0;padding-left:1.2em;display:grid;gap:var(--space-2)}
.valuationList li{margin:0}
.valuationHero .valuationBadgeRow{margin:0}

@media (max-width:560px){.valuationPanel{gap:var(--space-3)}}

.aboutContactGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.aboutContactCard{display:grid;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);background:color-mix(in srgb,var(--color-panel) 70%,transparent)}
.aboutContactCard:hover{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 10%,var(--color-panel))}
.aboutContactCard:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.aboutContactCard .mono{color:var(--color-muted)}

@media (max-width:900px){.aboutContactGrid{grid-template-columns:1fr}}