/* Dedicated long-form gemstone guides. Product category pages stay commerce-first. */
.gem-guide{max-width:1080px;margin:0 auto 58px;color:#354155}
.gem-guide-hero{padding:34px 0 38px;border-bottom:1px solid var(--line)}
.gem-guide-kicker{display:block;margin-bottom:13px;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.26em}
.gem-guide h1{margin:0;color:var(--navy);font-size:clamp(30px,4vw,46px);font-weight:400;line-height:1.35}
.gem-guide-heading>p{max-width:650px;margin:19px 0 0;color:#637084;font-size:16px;line-height:1.85}
.gem-guide-shop{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 17px;border:1px solid var(--gold);color:var(--navy);font-size:13.5px;font-weight:600;text-decoration:none;transition:background .18s ease,color .18s ease}
.gem-guide-shop.top{margin-top:22px}
.gem-guide-shop:hover{border-color:var(--navy);background:var(--navy);color:#fff}
.gem-guide-shop span:last-child{color:var(--gold)}

.gem-guide-facts{margin:34px 0 38px;padding:24px 26px 26px;border:1px solid #e3ddcf;border-top:2px solid var(--gold);background:#fcfaf5}
.gem-guide-facts-head{display:flex;align-items:baseline;gap:18px;margin-bottom:18px}
.gem-guide-facts-head>span{color:#8b6b36;font-size:10px;font-weight:600;letter-spacing:.18em;white-space:nowrap}
.gem-guide-facts h2{margin:0;color:var(--navy);font-size:22px;font-weight:500;line-height:1.4}
.gem-guide-facts-table table,.gem-guide-facts-table tbody{display:block;width:100%}
.gem-guide-facts-table thead{display:none}
.gem-guide-facts-table tbody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e3ddcf;border-left:1px solid #e3ddcf}
.gem-guide-facts-table tr{display:block;min-width:0;padding:13px 15px;border-right:1px solid #e3ddcf;border-bottom:1px solid #e3ddcf;background:rgba(255,255,255,.75)}
.gem-guide-facts-table td{display:block;padding:0;overflow-wrap:anywhere}
.gem-guide-facts-table td:first-child{margin-bottom:5px;color:#7d6848;font-size:11px;font-weight:600}
.gem-guide-facts-table td:last-child{color:#263a52;font-size:14px;line-height:1.65}

.gem-guide-layout{display:grid;grid-template-columns:220px minmax(0,780px);justify-content:space-between;align-items:start;gap:56px}
.gem-guide-toc{position:sticky;top:96px;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--line)}
.gem-guide-toc summary{padding:14px 0;color:var(--navy);font-family:'Trirong',serif;font-size:16px;cursor:pointer;list-style:none}
.gem-guide-toc summary::-webkit-details-marker{display:none}
.gem-guide-toc summary::after{content:'＋';float:right;color:var(--gold);font-family:'Sarabun',sans-serif}
.gem-guide-toc details[open] summary::after{content:'−'}
.gem-guide-toc ol{margin:0;padding:0 0 14px;counter-reset:guide-toc;list-style:none}
.gem-guide-toc li{counter-increment:guide-toc;border-top:1px solid #f0f1f2}
.gem-guide-toc a{display:grid;grid-template-columns:25px minmax(0,1fr);gap:7px;padding:9px 0;color:#667286;font-size:12px;line-height:1.5;text-decoration:none}
.gem-guide-toc a::before{content:counter(guide-toc,decimal-leading-zero);color:#9a763d;font-size:9px;font-weight:600;letter-spacing:.05em;padding-top:2px}
.gem-guide-toc a:hover{color:#176a74}

.gem-guide-main{min-width:0}
.gem-guide-body{counter-reset:guide-section;color:#334155;font-size:18px;line-height:1.88}
.gem-guide-body>p{margin:0 0 1.18em}
.gem-guide-body>p>strong:first-child{color:#243b56;font-weight:600}
.gem-guide-body>h2{counter-increment:guide-section;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:baseline;gap:12px;margin:58px 0 24px;padding:0 0 13px;border-bottom:1px solid #d9d3c7;color:var(--navy);font-size:27px;font-weight:500;line-height:1.45;scroll-margin-top:100px}
.gem-guide-body>h2:first-of-type{margin-top:32px}
.gem-guide-body>h2::before{content:counter(guide-section,decimal-leading-zero);color:#9a763d;font-family:'Sarabun',sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em}
.gem-guide-body>h3{margin:34px 0 13px;padding-left:13px;border-left:2px solid #91b5a9;color:#14635e;font-size:21px;font-weight:600;line-height:1.55;scroll-margin-top:100px}
.gem-guide-body ul,.gem-guide-body ol{margin:0 0 1.25em;padding-left:1.5em}
.gem-guide-body li{margin-bottom:.55em}
.gem-guide-body table{display:block;width:100%;margin:28px 0;border-collapse:collapse;overflow-x:auto;font-size:15px}
.gem-guide-body th{padding:12px 14px;border-bottom:2px solid #b7c9d9;background:#e9eff5;color:#193451;font-weight:600;text-align:left}
.gem-guide-body td{padding:11px 14px;border-bottom:1px solid #e1e7ec;vertical-align:top}
.gem-guide-body tr:nth-child(even) td{background:#f7f8fa}
.gem-guide-body blockquote{margin:26px 0;padding:17px 21px;border-left:3px solid var(--gold-line);background:#fdfbf6;color:#354b63}
.gem-guide-body a{color:#176a74;text-decoration-color:#c4a66e;text-underline-offset:3px}

.gem-guide-references{margin-top:46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gem-guide-references>summary{padding:15px 2px;color:#435367;font-family:'Trirong',serif;font-size:17px;cursor:pointer;list-style:none}
.gem-guide-references>summary::-webkit-details-marker{display:none}
.gem-guide-references>summary::after{content:'＋';float:right;color:var(--gold);font-family:'Sarabun',sans-serif}
.gem-guide-references[open]>summary::after{content:'−'}
.gem-guide-references>div{padding:3px 18px 18px;color:#687488;font-size:13px;line-height:1.75;overflow-wrap:anywhere}
.gem-guide-references ul,.gem-guide-references ol{padding-left:20px}
.gem-guide-references li{margin-bottom:7px}
.gem-guide-references a{color:#405f73;text-decoration-color:#c4a66e;text-underline-offset:3px}
.gem-guide-return{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;padding:22px 24px;border:1px solid #e3ddcf;background:#fcfaf5}
.gem-guide-return small,.gem-guide-return strong{display:block}
.gem-guide-return small{margin-bottom:4px;color:#7c8796;font-size:11px}
.gem-guide-return strong{color:var(--navy);font-size:15px;font-weight:600}

@media(max-width:900px){
  .gem-guide-layout{grid-template-columns:1fr;gap:28px}
  .gem-guide-toc{position:static;max-width:780px;width:100%;margin:0 auto}
  .gem-guide-main{max-width:780px;width:100%;margin:0 auto}
}
@media(max-width:700px){
  .gem-guide-facts{padding:20px 17px 21px}
  .gem-guide-facts-head{display:block}
  .gem-guide-facts h2{margin-top:6px;font-size:20px}
  .gem-guide-facts-table tbody{grid-template-columns:1fr}
  .gem-guide-body{font-size:16.5px;line-height:1.9}
  .gem-guide-body>h2{grid-template-columns:28px minmax(0,1fr);gap:8px;margin-top:45px;font-size:22px}
  .gem-guide-body>h3{font-size:18px}
  .gem-guide-return{display:block;padding:19px}
  .gem-guide-return .gem-guide-shop{display:flex;margin-top:15px}
}