/* Liquid glass is confined to the SJC summary, with opaque fallbacks and no pointer-blocking layer. */
.overview{position:relative;isolation:isolate}
.hero-card{
 isolation:isolate;
 color:#183348;
 border:1px solid rgba(255,255,255,.94);
 border-radius:28px;
 background:
  radial-gradient(ellipse at 9% 0%,rgba(255,255,255,.99) 0%,rgba(255,255,255,.14) 36%,transparent 64%),
  radial-gradient(ellipse at 98% 90%,rgba(187,220,239,.69),transparent 63%),
  radial-gradient(ellipse at 84% 1%,rgba(221,228,251,.78),transparent 58%),
  linear-gradient(130deg,rgba(230,244,248,.95),rgba(245,248,255,.86) 47%,rgba(216,235,242,.95));
 -webkit-backdrop-filter:blur(16px) saturate(1.25);
 backdrop-filter:blur(16px) saturate(1.25);
 box-shadow:
  0 18px 38px -25px rgba(30,68,88,.46),
  0 3px 12px -7px rgba(35,62,90,.17),
  inset 0 1px 1px #fff,
  inset 1px 0 1px rgba(255,255,255,.96),
  inset -1px -1px 2px rgba(143,178,198,.29);
}
.hero-card::before{
 content:"";
 pointer-events:none;
 position:absolute;
 z-index:-1;
 inset:0;
 width:auto;
 height:auto;
 border:0;
 border-radius:inherit;
 background:
  radial-gradient(ellipse 80% 28% at 105% 3%,transparent 58%,rgba(255,255,255,.72) 61%,rgba(255,255,255,.08) 65%,transparent 68%),
  radial-gradient(ellipse 85% 60% at -10% 110%,transparent 58%,rgba(255,255,255,.78) 61%,rgba(150,202,222,.13) 64%,transparent 68%),
  radial-gradient(ellipse 115% 80% at 85% -33%,transparent 61%,rgba(179,207,232,.25) 64%,rgba(255,255,255,.62) 67%,transparent 71%);
}
.hero-card::after{
 content:"";
 pointer-events:none;
 position:absolute;
 z-index:-1;
 width:115%;
 height:64%;
 top:-31%;
 left:-20%;
 border-radius:0 0 58% 48%;
 background:linear-gradient(155deg,rgba(255,255,255,.88),rgba(255,255,255,.18) 64%,transparent 78%);
 box-shadow:0 1px 0 rgba(255,255,255,.8),0 7px 15px -13px rgba(126,175,203,.8);
 transform:rotate(-12deg);
 transition:transform 700ms ease;
}
.hero-card:hover::after{transform:translate3d(3%,2%,0) rotate(-9deg)}
.hero-card .card-top,.hero-card .hero-label,.hero-card .hero-price,.hero-card .hero-change,.hero-card .hero-metrics,.hero-card .hero-footer{position:relative;z-index:1}
.hero-card .gold-tag{color:#7d5e23;text-shadow:0 1px 0 #fff}
.hero-card .gold-tag>span{color:#b68c38;text-shadow:0 1px 0 #fff,0 0 12px #fff}
.hero-card .source-badge{
 color:#405f72;
 background:rgba(255,255,255,.58);
 border:1px solid rgba(255,255,255,.95);
 box-shadow:0 2px 5px -4px #52798d,inset 0 1px 0 #fff;
 -webkit-backdrop-filter:blur(8px);
 backdrop-filter:blur(8px);
}
.hero-card .hero-label{color:#476476}
.hero-card .hero-label>span{color:#5f7888}
.hero-card .hero-price{color:#123046;text-shadow:0 1px 0 #fff,0 2px 12px rgba(255,255,255,.55);letter-spacing:-2px}
.hero-card .hero-change{color:#16614e;font-weight:600}
.hero-card .hero-change>span{color:#567483;font-weight:400}
.hero-card .hero-change.negative{color:#a23c47}
.hero-card .hero-metrics{border-top:1px solid rgba(97,131,150,.16);box-shadow:0 -1px 0 rgba(255,255,255,.7)}
.hero-card .hero-metrics>div+div{border-left:1px solid rgba(97,131,150,.17)}
.hero-card .hero-metrics span{color:#527081}
.hero-card .hero-metrics strong{color:#1a3b50;text-shadow:0 1px 0 rgba(255,255,255,.9)}
.hero-card .hero-metrics small{color:#5a7787}
.hero-card .hero-footer{color:#526e80;border-top:1px solid rgba(97,131,150,.16);box-shadow:0 -1px 0 rgba(255,255,255,.65);line-height:1.6}
.hero-card .hero-footer time{color:#294c62}
.hero-card .mini-dot{background:#9b7c38;box-shadow:0 0 0 3px rgba(255,255,255,.55)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .hero-card{background:linear-gradient(125deg,#edf7fa,#f0f3fc 48%,#deedf3)}
}
@media(max-width:760px){
 .hero-card{border-radius:25px;padding:24px 23px 19px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 25px -22px rgba(27,65,89,.65),inset 0 1px 1px #fff,inset -1px -1px 2px rgba(143,178,198,.25)}
 .hero-card::after{transition:none}
 .hero-card:hover::after{transform:rotate(-12deg)}
 .hero-card .hero-price{font-size:clamp(35px,10.1vw,56px);line-height:1.2;letter-spacing:-1.5px;white-space:nowrap}
 .hero-card .hero-metrics strong{font-size:clamp(17px,5.4vw,23px);white-space:nowrap}
 .hero-card .hero-metrics>div+div{padding-left:18px}
 .hero-card .hero-metrics{gap:14px}
 .hero-card .hero-footer{font-size:10px;gap:9px}
 .hero-card .hero-footer time{display:inline;margin-left:4px;white-space:nowrap}
 .hero-card .source-badge{max-width:48%;text-align:center;font-size:9px;-webkit-backdrop-filter:none;backdrop-filter:none}
 .hero-card .hero-label{font-size:13px}
}
@media(max-width:370px){
 .hero-card{padding-left:19px;padding-right:19px}
 .hero-card .gold-tag{font-size:10px}
 .hero-card .source-badge{font-size:8px}
 .hero-card .hero-price{font-size:clamp(30px,10.3vw,38px)}
 .hero-card .hero-metrics strong{font-size:clamp(15px,5.2vw,19px)}
 .hero-card .hero-metrics>div+div{padding-left:12px}
 .hero-card .hero-footer time{display:block;margin-left:0}
}
@media(prefers-reduced-motion:reduce){.hero-card::after{transition:none}.hero-card:hover::after{transform:rotate(-12deg)}}
@media(prefers-contrast:more){.hero-card{background:#eaf3f7;border-color:#748d9c}.hero-card::before,.hero-card::after{display:none}.hero-card .hero-label,.hero-card .hero-metrics span,.hero-card .hero-metrics small,.hero-card .hero-footer{color:#263f51}}
.breadcrumb{display:flex;align-items:center;gap:10px;font-size:10px;color:#82909a;padding-top:13px}
.breadcrumb a{text-decoration:none;color:#657b8a}.breadcrumb a:hover{text-decoration:underline}
.visit-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding-top:25px;padding-bottom:17px;border-bottom:1px solid #dfe3da}
.visit-heading{display:flex;align-items:center;gap:12px}.visit-icon{color:#9a7e43;font-size:22px}
.visit-heading strong{font-size:13px;display:block}.visit-heading small{font-size:10px;display:block;color:#8a959a;margin-top:3px}
.visit-values{display:flex;gap:36px;font-variant-numeric:tabular-nums}.visit-values>div{display:flex;align-items:center;gap:13px}.visit-values span{font-size:11px;color:#7a8991}.visit-values strong{font-size:24px;font-weight:600;color:#294554}
.visit-footer>p{width:100%;font-size:10px;color:#8a959a;margin:0;line-height:1.7}
@media(max-width:760px){.breadcrumb{padding-top:10px;font-size:9px}.visit-footer{gap:18px;padding-top:22px}.visit-values{width:100%;gap:35px}.visit-values>div{flex:1;justify-content:space-between}.visit-values strong{font-size:22px}.visit-heading small{font-size:9px}.visit-footer>p{font-size:9px}.hero-card .source-badge{font-size:9px;max-width:53%}}