:root{color-scheme:dark;--bg:#04121f;--panel:#092237;--line:#1a4f68;--text:#e8f4ff;--muted:#a5bfd0;--cyan:#54e2dc;--blue:#48a9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,#0b3850 0,transparent 35rem),var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;font-size:16px;line-height:1.75}.site-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(20px,calc((100% - 1160px)/2));background:#04121fe8;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:baseline;gap:10px;color:var(--text);text-decoration:none}.brand span{font-weight:900;font-size:1.5rem;color:var(--cyan)}.brand small{font-size:.72rem;letter-spacing:.09em;color:var(--muted)}nav{display:flex;gap:18px;flex-wrap:wrap}nav a,.crumb a,.related a,footer a{color:var(--cyan);text-decoration:none}main{width:min(1160px,calc(100% - 32px));margin:auto}.article{width:min(820px,100%);margin:44px auto 72px}.crumb{font-size:.88rem;color:var(--muted);gap:9px}.article header{padding:30px 0 24px}.eyebrow{display:inline-block;color:var(--cyan);font-weight:800;letter-spacing:.04em}.article h1,.intro h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.18;margin:.25em 0}.lead,.intro p{font-size:1.12rem;color:#c5dce9}.meta,.card small{color:var(--muted)}.cover,.article-body img{display:block;max-width:100%;height:auto;border-radius:20px;border:1px solid var(--line);margin:20px auto}.article-body{font-size:1.06rem}.article-body h2,.article-body h3{line-height:1.3;margin-top:2.1em;color:#fff}.article-body a{color:var(--cyan)}.article-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.article-body th,.article-body td{padding:10px;border:1px solid var(--line)}.article-body blockquote,.article-body .notice{margin:24px 0;padding:16px 20px;border-left:4px solid var(--cyan);background:var(--panel);border-radius:0 12px 12px 0}.related{margin:40px 0;padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:18px}.related h2{margin-top:0;font-size:1.2rem}.open-app{display:inline-flex;margin:18px 0;padding:11px 18px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#021724;text-decoration:none;font-weight:900;border-radius:999px}.directory,.faq-page,.about-page{padding:54px 0 80px}.intro{max-width:820px;margin-bottom:46px}.category{margin:50px 0}.category h2{font-size:1.55rem}.category h2 span{color:var(--cyan);font-size:.9rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.card{background:linear-gradient(145deg,#0c2a40,#071b2d);border:1px solid var(--line);border-radius:16px}.card a{display:block;height:100%;padding:20px;color:inherit;text-decoration:none}.card h3{margin:0 0 8px;line-height:1.4;font-size:1.05rem}.card p{color:var(--muted);font-size:.94rem}.faq-group{margin:42px 0}.faq-group h2{font-size:1.5rem}.faq-group details{margin:10px 0;padding:14px 18px;border:1px solid var(--line);background:var(--panel);border-radius:14px}.faq-group summary{cursor:pointer;font-weight:800}.faq-group p{color:#cee1ea}.faq-group small{color:var(--cyan)}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-grid section{padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:18px}.about-grid h2{margin-top:0}.about-grid p,.about-grid li{color:#cee1ea}footer{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:28px;border-top:1px solid var(--line);color:var(--muted)}footer strong{color:var(--cyan)}@media(max-width:700px){.site-head{align-items:flex-start;flex-direction:column;gap:6px}.brand small{display:none}.article{margin-top:20px}.article h1,.intro h1{font-size:2rem}.cards,.about-grid{grid-template-columns:1fr}}