.skh-guide{max-width:1000px;margin:auto}.skh-stone{object-fit:contain}.skh-facts{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.skh-facts span{padding:12px 18px;border:1px solid #b72920;border-radius:12px;background:#f6efde}.skh-facts b{display:block;color:#211e1b;font-size:1.4rem}.skh-guide section{margin:24px 0}.skh-guide li{margin-bottom:10px}.skh-guide details{padding:12px 0;border-bottom:1px solid #c7bba5}.skh-guide summary{cursor:pointer;font-weight:700}.skh-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0;list-style:none}.skh-levels li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border-radius:12px;background:#211e1b;color:#f6efde;border-top:5px solid var(--rank)}.skh-levels strong{color:var(--rank);font-size:1.25rem}.skh-levels small{font-size:.75rem;text-align:center}.skh-guide ol{padding-left:24px}.skh-guide p,.skh-guide li{line-height:1.7}@media(max-width:600px){.skh-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.skh-facts span{flex:1;padding:10px}.skh-guide{padding:14px}}

/* Match the website color-mode toggle on both the guide and home entry. */
html[data-color-mode="dark"] body.jade-site .skh-guide{color:#f6efde}
html[data-color-mode="dark"] body.jade-site .skh-facts span{background:#211e1b;color:#f6efde;border-color:#6d6257}
html[data-color-mode="dark"] body.jade-site .skh-facts b{color:#c7bba5}
html[data-color-mode="dark"] body.jade-site .skh-guide details{border-color:#211e1b}
html[data-color-mode="dark"] body.jade-site .skh-guide details[open]{background:#211e1b!important}
html[data-color-mode="dark"] body.jade-site .skh-levels li{background:#211e1b;color:#f6efde}
html[data-color-mode="dark"] body.jade-site .skh-levels strong{color:var(--rank)}
html[data-color-mode="dark"] body.jade-site .skh-levels small{color:#c7bba5}
html[data-color-mode="dark"] body.jade-site :is(#thuc-tinh-skh,#dot-pha-pha-le,#cam-nang-chi-so) .jade-panel{background:#211e1b!important;color:#f6efde!important;border-color:#6d6257!important}
html[data-color-mode="dark"] body.jade-site :is(#thuc-tinh-skh,#dot-pha-pha-le,#cam-nang-chi-so) p{color:#c7bba5}
.skh-guide summary:focus-visible,:is(#thuc-tinh-skh,#dot-pha-pha-le,#cam-nang-chi-so) a:focus-visible{outline:2px solid #c7bba5;outline-offset:4px}