/* GemHood v3.8 — navigation, gemstone comparison, origins and guide refinement. */
:root{--gh38-forest:#193e32;--gh38-dark:#1f2923;--gh38-gold:#a78650;--gh38-cream:#faf7f1;--gh38-line:#e7dfd2}
/* Stable compact navigation: overlaps header edge so pointer cannot fall through. */
@media(min-width:1101px){
 .gh-primary-nav [data-gh25-menu]>.gh25-mega{top:var(--gh37-top,94px)!important;left:var(--gh37-left,20px)!important;width:var(--gh37-width,558px)!important;gap:13px!important;padding:19px 20px!important;max-height:min(75vh,560px)!important;border-radius:16px!important;box-shadow:0 20px 55px rgba(27,35,29,.16)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;transition:none!important;animation:none!important;transform:none!important;visibility:visible}
 .gh-primary-nav [data-gh25-menu].gh25-open>.gh25-mega{display:grid!important}
}
.gh-primary-nav .gh25-mega-column{gap:0!important}
.gh-primary-nav .gh25-mega-column>small{margin:0 0 5px!important;letter-spacing:.14em!important}
.gh-primary-nav .gh25-mega-column>a{min-height:40px!important;padding:8px 9px!important;gap:9px!important;line-height:1.3!important;white-space:normal!important}
.gh-primary-nav .gh25-mega-column>a i{flex:0 0 21px!important}
.gh-primary-nav .gh38-wayfinder{display:grid;gap:7px;margin-top:8px;padding-top:12px;border-top:1px solid #e7e0d4}
.gh38-wayfinder-heading{font:600 11px/1.4 'DM Sans',Arial,sans-serif;color:#9d7e47;letter-spacing:.09em;margin:0}
.gh38-wayfinder a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1b3b2d;padding:6px;border-radius:9px;min-width:0;transition:background .16s ease}
.gh38-wayfinder a:hover{background:#eaf0ea}
.gh38-wayfinder img,.gh38-feature-item img{width:38px;height:38px;flex:0 0 38px;object-fit:contain;background:#f6f1e8;border:1px solid #efe5d7;border-radius:9px}
.gh38-wayfinder strong,.gh38-feature-item strong{display:block;font-size:12px;line-height:1.35}
.gh38-wayfinder small,.gh38-feature-item small{display:block;font-size:10px;color:#807566;margin-top:2px;line-height:1.4}
.gh38-menu-feature{margin-top:8px;padding:11px 0 0;border-top:1px solid #e8e1d7;display:grid;gap:6px}
.gh38-menu-feature>span{font-size:10px;letter-spacing:.12em;color:#a28555;font-weight:700}
.gh38-feature-item{display:flex;align-items:center;gap:9px;text-decoration:none;color:#193b2d;padding:5px 6px;border-radius:9px}
.gh38-feature-item:hover{background:#eaf0ea}
@media(max-width:1100px){.gh-primary-nav .gh25-mega-column>a{min-height:43px!important}.gh38-wayfinder{margin-top:12px}.gh38-menu-feature{padding-bottom:8px}}
/* Less intrusive, editorial gemstone stage. */
.gh-encyclopedia-hub-v21 .gh351-gem-gallery{inset:21% 10% 25%!important}
.gh-encyclopedia-hub-v21 .gh351-gem-slide img{width:min(56%,285px)!important;max-height:270px!important;filter:drop-shadow(0 15px 18px rgba(0,0,0,.28)) drop-shadow(0 0 20px var(--gh351-gem-glow))!important}
.gh-encyclopedia-hub-v21 .gh351-halo{max-width:265px!important;opacity:.72}
@media(max-width:750px){.gh-encyclopedia-hub-v21 .gh351-gem-slide img{width:min(57%,225px)!important;max-height:215px!important}}
/* Breadcrumbs: consistent semantic trail with comfortable tappable targets. */
.gh-gem-breadcrumb.gh38-breadcrumb,.gh38-breadcrumb{display:flex!important;align-items:center!important;flex-wrap:wrap!important;column-gap:9px!important;row-gap:6px!important;width:100%;margin:12px 0 20px!important;padding:12px 16px!important;background:#fffdfa;border:1px solid #ece4d6;border-radius:12px;font:500 12px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:0!important;color:#4b534a!important}
.gh38-breadcrumb a{display:inline-flex;align-items:center;gap:7px;min-height:29px;color:#436052!important;text-decoration:none;border-radius:6px;padding:3px 6px!important}
.gh38-breadcrumb a:hover{color:#0b4733!important;background:#f0f5ef}
.gh38-breadcrumb>i{font-size:9px;color:#b0a68f}
.gh38-breadcrumb [aria-current]{color:#1c382e;font-weight:700;overflow-wrap:anywhere}
/* A concise compare link replacing oversized legacy comparison panel. */
.gh38-compare-teaser{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding:26px 30px;border:1px solid #e9ddcc;border-radius:18px;background:linear-gradient(110deg,#f6f0e5,#fffcf8)}
.gh38-compare-teaser h2{font:400 clamp(26px,3vw,40px)/1.2 'Playfair Display',Georgia,serif;margin:7px 0;color:#1d2b24}.gh38-compare-teaser h2 em{color:#9e8152}
.gh38-compare-teaser p{max-width:570px;line-height:1.6;color:#64675e}.gh38-compare-teaser>a{display:inline-flex;align-items:center;gap:9px;padding:14px 18px;background:#153c30;color:#fff!important;border-radius:8px;text-decoration:none;white-space:nowrap;font-weight:700;font-size:12px}
.gh38-compare-teaser>a:hover{background:#245d47}
/* Profile: typographic hierarchy, named swatches, representative flagged regions */
.gh38-profile{border:1px solid var(--gh38-line);background:#fffdf9;border-radius:16px;padding:clamp(18px,3vw,30px);margin:2px 0 28px;box-shadow:0 8px 30px rgba(28,37,29,.035);min-width:0}
.gh38-profile-head h2,.gh38-origin-title h2{font:400 clamp(24px,2.7vw,34px)/1.17 'Playfair Display',Georgia,serif;margin:9px 0 10px;color:#202a22}.gh38-profile-head p{color:#62675f;line-height:1.65;font-size:14px}
.gh38-profile .gh-gem-section-eyebrow i{margin-right:8px}
.gh38-swatches{display:flex;flex-wrap:wrap;gap:11px;margin:17px 0 22px}
.gh38-swatch{display:flex;align-items:center;gap:9px;padding:7px 12px 7px 7px;border-radius:40px;border:1px solid #e8e2d8;background:#fff;color:#3d423b;font-size:12px;min-width:0}
.gh38-swatch strong{font-size:12px;font-weight:600}.gh38-swatch-dot{width:26px;height:26px;flex:0 0 26px;background:var(--gh38-swatch,#c5c0b6);border:1px solid rgba(0,0,0,.08);border-radius:50%;box-shadow:inset -4px -4px 7px rgba(0,0,0,.10),inset 3px 3px 6px rgba(255,255,255,.55)}
.gh38-quick-traits{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #eae3d7;padding:0 0 20px;margin-bottom:23px}
.gh38-quick-traits>span{display:inline-flex;align-items:center;gap:8px;color:#375648;background:#f0f5f0;border-radius:7px;padding:9px 11px;font-size:12px}.gh38-quick-traits i{color:#a58750}
.gh38-origin>p{font-size:14px;line-height:1.75;color:#525950;margin:12px 0}
.gh38-origin-countries{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}
.gh38-country{display:inline-flex;align-items:center;gap:7px;border:1px solid #e1e5df;background:#f6f9f5;color:#284438;border-radius:8px;font-size:12px;padding:7px 10px}
.gh38-flag{font-size:19px;line-height:1.1;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}
.gh38-no-country{font-style:italic;color:#71786f}
.gh38-formation{border:1px solid #e5dfd2;border-radius:9px;margin:13px 0;overflow:hidden}.gh38-formation summary{padding:12px 14px;cursor:pointer;display:flex;align-items:center;gap:9px;color:#28503d;font-weight:700}.gh38-formation summary i:last-child{margin-left:auto}.gh38-formation p{margin:0;padding:4px 14px 17px;line-height:1.7;color:#5f675e}
.gh38-origin .gh38-provenance{font-size:11px;line-height:1.6;color:#7a7c74;background:#f8f6f1;border-radius:8px;padding:10px 13px;margin-bottom:0}
/* Full comparison page */
.gh38-compare-page{max-width:1240px;margin:0 auto;padding:24px clamp(16px,4vw,48px) 80px;color:var(--gh38-dark);font-family:'DM Sans',Arial,sans-serif}
.gh38-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.21em;font-weight:700;color:#ab8755}
.gh38-compare-hero{text-align:center;padding:58px 14px 34px}.gh38-compare-hero h1{font:400 clamp(43px,6vw,82px)/1.09 'Playfair Display',Georgia,serif;margin:14px 0 20px;letter-spacing:-.035em}.gh38-compare-hero h1 em{font-weight:400;color:#a4885b}.gh38-compare-hero p{max-width:680px;margin:auto;font:400 15px/1.8 'DM Sans',Arial,sans-serif;color:#70736b}
.gh38-compare-form{background:#fffefa;border:1px solid #e8dfd0;border-radius:18px;padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;box-shadow:0 16px 44px rgba(38,47,35,.06);position:relative;z-index:5}
.gh38-picker-block{position:relative;min-width:0}.gh38-picker-block>label{display:block;color:#927449;font-size:10px;letter-spacing:.16em;font-weight:700;margin:0 0 10px}
.gh38-picker-block>select{width:100%;min-height:49px;padding:10px;border:1px solid #ded3c4;border-radius:8px;background:#fff;color:#24372c}
.gh38-picker-block.gh38-enhanced>select{position:absolute!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}
.gh38-picker-widget{position:relative;min-width:0}.gh38-picker-toggle{display:flex;align-items:center;gap:12px;width:100%;height:64px;border:1px solid #e2d9c9;border-radius:12px;background:#fff;text-align:left;color:#17382a;padding:7px 14px;cursor:pointer}.gh38-picker-toggle:hover{border-color:#b49a6e}.gh38-picker-toggle .fa-chevron-down{margin-left:auto;font-size:12px}
.gh38-picker-thumb,.gh38-option-image{width:49px;height:49px;flex:0 0 49px;border-radius:9px;background:#f5f0e6;display:grid;place-items:center;overflow:hidden}.gh38-picker-thumb img,.gh38-option-image img{width:100%;height:100%;object-fit:contain}
.gh38-picker-selected{font:500 15px/1.4 'DM Sans',Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gh38-picker-popover{position:absolute;top:calc(100% + 7px);left:0;width:100%;max-height:360px;z-index:30;background:#fffefa;box-shadow:0 20px 50px rgba(14,42,26,.20);border:1px solid #dcd4c7;border-radius:12px;overflow:hidden;padding:10px}
.gh38-picker-popover[hidden],.gh38-picker-widget[hidden]{display:none!important}
.gh38-picker-search-label{display:flex;align-items:center;gap:10px;background:#f6f5f0;padding:10px 12px;border-radius:8px;color:#8a7a63}
.gh38-picker-search-label input{border:0!important;outline:0!important;background:none!important;width:100%;min-width:0;font-size:13px;padding:0!important}
.gh38-picker-list{max-height:285px;overflow:auto;margin-top:9px;overscroll-behavior:contain}.gh38-picker-option{border:0;background:transparent;display:flex;width:100%;align-items:center;gap:12px;padding:8px;border-radius:8px;text-align:left;cursor:pointer;color:#22412f}.gh38-picker-option:hover,.gh38-picker-option:focus-visible{background:#edf3ec;outline-color:#95b8a4}.gh38-picker-option[aria-selected='true']{background:#f4f0e6}
.gh38-option-image{width:42px;height:42px;flex-basis:42px}.gh38-option-label{min-width:0;display:flex;flex-direction:column;gap:3px}.gh38-option-label strong{font-size:12px}.gh38-option-label small{font-size:10px;color:#7a776e}.gh38-no-results{padding:14px;color:#746c5f}
.gh38-form-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;padding-top:6px;flex-wrap:wrap}.gh38-submit,.gh38-swap{border:0;border-radius:9px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 19px;cursor:pointer;font-size:12px;font-weight:700}.gh38-submit{background:#193f32;color:#fff}.gh38-submit:hover{background:#27634a}.gh38-swap{background:#f0ede6;color:#355446;border:1px solid #e0d9c9}
.gh38-comparison{margin-top:30px}.gh38-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.gh38-gem-card{min-width:0;background:#fff;border:1px solid var(--gh38-line);border-radius:18px;overflow:hidden}.gh38-gem-photo{height:clamp(230px,29vw,340px);display:grid;place-items:center;background:radial-gradient(circle at center,#fffdf9 25%,#f3efe7 100%);padding:20px}.gh38-gem-photo img{max-height:100%;max-width:85%;height:100%;width:auto;object-fit:contain}.gh38-empty-gem{font-size:80px;color:#cfb484}.gh38-gem-details{padding:clamp(20px,2.4vw,31px)}.gh38-gem-details h2{font:400 clamp(29px,3vw,43px)/1.15 'Playfair Display',Georgia,serif;margin:8px 0 10px}.gh38-summary{color:#6c6f67;font-size:13px;line-height:1.7;min-height:50px}
.gh38-specs{margin:21px 0 0}.gh38-specs>div{border-top:1px solid #ece7de;padding:14px 0}.gh38-specs dt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#a18a68;display:flex;align-items:center;gap:8px}.gh38-specs dd{color:#2f4237;font-size:13px;line-height:1.65;margin:8px 0 0;overflow-wrap:anywhere}.gh38-specs .gh38-compare-flags{display:flex;gap:7px;flex-wrap:wrap}.gh38-compare-flags span{padding:5px 8px;border-radius:7px;background:#f2f6ef;font-size:11px}
.gh38-compare-swatches{gap:6px;margin:13px 0}.gh38-compare-swatches .gh38-swatch{padding:5px 8px 5px 5px}.gh38-compare-swatches .gh38-swatch-dot{width:19px;height:19px;flex-basis:19px}.gh38-compare-swatches strong{font-size:10px}
.gh38-guide-link{display:inline-flex;align-items:center;gap:10px;margin-top:15px;text-decoration:none;color:#fff!important;font-size:12px;font-weight:700;background:#174332;padding:12px 16px;border-radius:8px}
.gh38-compare-disclaimer{margin:24px auto 45px;max-width:900px;color:#70776e;font-size:12px;line-height:1.7;text-align:center}.gh38-compare-disclaimer i{color:#a78c56;margin-right:7px}
.gh38-compare-footer{text-align:center;padding:32px;background:#203a30;border-radius:16px;color:#fff}.gh38-compare-footer h2{font:400 clamp(24px,3vw,39px)/1.3 'Playfair Display',Georgia,serif;margin:0 0 10px}.gh38-compare-footer p{color:#d9e4d9;font-size:13px}.gh38-compare-footer div{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.gh38-compare-footer a{text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.4);padding:12px 16px;border-radius:9px;font-size:12px}
@media(max-width:720px){.gh38-compare-form{grid-template-columns:1fr;padding:15px}.gh38-comparison-grid{grid-template-columns:1fr}.gh38-compare-hero{padding:34px 6px 25px}.gh38-compare-page{padding:15px 12px 40px}.gh38-profile{padding:16px}.gh38-compare-teaser{padding:21px 18px}.gh38-swatches{gap:6px}.gh38-origin-countries{gap:6px}}
@media(prefers-reduced-motion:reduce){.gh38-wayfinder a,.gh38-picker-toggle,.gh38-feature-item{transition:none!important}}
.gh38-card-origins{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 8px}.gh38-card-origins span{font-size:10px;padding:4px 7px;border-radius:6px;color:#315445;background:#edf4ec;white-space:nowrap}
