/* FISCHRAINE — Phase 147 / Value Platform 2.0
   Premium portfolio hierarchy without changing valuation source or backend logic. */

#collectionValueView{--v147-ink:#0b0b0b;--v147-paper:#f4f1ea;--v147-rule:#c9c4ba;--v147-muted:#77736d;--v147-dark:#111}
#collectionValueView .value-topbar{border-bottom:1px solid var(--v147-rule);background:rgba(244,241,234,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#collectionValueView .value-hero{padding-top:clamp(58px,7vw,112px)!important;padding-bottom:clamp(48px,6vw,92px)!important}
#collectionValueView .value-hero-grid{align-items:end!important}
#collectionValueView .value-hero h1{font-size:clamp(5.4rem,13vw,13rem)!important;line-height:.75!important;letter-spacing:-.075em!important;margin:.12em 0 0!important}
#collectionValueView .value-hero-copy{font-size:clamp(.95rem,1.35vw,1.25rem)!important;line-height:1.55!important;max-width:42ch!important;color:#6f6b64!important}

.value-local-nav{position:sticky;top:0;z-index:18;display:flex;align-items:center;gap:0;padding:0 clamp(22px,4.8vw,76px);height:58px;border-top:1px solid var(--v147-rule);border-bottom:1px solid var(--v147-rule);background:rgba(244,241,234,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none}
.value-local-nav::-webkit-scrollbar{display:none}
.value-local-nav a{display:flex;align-items:center;height:100%;padding:0 clamp(14px,2vw,28px);border-left:1px solid var(--v147-rule);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:#5f5a54;transition:color .2s ease,background .2s ease}
.value-local-nav a:last-child{border-right:1px solid var(--v147-rule)}
.value-local-nav a:hover{color:#0b0b0b;background:#ebe7de}
.value-scroll-anchor{scroll-margin-top:72px}
#value-movement,#value-intelligence,#value-allocation,#value-movers{scroll-margin-top:72px}

#collectionValuePulse{display:grid!important;grid-template-columns:minmax(260px,1.65fr) repeat(4,minmax(130px,.65fr))!important;gap:0!important;margin:0!important;border-top:0!important;border-bottom:1px solid var(--v147-rule)!important;background:var(--v147-paper)!important}
#collectionValuePulse>*{border-right:1px solid var(--v147-rule)!important;padding:clamp(24px,3vw,44px)!important;min-height:150px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
#collectionValuePulse>*:last-child{border-right:0!important}
#collectionValuePulse .value-pulse-main{background:#0f0f0f!important;color:#f4f1ea!important;min-height:210px!important;justify-content:space-between!important}
#collectionValuePulse .value-pulse-main .value-pulse-label{color:#8d8982!important}
#collectionValuePulse .value-pulse-main strong{font-size:clamp(3.4rem,6vw,7rem)!important;line-height:.82!important;letter-spacing:-.065em!important}
#collectionValuePulse .value-pulse-main small{color:#8f8b84!important}
#collectionValuePulse .value-pulse-stat strong{font-size:clamp(1.8rem,3vw,3.5rem)!important;line-height:.95!important;margin-top:auto!important}
#collectionValuePulse small{font-size:.62rem!important;line-height:1.45!important;margin-top:10px!important;color:#807b74!important}
#collectionValuePulse .value-pulse-label{font-size:.52rem!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#7c7770!important}

#collectionValueMetrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0!important;border-bottom:1px solid var(--v147-rule)!important}
#collectionValueMetrics .value-metric{padding:clamp(22px,2.7vw,38px)!important;border-right:1px solid var(--v147-rule)!important;border-top:0!important;background:transparent!important;min-height:150px!important}
#collectionValueMetrics .value-metric:last-child{border-right:0!important}
#collectionValueMetrics .value-metric strong{font-size:clamp(1.55rem,2.7vw,3.1rem)!important;line-height:1!important;margin:18px 0 8px!important}
#collectionValueMetrics .value-metric-label{font-size:.52rem!important;letter-spacing:.15em!important;text-transform:uppercase!important}
#collectionValueMetrics small{font-size:.61rem!important;color:#817c75!important}

#collectionValueView .value-section{padding-top:clamp(76px,8vw,132px)!important;padding-bottom:clamp(76px,8vw,132px)!important}
#collectionValueView .value-section-head{align-items:start!important}
#collectionValueView .value-section-head h2{font-size:clamp(4.2rem,8vw,8.2rem)!important;line-height:.78!important;letter-spacing:-.065em!important}
#collectionValueView .value-section-head p{font-size:clamp(.9rem,1.18vw,1.08rem)!important;line-height:1.65!important;color:#77726b!important;padding-top:8px!important}

#collectionValueChart>.value-chart-card{border:1px solid var(--v147-rule)!important;padding:clamp(28px,4vw,54px)!important}
#collectionValueChart .value-chart-card-head>div:first-child span{font-size:.53rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#7e7972!important}
#collectionValueChart .value-chart-card-head>div:first-child strong{font-size:clamp(2rem,4vw,4.8rem)!important;letter-spacing:-.055em!important}
#collectionValueChart .value-chart-card-change{font-size:clamp(1rem,1.6vw,1.5rem)!important;font-variant-numeric:tabular-nums}
#collectionValueView .value-range-btn{font-size:.54rem!important;letter-spacing:.14em!important;border-color:var(--v147-rule)!important;background:transparent!important}
#collectionValueView .value-range-btn.active{background:#101010!important;color:#f4f1ea!important;border-color:#101010!important}

.value-intelligence-grid{border-color:var(--v147-rule)!important;background:var(--v147-rule)!important}
.value-intelligence-card{padding:clamp(24px,3vw,42px)!important;min-height:220px!important;background:#f4f1ea!important}
.value-intelligence-card strong{font-size:clamp(2rem,3.6vw,4.4rem)!important}
.value-intelligence-note{background:#111!important;padding:clamp(26px,3vw,42px)!important}

.value-movers{gap:1px!important;background:var(--v147-rule)!important;border:1px solid var(--v147-rule)!important}
.value-mover-col{background:#f4f1ea!important;padding:clamp(22px,3vw,36px)!important}
.value-mover-title{font-size:.55rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;margin-bottom:18px!important}
.value-mover-row{min-height:82px!important;padding:12px 0!important;border-top:1px solid var(--v147-rule)!important}
.value-mover-thumb{width:44px!important;height:58px!important;flex:0 0 44px!important}
.value-mover-name{font-size:.82rem!important}
.value-mover-meta{font-size:.58rem!important}
.value-mover-change{font-size:.75rem!important}

.value-leaders{gap:1px!important;background:var(--v147-rule)!important;border:1px solid var(--v147-rule)!important}
.value-leader{min-height:430px!important;background:#f4f1ea!important;padding:clamp(26px,3.5vw,50px)!important;overflow:hidden!important}
.value-leader-title{font-size:clamp(2.2rem,4.3vw,5.2rem)!important;line-height:.88!important;letter-spacing:-.055em!important;max-width:11ch!important}
.value-leader-value{font-size:clamp(1.8rem,3vw,3.5rem)!important}
.value-leader img{max-height:80%!important;max-width:44%!important;object-fit:contain!important;align-self:end!important}

.value-allocation-total{padding:clamp(24px,3vw,40px)!important}
.value-category-row{min-height:54px!important}
.value-category-name,.value-category-amount{font-size:.64rem!important}
.value-freshness,.value-milestones{gap:1px!important;background:var(--v147-rule)!important;border:1px solid var(--v147-rule)!important}
.value-freshness>*,.value-milestones>*{background:#f4f1ea!important;padding:clamp(20px,2.6vw,34px)!important}
.value-row{min-height:74px!important}
.value-row-head{font-size:.5rem!important;letter-spacing:.14em!important}

@media(max-width:1100px){
 #collectionValuePulse{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #collectionValuePulse .value-pulse-main{grid-column:1/-1!important}
 #collectionValuePulse>*{border-bottom:1px solid var(--v147-rule)!important}
 #collectionValueMetrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #collectionValueMetrics .value-metric:nth-child(2){border-right:0!important}
 #collectionValueMetrics .value-metric:nth-child(-n+2){border-bottom:1px solid var(--v147-rule)!important}
}

@media(max-width:700px){
 .value-local-nav{height:52px;padding:0 max(14px,env(safe-area-inset-left));scroll-padding-left:14px}
 .value-local-nav a{padding:0 16px;font-size:.52rem}
 #collectionValueView .value-hero{padding:48px max(18px,5vw) 42px!important}
 #collectionValueView .value-hero h1{font-size:clamp(5.2rem,27vw,8rem)!important}
 #collectionValuePulse{display:block!important}
 #collectionValuePulse>*{min-height:116px!important;border-right:0!important;border-bottom:1px solid var(--v147-rule)!important;padding:22px max(18px,5vw)!important}
 #collectionValuePulse .value-pulse-main{min-height:180px!important}
 #collectionValuePulse .value-pulse-main strong{font-size:clamp(3.4rem,18vw,5.8rem)!important}
 #collectionValueMetrics{grid-template-columns:1fr!important}
 #collectionValueMetrics .value-metric{border-right:0!important;border-bottom:1px solid var(--v147-rule)!important;min-height:118px!important;padding:22px max(18px,5vw)!important}
 #collectionValueView .value-section{padding:62px max(18px,5vw)!important}
 #collectionValueView .value-section-head h2{font-size:clamp(3.8rem,18vw,6.2rem)!important}
 .value-intelligence-grid{grid-template-columns:1fr!important}
 .value-intelligence-card{min-height:165px!important}
 .value-movers,.value-leaders{display:block!important;background:transparent!important;border:0!important}
 .value-mover-col,.value-leader{border:1px solid var(--v147-rule)!important;margin-bottom:12px!important}
 .value-leader{min-height:340px!important}
 .value-leader img{max-width:42%!important}
 .value-row{grid-template-columns:34px minmax(0,1fr) auto!important}
 .value-row>div:nth-child(3),.value-row>div:nth-child(5),.value-row-head{display:none!important}
}

@media(hover:none){.value-local-nav a:hover{background:transparent!important}}