.stones-page{max-width:1180px}.stones-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;background:linear-gradient(120deg,#eef7ff,#e4edf8 70%,#faf4e5);border:1px solid #a7c0db;border-radius:5px;box-shadow:inset 0 1px #fff}.eyebrow{font:600 11px Tahoma,sans-serif;letter-spacing:1.4px;color:#426582;margin:0 0 14px}.stones-hero h1{font:500 34px/1.35 Mitr,Tahoma,sans-serif;color:#213f64;margin:0}.stones-hero h1 span{color:#47769d}.stones-hero p:last-child{font-size:15px;line-height:1.8;color:#4d6073;margin-bottom:0}.hero-gem{width:150px;height:150px;flex-shrink:0;background:radial-gradient(#d6efff 5%,transparent 70%)}.hero-gem svg{width:100%;height:100%;fill:#b8ddf4;stroke:#5483ad;stroke-width:2}.hero-gem svg path+path{fill:none;stroke:#f8fdff;stroke-width:2.5}.stones-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0;gap:12px}.stones-stats>div{background:#fff;border:1px solid #c4d2e1;border-top:3px solid #6e94bb;padding:12px 16px;border-radius:3px}.stones-stats b{display:block;font:500 27px/1.3 Mitr,Tahoma;color:#294f77}.stones-stats span{font-size:13px;color:#627185}.slot-guide{margin-bottom:14px}.slot-guide>summary{cursor:pointer;padding:12px 17px;font-weight:600;color:#294f77;background:linear-gradient(#f8fcff,#e4edf6)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:4px 18px}.guide-grid p{font-size:13.5px;line-height:1.85}.guide-grid>div+div{padding-top:14px}.slot-rule{color:#355e86}.slot-rule>span{color:#afbbc7;padding:0 6px}.slot-example{display:flex;gap:7px;margin:12px 0;align-items:start}.slot-example span{font-size:11px;text-align:center;flex:1;color:#4b6279}.slot-example b{display:flex;align-items:center;justify-content:center;height:35px;border:1px solid #86a8c9;background:#e6f4ff;font:500 18px Mitr;color:#315c87;border-radius:3px;margin-bottom:5px;box-shadow:inset 0 1px white}.slot-example .unused{opacity:.55}.slot-example .unused b{background:#edf0f3;border-style:dashed}.guide-bottom{margin:4px 0 0;border-top:1px solid #d6e0eb;padding:11px 17px;font-size:12.5px;color:#53677a;line-height:1.8}.guide-bottom code{white-space:nowrap;font:12px Consolas,monospace;color:#2c5680}.stones-notice{border-left:3px solid #cda65e;background:#fff8e8;color:#715729;padding:10px 14px;font-size:13px;line-height:1.8;margin:14px 0}.stone-search{padding:18px;background:#fff}.search-label{font-weight:600;color:#294f77;display:block;font-size:14px}.search-line{display:flex;gap:8px;margin:8px 0 14px}.search-line input{width:100%;min-width:0;border:1px solid #9bb5cd;border-radius:4px;font:15px Sarabun,Tahoma;padding:11px 12px;box-sizing:border-box;background:#fbfdff;color:#23394d}.stones-page button,.filter-line select{font:13px Sarabun,Tahoma;border:1px solid #a8bbcf;border-radius:4px;padding:9px 12px;color:#355471;background:#f6f9fd}.stones-page button{cursor:pointer;white-space:nowrap}.stones-page button:hover{background:#e8f1fa}.stones-page button:disabled{opacity:.4;cursor:default}.stones-page :is(input,select,button,a,summary):focus-visible{outline:3px solid #78b8e6;outline-offset:2px}.filter-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.filter-line label{font-size:12px;color:#617083;display:grid;gap:5px}.filter-line select{width:100%;min-width:0;background:#fff}.results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:22px}.results-heading h2{font:500 20px Mitr,Tahoma;margin:0;color:#294f77}.results-heading h2 span{font:13px Sarabun;color:#76879a;margin-left:5px}.results-heading>p{font-size:11.5px;color:#778695;margin:0}.formula-note{font-size:12px;color:#718091;line-height:1.75;margin:9px 0 16px}#catalog-status{font-size:13px;color:#62788e}#catalog-status:empty{display:none}.stone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.stone-card{background:#fff;border:1px solid #c0cfdf;border-radius:5px;overflow:hidden;box-shadow:0 2px 4px #24436008;min-width:0}.stone-card>header{padding:15px 16px 12px;background:linear-gradient(100deg,#f6fafe,#fff);border-bottom:1px solid #e0e8f0;display:flex;gap:11px;align-items:center}.stone-icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #c5d4e3;border-radius:4px;background:#eef5fc;color:#7598b9;font-size:27px}.stone-icon img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.stone-card h3{font:600 15px/1.5 Sarabun,Tahoma;margin:0;color:#254c75;overflow-wrap:anywhere}.stone-card .item-ids{font:11px/1.6 Tahoma;color:#8a98a7;margin-top:3px}.stone-tags{padding:11px 16px 0;display:flex;gap:5px;flex-wrap:wrap}.stone-tag{font-size:11px;background:#eaf2fb;border:1px solid #d2e0ed;color:#3e668a;padding:3px 7px;border-radius:3px}.stone-tag.slot{background:#fff8e8;border-color:#ecdcaf;color:#866523}.stone-tag.visual{background:#f1ecfb;border-color:#dfd3f0;color:#776196}.stone-tag.unlisted{background:#f8eded;border-color:#edcfcf;color:#9f5555}.stone-body{padding:10px 16px 14px}.stone-body h4{font:600 12px Sarabun,Tahoma;color:#708193;margin:3px 0 7px}.stone-effects{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13.5px;line-height:1.65;color:#344b62}.stone-effects>li{padding-left:13px;position:relative;overflow-wrap:anywhere}.stone-effects>li:before{content:'•';position:absolute;left:0;color:#88a5c1}.condition{display:block;color:#92743e;font-size:12px}.stone-note{font-size:12px;background:#fff8e8;border:1px solid #eee0bd;border-radius:3px;padding:8px 10px;color:#856831;line-height:1.7;margin-top:11px}.stone-card details{border-top:1px solid #e1e9f2;padding:0 16px}.stone-card details>summary{font-size:12px;color:#4e7195;padding:11px 0;cursor:pointer}.combo-block{border-top:1px dashed #d9e3ed;padding:10px 0}.combo-block:first-child{border-top:0}.combo-block>p{font-size:12px;font-weight:600;color:#66805c;line-height:1.7;margin:0 0 8px}.stone-bottom{border-top:1px solid #e5ecf3;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 15px;font-size:11px;color:#7d8c9c}.stone-bottom a{color:#52759b}.stone-bottom button{font-size:11px;padding:4px 7px}.stone-pages{display:flex;align-items:center;justify-content:center;gap:16px;padding:22px 0}.stone-pages span{font-size:12px;color:#718398}.catalog-footer{text-align:center;font-size:12px;color:#8190a1;line-height:1.9;padding:12px 0 26px}.catalog-footer a{color:#5d7d9f}.empty-result{grid-column:1/-1;text-align:center;padding:42px 18px;background:white;border:1px dashed #bccde0;border-radius:4px;color:#6d8196}@media(max-width:700px){.stones-hero{padding:23px 20px;gap:8px}.stones-hero h1{font-size:26px}.hero-gem{width:84px;height:100px}.eyebrow{font-size:9px;letter-spacing:.6px}.stones-hero p:last-child{font-size:13px}.stones-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.stones-stats>div{padding:10px 12px}.stones-stats b{font-size:23px}.stones-stats span{font-size:11.5px}.guide-grid{grid-template-columns:1fr;gap:0;padding:3px 14px}.guide-grid>div+div{padding-top:0}.slot-example{max-width:420px}.guide-bottom{padding:10px 14px}.stone-search{padding:13px}.filter-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-line{flex-wrap:wrap}.search-line input{font-size:14px}.search-line button{padding:6px 10px;margin-left:auto}.stone-grid{grid-template-columns:1fr}.results-heading{align-items:flex-start;flex-direction:column;gap:3px}.results-heading h2{font-size:18px}.stones-page .desktop-only{display:none}.stone-card>header{padding:13px}.stone-body{padding:10px 13px 13px}.stone-tags{padding:10px 13px 0}.stones-page{padding-left:12px;padding-right:12px}.guide-grid p{font-size:12.5px}.stone-effects{font-size:13px}}
.results-heading h2{color:#d8e8f6}.results-heading h2 span,.results-heading>p{color:#a8bed3}.formula-note{color:#b8cbdc}.catalog-footer{color:#a4b9cc}.catalog-footer a{color:#abc8e4}.stones-hero{padding-top:24px;padding-bottom:24px}.stones-hero h1{font-size:30px}@media(max-width:700px){.stones-hero{position:relative}.stones-hero h1{font-size:26px}.hero-gem{position:absolute;right:10px;top:15px;width:45px;height:45px;opacity:.45}.eyebrow{padding-right:42px}}
