/* Scoped to two gemstone surfaces. Canvas and recommendation IDs remain intact. */
body[data-gg-gemstones] {background:#f8f6f2;color:#28262c;font-family:PPNeue,Arial,sans-serif;padding-top:112px;}
[data-gg-gemstones] [data-gemstones-legacy-chrome] {display:none!important;}
[data-gg-gemstones] .breadcrumb-nav {position:static;padding:16px 24px;background:transparent;color:#57525c;margin:0 auto;max-width:1280px;}
[data-gg-gemstones] .cosmic-font {font-family:PPNeue,Arial,sans-serif;}
[data-gg-gemstones] .spline-container {width:min(100% - 48px,1280px);height:auto;min-height:0;margin:16px auto 48px;border-radius:32px;overflow:hidden;background:#26232e;}
[data-gg-gemstones] #canvas3d-gemstones {height:520px;width:100%;}
[data-gg-gemstones] .info-panel {position:relative;inset:auto;transform:none;max-width:none;width:100%;padding:28px 32px;background:#eee8f4;border:0;border-radius:0;text-align:left;}
[data-gg-gemstones] .info-panel :is(h1,p) {color:#28262c!important;}
[data-gg-gemstones] .info-panel h1 {font-size:38px;line-height:1.1;font-weight:350;letter-spacing:-.035em;}
[data-gg-gemstones] .info-panel p {font-size:18px;line-height:1.55;max-width:68ch;}
[data-gg-gemstones] .info-panel .flex {justify-content:flex-start;}
[data-gg-gemstones] .btn-cosmic {background:#382253!important;color:#fff!important;border:0;border-radius:28px;padding:14px 22px;box-shadow:none;}
[data-gg-gemstones] #gemstone-recommender {background:#f8f6f2!important;color:#28262c;padding:40px 24px;}
[data-gg-gemstones] #gemstone-recommender :is(h2,h3,p,label) {color:#28262c;}
[data-gg-gemstones] #gemstone-recommender .bg-gradient-to-br {background:#fff;border:1px solid #ddd6e3;box-shadow:none;}
[data-gg-gemstones] #gemstone-recommender select {color:#28262c;background:#fff;border-color:#bcb3c5;}
[data-gg-gemstones] .zodiac-btn {color:#28262c;background:#f2eef6;border-color:#c7bfce;}
[data-gg-gemstones] .zodiac-btn.selected {color:#fff;background:#382253;}
[data-gg-gemstones] #gemstoneResultContent {color:#28262c;}
[data-gg-gemstones] :is(main,section):not([data-gg-corpus-footer] *) :is(h1,h2) {font-family:PPNeue,Arial,sans-serif;font-weight:350;letter-spacing:-.03em;}
[data-gg-gemstones] > .bg-gradient-to-br {background:#f0ebf5;color:#28262c;}
[data-gg-gemstones] > section:not([data-gg-corpus-footer] *) {margin-inline:auto;}
[data-gg-gemstones] :is(a,button,input,select):focus-visible {outline:3px solid #6c5689;outline-offset:3px;}
[data-gg-gemstones] [data-gg-corpus-footer] {margin-top:48px;}
@media(max-width:760px){
 body[data-gg-gemstones] {padding-top:88px;}
 [data-gg-gemstones] .spline-container {width:calc(100% - 32px);margin-top:8px;border-radius:24px;}
 [data-gg-gemstones] #canvas3d-gemstones {height:360px;}
 [data-gg-gemstones] .info-panel {padding:24px;}
 [data-gg-gemstones] .info-panel h1 {font-size:30px;}
 [data-gg-gemstones] .info-panel p {font-size:16px;}
}

[data-gg-gemstones] .gradient-text {background:none;color:#28262c;-webkit-text-fill-color:#28262c;}
[data-gg-gemstones] .glass-card {background:#fff;border:1px solid #ded7e5;box-shadow:none;border-radius:24px;}
[data-gg-gemstones] .gem-card {display:flex;flex-direction:column;gap:4px;padding:24px;}
[data-gg-gemstones] .gem-card > .flex:last-child {margin-top:auto;}
[data-gg-gemstones] .gem-card p {line-height:1.55;}
[data-gg-gemstones] :is(.text-purple-600,.text-purple-700,.text-gray-800) {color:#28262c;}
[data-gg-gemstones] .loading-overlay {height:520px;bottom:auto;}
[data-gg-gemstones] .breadcrumb-nav :is(a,span) {color:#57525c;}
@media(max-width:760px){[data-gg-gemstones] .loading-overlay {height:360px;}}
/* Spline writes inline dimensions based on its parent; keep the viewport bounded. */
[data-gg-gemstones] #canvas3d-gemstones {height:520px!important;max-height:520px;}
@media(max-width:760px){[data-gg-gemstones] #canvas3d-gemstones {height:360px!important;max-height:360px;}}

[data-gg-gemstones] .gg-gemstone-intro{padding-top:28px;padding-bottom:32px}[data-gg-gemstones] .gg-gemstone-intro h1{font-size:clamp(36px,4vw,56px);line-height:1.12}[data-gg-gemstones] .gg-gemstone-art{max-width:860px;margin:28px auto 36px;border-radius:28px;overflow:hidden;background:#eee8f4;text-align:left}[data-gg-gemstones] .gg-gemstone-art img{display:block;width:100%;height:auto}[data-gg-gemstones] .gg-gemstone-art figcaption{padding:16px 24px;font-size:16px;line-height:1.5;color:#432777}@media(max-width:760px){[data-gg-gemstones] .gg-gemstone-art{border-radius:22px}[data-gg-gemstones] .gg-gemstone-art figcaption{padding:16px}}

/* ---- L15 invisible-text sweep (2026-10-10): gemstone hub labels ---------------------------------
 * "View Details", the stone links and the trial note used Tailwind 600/500 hues on the white cards:
 * green 3.77:1, amber 3.19:1, red 3.76:1 (12px-16px text). The same hues at 800 read 6.5-7.5:1. The
 * Mars badge's coral gradient end gave its 12px label 4.3:1; the pale end keeps the badge's look. */
[data-gg-gemstones] .text-green-600 { color: #166534; }
[data-gg-gemstones] .text-yellow-600 { color: #92400e; }
[data-gg-gemstones] .text-red-500 { color: #b91c1c; }
[data-gg-gemstones] .mars-badge { background: #fecaca; }