/* Migrated from the original stone-care-guide.html, scoped under .legacy */
.legacy{--forest:#1A3028;--forest2:#0F1E18;--em:#2D5A42;--gold:#C9A84C;--gold2:#E8C96A;--dark:#0A120D;--white:#fff;--offwhite:#F5F0E8;--dim:rgba(245,240,232,0.7);--dimmer:rgba(245,240,232, 0.66);--dimmest:rgba(245,240,232, 0.55);}
.legacy .hero{min-height:44vh;background:radial-gradient(ellipse 60% 70% at 50% 100%,rgba(45,90,66,0.25),transparent),linear-gradient(155deg,#0A120D 0%,#0F1E18 55%,#162B1F 100%);display:flex;align-items:flex-end;padding:120px 52px 60px;}
.legacy .hero-inner{max-width:760px;}
.legacy .hero-eyebrow{font-size:11px;letter-spacing:6px;color:var(--gold);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:12px;}
.legacy .hero-eyebrow::before{content:'';width:36px;height:1px;background:var(--gold);}
.legacy h1{font-family:'Cinzel',serif;font-size:clamp(30px,4.5vw,56px);color:var(--white);letter-spacing:3px;line-height:1.08;margin-bottom:14px;}
.legacy .hero-sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(15px,2vw,19px);color:var(--dim);line-height:1.75;}
@media(max-width:600px){
.legacy .hero{padding:110px 20px 52px;}
}
.legacy .wrap{max-width:1000px;margin:0 auto;padding:0 52px;}
@media(max-width:600px){
.legacy .wrap{padding:0 20px;}
}
.legacy /* Stone filter tabs */
.stone-tabs{background:var(--forest2);position:sticky;top:60px;z-index:100;border-bottom:1px solid rgba(201,168,76,0.08);padding:0 52px;display:flex;gap:0;overflow-x:auto;}
.legacy .stone-tab{font-size:11px;letter-spacing:3px;color:var(--dimmer);text-transform:uppercase;padding:16px 20px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .3s;flex-shrink:0;}
.legacy .stone-tab:hover{color:var(--gold);}
.legacy .stone-tab.active{color:var(--gold);border-bottom-color:var(--gold);}
@media(max-width:600px){
.legacy .stone-tabs{padding:0 20px;}
}
.legacy .sec-eyebrow{font-size:8px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:14px;}
.legacy .sec-eyebrow::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(201,168,76,0.3),transparent);}
.legacy .sec-title{font-family:'Cinzel',serif;font-size:clamp(20px,3vw,32px);color:var(--white);letter-spacing:2px;margin-bottom:16px;}
.legacy .sec-text{font-size:14px;color:var(--dimmer);line-height:2.05;margin-bottom:16px;}
.legacy /* Stone care cards */
.stone-section{padding:72px 0;border-bottom:1px solid rgba(255,255,255,0.04);}
.legacy .stone-section:last-child{border-bottom:none;}
.legacy .stone-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;}
.legacy .stone-emoji-big{font-size:52px;flex-shrink:0;}
.legacy .stone-header-text{}
.legacy .stone-hardness{display:inline-block;font-size:11px;letter-spacing:3px;padding:4px 12px;border:1px solid rgba(201,168,76,0.2);color:var(--gold);text-transform:uppercase;margin-bottom:8px;}
.legacy /* Care grid */
.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;}
@media(max-width:700px){
.legacy .care-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:400px){
.legacy .care-grid{grid-template-columns:1fr;}
}
.legacy .care-card{background:var(--forest2);border:1px solid rgba(255,255,255,0.06);padding:22px 20px;}
.legacy .care-card.do{border-top:2px solid #2ecc71;}
.legacy .care-card.dont{border-top:2px solid #e74c3c;}
.legacy .care-card.tip{border-top:2px solid var(--gold);}
.legacy .cc-label{font-size:8px;letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;font-weight:500;}
.legacy .care-card.do .cc-label{color:#2ecc71;}
.legacy .care-card.dont .cc-label{color:#e74c3c;}
.legacy .care-card.tip .cc-label{color:var(--gold);}
.legacy .cc-title{font-family:'Cinzel',serif;font-size:14px;color:var(--white);letter-spacing:1px;margin-bottom:8px;}
.legacy .cc-desc{font-size:14px;color:var(--dimmer);line-height:1.85;}
.legacy /* Universal rules */
.universal{background:var(--forest2);border:1px solid rgba(201,168,76,0.1);padding:48px;margin:60px 0;}
.legacy .universal-title{font-family:'Cinzel',serif;font-size:20px;color:var(--white);letter-spacing:2px;margin-bottom:24px;text-align:center;}
.legacy .rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
@media(max-width:600px){
.legacy .rule-grid{grid-template-columns:1fr;}
}
.legacy .rule{display:flex;gap:14px;align-items:flex-start;}
.legacy .rule-icon{font-size:18px;flex-shrink:0;margin-top:2px;}
.legacy .rule-text{font-size:15px;color:var(--dimmer);line-height:1.8;}
.legacy .rule-text strong{color:var(--offwhite);font-weight:400;display:block;margin-bottom:2px;}
.legacy .cta-box{background:linear-gradient(135deg,var(--forest2),rgba(45,90,66,0.2));border:1px solid rgba(201,168,76,0.15);padding:48px;text-align:center;margin:40px 0;}
.legacy .cta-title{font-family:'Cinzel',serif;font-size:22px;color:var(--white);letter-spacing:3px;margin-bottom:10px;}
.legacy .cta-sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:var(--dim);margin-bottom:24px;}
.legacy .btn-gold{display:inline-block;padding:13px 36px;background:var(--gold);color:var(--dark);font-family:'Cinzel',serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:500;transition:all .3s;margin:4px;}
.legacy .btn-gold:hover{background:var(--gold2);transform:translateY(-2px);}
.legacy .btn-outline{display:inline-block;padding:12px 28px;border:1px solid rgba(201,168,76,0.4);color:var(--gold);font-family:'Cinzel',serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;transition:all .3s;margin:4px;}
.legacy .btn-outline:hover{background:rgba(201,168,76,0.08);}
.legacy .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s;}
.legacy .d1{transition-delay:.1s;}
.legacy .d2{transition-delay:.2s;}
.legacy .d3{transition-delay:.3s;}
@keyframes lg-wap{0%{opacity:.6;transform:scale(1);}100%{opacity:0;transform:scale(1.6);}}
.legacy .ft{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:16px;}
@media(max-width:600px){
.legacy .ft{flex-direction:column;align-items:flex-start;}
}
/* Stone tab bar: solid, follows the header, real buttons */
.legacy .stone-tabs, .stone-tabs { background: var(--forest2, #0e1a14); z-index: 90; transition: top .45s cubic-bezier(.22,1,.36,1); scrollbar-width: none; box-shadow: 0 10px 24px -18px rgba(0,0,0,.8); }
.stone-tabs::-webkit-scrollbar { display: none; }
.legacy .stone-tab { background: none; border: 0; border-bottom: 2px solid transparent; font: inherit; font-size: 11px; display: inline-flex; align-items: center; gap: 8px; min-height: 48px; }
.legacy .stone-tab:focus-visible { outline: 1px solid var(--gold); outline-offset: -4px; }
.legacy .stone-tab.active { color: var(--gold); border-bottom-color: var(--gold); }
@media (prefers-reduced-motion: reduce) { .legacy .stone-tabs, .stone-tabs { transition: none; } }