/* พื้นหลังเข้ม + ตัวอักษรสว่าง (ใช้คู่ theme: black) */
html,body{height:100%;}
.reveal-viewport{background:radial-gradient(circle at 20% 8%,#21306b,#0c1024 60%);}
.reveal{height:100%;color:#e8ecff;}
.reveal .slides{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;display:flex !important;align-items:center;justify-content:center;transform:none !important;left:0 !important;top:0 !important;}
.reveal .slides>section{position:relative !important;width:100% !important;max-width:940px;height:auto !important;top:auto !important;padding:5vmin 22px;box-sizing:border-box;text-align:center;}

.home-title{font-size:clamp(26px,4.6vw,46px);font-weight:800;background:linear-gradient(90deg,#8fb0ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 10px;line-height:1.1;}
.home-sub{font-size:clamp(12px,1.7vw,16px);color:#9fb0e8;margin:0 0 28px;}

/* การ์ดเมนู */
.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media(max-width:620px){.menu-grid{grid-template-columns:1fr;}}
.card{display:block;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:20px;text-align:left;transition:.2s;}
.card:hover{transform:translateY(-4px);background:rgba(79,124,255,.2);border-color:#4f7cff;}
.card .ic{font-size:30px;line-height:1;}
.card h3{font-size:clamp(15px,2vw,19px);color:#fff;margin:9px 0 5px;}
.card p{font-size:clamp(11px,1.4vw,13px);color:#aab8e8;margin:0;line-height:1.5;}

/* footer link ไป all.md */
.home-foot{margin-top:26px;}
.home-foot a{color:#cfe;text-decoration:none;font-size:clamp(12px,1.5vw,14px);border:1px solid rgba(255,255,255,.22);padding:8px 16px;border-radius:10px;transition:.2s;}
.home-foot a:hover{color:#fff;border-color:#4f7cff;background:rgba(79,124,255,.2);}

/* หน้า listing ครบทุกไฟล์ */
.all-list{max-width:780px;margin:14px auto 0;text-align:left;font-size:clamp(13px,1.7vw,16px);line-height:2.1;color:#dfe6ff;}
.all-list a{color:#8fb4ff;text-decoration:none;font-weight:600;}
.all-list a:hover{text-decoration:underline;color:#fff;}
.all-list code{color:#cdd7f5;background:rgba(255,255,255,.08);padding:2px 8px;border-radius:6px;font-size:.82em;}
.all-list p{text-align:center;margin-top:22px;}