/* SB-CI-MASTER-v1: shared brand tokens, last in cascade. */
:root{
 /* ── ชุดสีมิ้นท์ 30 ต.ค. 2569 ──────────────────────────────────────
    เจ้าของสั่งเปลี่ยนตระกูลเขียวเข้ม เป็นเขียวมิ้นท์
    ต้นแบบ: เส้นโค้งมิ้นท์ในภาพ web-09 ที่เจ้าของวงไว้ ดูดได้ #11AEAA (178 องศา)
    วิธีทำ: ย้ายองศาสีจาก 186 -> 178 และเพิ่มความสดทุกขั้น
            แต่คงระดับความสว่างของแต่ละขั้นไว้เท่าเดิม
            เพื่อให้ค่าความต่างสีของตัวหนังสือไม่พัง
    ชุดเดิมสำรองไว้ที่ ../สำรอง-ก่อนเปลี่ยนเป็นมิ้นท์-*.css
    ────────────────────────────────────────────────────────────── */
 --ci-mint:#DFF6F4;--ci-mint-deep:#A9E4E0;--ci-teal:#0A6E6B;--ci-accent:#11AEAA;--ci-silver:#9DBDBA;--ci-gold:#C6A77A;--ci-deep:#04393A;--ci-paper:#F2FBFA;--ci-white:#FFFFFF;--ci-muted:#3E6E6B;
 --navy-950:var(--ci-deep);--navy-900:var(--ci-teal);--blue-800:var(--ci-teal);--blue-600:var(--ci-teal);--blue-500:var(--ci-accent);--sky-200:var(--ci-mint-deep);--sky-100:var(--ci-mint);--ice-blue:var(--ci-mint);--background:var(--ci-paper);--text-primary:var(--ci-deep);--text-secondary:var(--ci-muted);--accent-yellow:var(--ci-gold);--white:var(--ci-white);
 --navy:var(--ci-deep);--navy-2:var(--ci-teal);--blue:var(--ci-teal);--blue-d:var(--ci-deep);--blue-l:var(--ci-mint-deep);--blue-xl:var(--ci-paper);--ink:var(--ci-deep);--muted:var(--ci-muted);
 --grad-primary:linear-gradient(110deg,var(--ci-teal),var(--ci-deep));--grad-bright:linear-gradient(110deg,var(--ci-accent),var(--ci-teal));--grad-soft:linear-gradient(130deg,var(--ci-paper),var(--ci-mint));--grad-hero:var(--grad-soft);
 --line:color-mix(in srgb,var(--ci-teal) 15%,transparent);--line-strong:color-mix(in srgb,var(--ci-teal) 28%,transparent);--ring-color:var(--ci-accent);--sh-card:0 12px 40px color-mix(in srgb,var(--ci-deep) 7%,transparent);--sh-float:0 20px 60px color-mix(in srgb,var(--ci-deep) 12%,transparent);--sh-btn:0 6px 18px color-mix(in srgb,var(--ci-deep) 14%,transparent);
}
::selection{background:var(--ci-mint-deep);color:var(--ci-deep)}
body{caret-color:var(--ci-teal)}
:focus-visible{outline:3px solid var(--ci-accent);outline-offset:4px}
.ci-wordmark{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;color:var(--ci-teal);line-height:1;font-family:var(--font);font-weight:700}
.ci-wordmark b{font-size:24px;font-weight:800}.ci-wordmark span{font-size:11px}
a.brand::after{display:none!important}
.foot-brand .ci-wordmark{color:var(--ci-mint)}
@media(max-width:767px){.ci-wordmark b{font-size:28px}.ci-wordmark span{font-size:13px}}
html{scroll-behavior:auto}
.sb-reveal{opacity:1!important;transform:none!important;filter:none!important}

@media(max-width:900px){.top .brand{min-height:45px;display:flex;align-items:center}}
.top .brand{text-decoration:none}
/* Preserve the original footer logo slot and following text positions. */
.foot-brand>.ci-footer-wordmark{display:flex;align-items:center;width:120px;height:30px;margin:0 0 16px;line-height:1}
.foot-brand>.ci-footer-wordmark b{font-size:24px;line-height:1}
.foot-brand>.ci-footer-wordmark span{font-size:11px;line-height:1}