/* Batch A additions only. Accepted mexico.css is linked unchanged. */
.expansion .hero{overflow:hidden}
.expansion .hero:after{content:'';position:absolute;inset:auto 0 0;height:45px;background:linear-gradient(#b1936425,#0a111a);border-top:1px solid #b3996a30;pointer-events:none}
.expansion .hero-objects,.expansion .hero-copy,.expansion .hero-quote,.expansion .breadcrumbs{z-index:1}
.expansion[class~="10-centavos"] .hero{}
.expansion[class~="20-centavos"] .hero{}
.expansion[class~="20-pesos"] .hero{}
.expansion .hero h1{font-size:68px}.expansion .hero h2{font-size:29px}.expansion .hero .intro{margin-top:23px;font-size:17px;line-height:1.5}.expansion .hero .actions{margin-top:26px}
.expansion .detail-pane{background:#cec8b9}.expansion .daily-object{background:radial-gradient(ellipse at center,#776345,#162129)}
.expansion .era-labels{display:flex;gap:15px;justify-content:space-around;align-items:center;min-height:180px;border-bottom:1px solid var(--line)}
.expansion .era-labels>div{display:flex;flex-direction:column;align-items:center;gap:18px}.expansion .era-labels strong{font-size:18px}.expansion .era-labels .icon{width:50px;height:50px}
.expansion .scale-pair>div{min-width:0}.expansion .scale-pair>div>.coin{width:100%;max-height:none}
.expansion.physical-page .hero-copy{width:30%}.expansion.physical-page .hero-objects{left:36%;width:51%;bottom:45px}.expansion.physical-page .hero-quote{width:10%;font-size:21px;right:2%}
.expansion .generation .morgan-hero-pair>.coin{width:calc(50% - 2px)}.expansion .generations{gap:24px}.expansion .generation .face-label strong{font-size:19px}.expansion .generation-foot{text-align:center}
.expansion .claim-source{font:12px var(--sans);color:#825315;display:inline-block;margin-top:14px;min-height:28px}.expansion .scroll-note{font:12px var(--sans);line-height:1.6;color:#54514a;margin-top:12px}
.expansion .table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.expansion .table-wrap table{font-family:var(--sans);font-size:13px}.expansion table th,.expansion table td{overflow-wrap:normal}.expansion .related a{padding:10px 15px}
.review-index{max-width:1120px;padding:40px 24px;margin:auto;background:#f7f5ef;color:#10212d;font:18px/1.6 Georgia,'Songti SC',serif}.review-index h1{font-size:44px;line-height:1.2}.review-index h2{margin-top:45px}.review-index a{color:#7e4d15}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.index-grid article,.index-grid>a{border:1px solid #d9d4c9;padding:20px}.index-grid h3{margin:0}.index-grid p{font-size:14px}.review-index img{max-width:100%}
@media(max-width:1200px) and (min-width:901px){.expansion .hero h1{font-size:53px}.expansion .hero h2{font-size:25px}.expansion .hero .intro{font-size:15px}.expansion .hero-copy{width:34%}.expansion .hero-objects{left:41%;width:54%;bottom:36px}.expansion.physical-page .hero-copy{width:34%}.expansion.physical-page .hero-objects{left:41%;width:56%;bottom:70px}.expansion .generation .face-label strong{font-size:15px}.expansion .era-labels strong{font-size:15px}}
@media(max-width:900px){.expansion .hero h1{font-size:52px}.expansion .hero h2{font-size:25px}.expansion .hero .intro{font-size:15px;margin-top:18px}.expansion .hero .actions{margin-top:20px}.expansion.physical-page .hero{display:block}.expansion.physical-page .hero-objects{position:relative;left:auto;bottom:auto;width:92%;margin:30px auto 0}.expansion.physical-page .hero-copy{max-width:650px}.expansion .hero-objects{left:auto;bottom:auto}.index-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.expansion .hero{}.expansion .hero h1{font-size:51px}.expansion .hero h2{font-size:25px}.expansion .hero .intro{font-size:16px;line-height:1.65;margin-top:18px}.expansion .hero .actions{margin-top:20px}.expansion.physical-page .hero-objects{width:100%;margin-top:30px}.expansion .generations{gap:16px}.expansion .generation .face-label strong{font-size:13px}.expansion .generation .face-label span{font-size:11px}.expansion .generation-foot{font-size:12px}.expansion .era-labels{min-height:160px;gap:8px}.expansion .era-labels strong{font-size:15px}.expansion .era-labels .icon{width:40px;height:40px}.expansion .breadcrumbs>a{display:block!important}.expansion .breadcrumbs>span{display:block!important}.expansion .table-wrap table{font-size:13px}.review-index h1{font-size:33px}.index-grid{grid-template-columns:1fr}}
html[lang=zh-CN] .expansion .hero .intro{line-height:1.85}

/* Object pass: source-sized historical references and readable era labels. */
.expansion .era-labels>div{flex:1;min-width:0}.expansion .era-labels .coin{max-width:100px;max-height:100px;object-fit:contain}.expansion .era-labels .historical{max-width:96px;max-height:96px}.expansion .era-labels strong{font-size:15px}.expansion .era-labels .icon{height:90px}
@media(max-width:600px){.expansion .era-labels{gap:12px}.expansion .era-labels strong{font-size:13px}.expansion .era-labels .coin{max-width:88px;max-height:88px}.expansion .era-labels .icon{height:80px}.expansion .era-labels .historical{max-width:88px;max-height:88px}}

/* Shared environment layer. Exact coin markup, geometry and typography stay intact. */
.expansion .hero {
  background-color: #08161d;
  background-image: linear-gradient(90deg,rgba(2,13,18,.72) 0%,rgba(2,13,18,.56) 28%,rgba(2,13,18,.15) 48%,rgba(2,13,18,.18) 78%,rgba(2,13,18,.64) 100%),var(--scene);
  background-size: var(--environment-size,cover);
  background-position: var(--environment-desktop,center);
  background-repeat: no-repeat;
}
.expansion .hero:after { content:none; }
@media(max-width:1200px) {
  .expansion .hero { background-size:cover; }
}
@media(max-width:600px) {
  .expansion .hero {
    background-image:linear-gradient(180deg,rgba(2,13,18,.78),rgba(2,13,18,.80) 45%,rgba(2,13,18,.20) 67%,rgba(2,13,18,.37)),var(--scene);
    background-size:auto 100%;
    background-position:var(--environment-mobile,70% center);
  }
}