/* GENERATED จาก ~/sparkth/railway-api/src/spark-chrome.js — อย่าแก้ที่นี่ แก้ที่ต้นทางแล้วรัน railway-api/scripts/gen-knowledge-chrome.mjs */

:root{--sf-ink:#000;--sf-text:#212121;--sf-muted:#58595B;--sf-faint:#8F9194;--sf-blue:#0064FF;--sf-navy:#0E3692;--sf-deep:#003399;--sf-ice:#ECF3FF;--sf-gray:#F4F4F4;--sf-line:#E6E8EC;--sf-dark:#32373C;--sf-font:"Sukhumvit Set","IBM Plex Sans Thai",system-ui,sans-serif;--sf-en:"Josefin Sans","Sukhumvit Set","IBM Plex Sans Thai",sans-serif;--sf-radius:28px;--sf-shadow:0 10px 30px rgba(0,0,0,.08)}
.sf-wrap{width:min(100%,1248px);margin-inline:auto;padding-inline:24px}
.sf-btn,.sf-btn-line,.sf-btn-blue{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12.5px 23px 16px;border-radius:9999px;font-family:var(--sf-font);font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.sf-btn{border:2px solid var(--sf-dark);background:var(--sf-dark);color:#fff}
.sf-btn-line{border:2px solid #000;background:transparent;color:#000}
.sf-btn-blue{border:2px solid var(--sf-blue);background:var(--sf-blue);color:#fff}
.sf-btn:hover,.sf-btn-line:hover,.sf-btn-blue:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.14)}
.sf-btn:focus-visible,.sf-btn-line:focus-visible,.sf-btn-blue:focus-visible{outline:3px solid #82b4ff;outline-offset:3px}
.sf-eyebrow{font-family:var(--sf-en);font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--sf-blue)}
@media(max-width:640px){.sf-wrap{padding-inline:16px}}


.sfh-root,.sfh-root *,.sff-root,.sff-root *{box-sizing:border-box}
.sfh-root{position:sticky;z-index:1000;top:0;width:100%;height:72px;background:#fff;color:var(--sf-text);font-family:var(--sf-font);line-height:1.45;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.sfh-inner{height:72px;display:flex;align-items:center;gap:24px}
.sfh-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--sf-ink);text-decoration:none}
.sfh-brand-mark{display:block;width:41px;height:40px}
.sfh-brand-text{display:block;width:48px;height:22px;object-fit:contain}
.sfh-divider{width:1px;height:34px;background:var(--sf-line)}
.sfh-site{font-family:var(--sf-en);font-weight:700;font-size:14px;letter-spacing:.09em;text-transform:uppercase;color:var(--sf-blue);text-decoration:none;white-space:nowrap}
.sfh-nav{display:flex;align-items:stretch;justify-content:center;gap:25px;height:100%;margin-left:auto}
.sfh-nav-link{position:relative;display:flex;align-items:center;color:var(--sf-text);font-family:var(--sf-en);font-size:15px;font-weight:600;letter-spacing:.035em;text-decoration:none}
.sfh-nav-link[lang="th"]{font-family:var(--sf-font);letter-spacing:0}
.sfh-nav-link:hover,.sfh-nav-link[aria-current="page"]{color:var(--sf-blue)}
.sfh-nav-link[aria-current="page"]::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;border-radius:3px 3px 0 0;background:var(--sf-blue)}
.sfh-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.sfh-switcher{position:relative}
.sfh-switcher-summary{display:flex;align-items:center;gap:7px;padding:9px 12px;border:0;background:transparent;color:var(--sf-text);font-family:var(--sf-en);font-size:14px;font-weight:600;list-style:none;cursor:pointer;white-space:nowrap}
.sfh-switcher-summary::-webkit-details-marker{display:none}
.sfh-chevron{font-size:11px;transition:transform .18s ease}
.sfh-switcher[open] .sfh-chevron{transform:rotate(180deg)}
.sfh-mega{position:absolute;top:calc(100% + 18px);right:0;width:min(720px,calc(100vw - 32px));padding:28px;border:1px solid var(--sf-line);border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.sfh-mega::before{content:"";position:absolute;top:-20px;right:0;width:180px;height:24px}
.sfh-mega-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:34px}
.sfh-mega-title{margin:0 0 10px;color:var(--sf-blue);font-family:var(--sf-en);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.sfh-main-links,.sfh-tool-links{display:grid;gap:2px}
.sfh-mega-link{display:block;min-height:36px;padding:7px 8px;border-radius:8px;color:var(--sf-text);font-size:14px;font-weight:500;text-decoration:none}
.sfh-mega-link:hover{background:var(--sf-ice);color:var(--sf-blue)}
.sfh-tool-link{display:block;padding:8px;border-radius:10px;color:var(--sf-text);text-decoration:none}
.sfh-tool-link:hover{background:var(--sf-ice)}
.sfh-tool-name{display:block;color:var(--sf-ink);font-family:var(--sf-en);font-size:14px;font-weight:700}
.sfh-tool-desc{display:block;margin-top:1px;color:var(--sf-muted);font-size:12px}
.sfh-back{display:block;margin-top:18px;padding-top:16px;border-top:1px solid var(--sf-line);color:var(--sf-blue);font-family:var(--sf-en);font-size:13px;font-weight:700;text-decoration:none}
.sfh-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 17px 11px;border-radius:20px;background:var(--sf-navy);color:#fff;font-family:var(--sf-en);font-size:13px;font-weight:600;line-height:1;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.sfh-mobile-brand,.sfh-mobile-menu{display:none}
.sfh-root :focus-visible{outline:3px solid #82b4ff;outline-offset:3px}
.sff-root{width:100%;background:#fff;color:var(--sf-text);font-family:var(--sf-font);line-height:1.55}
.sff-cta-shell{padding:64px 0;background:#fff}
.sff-cta-band{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 48px;border-radius:var(--sf-radius);background:var(--sf-ice)}
.sff-cta-copy{max-width:690px}
.sff-cta-title{margin:0 0 8px;color:var(--sf-blue);font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.13}
.sff-cta-text{margin:0;color:var(--sf-muted);font-size:16px}
.sff-cta-actions{display:flex;flex-wrap:wrap;gap:10px;flex:0 0 auto}
.sff-main{padding:56px 0 20px;background:var(--sf-deep);color:#fff}
.sff-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr 1.25fr;gap:42px}
.sff-logo{display:block;width:auto;height:72px;margin-bottom:18px;object-fit:contain;object-position:left center}
.sff-about{max-width:290px;margin:0 0 17px;color:rgba(255,255,255,.78);font-size:13px}
.sff-heading{margin:0 0 13px;color:#fff;font-family:var(--sf-en);font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.sff-links{display:grid;gap:1px}
.sff-link{display:flex;align-items:center;min-height:40px;color:rgba(255,255,255,.86);font-size:13px;text-decoration:none}
.sff-link:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.sff-main-menu{grid-template-columns:1fr 1fr;column-gap:16px}
.sff-main-link{font-family:var(--sf-en);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.sff-contact-list{display:grid;gap:10px;margin-bottom:22px}
.sff-contact-row{display:grid;grid-template-columns:30px 1fr;align-items:start;gap:10px;color:rgba(255,255,255,.86);font-size:12.5px;text-decoration:none}
.sff-contact-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:rgba(255,255,255,.13);color:#fff}
.sff-contact-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.sff-socials{display:flex;flex-wrap:wrap;gap:8px}
.sff-social{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 13px;border-radius:999px;color:#fff;font-family:var(--sf-en);font-size:11px;font-weight:700;text-decoration:none;text-transform:uppercase}
.sff-social svg{width:16px;height:16px;fill:currentColor}
.sff-facebook{background:#4267a9}.sff-line{background:#06C755}.sff-instagram{background:linear-gradient(115deg,#f9ce34,#ee2a7b 52%,#6228d7)}
.sff-bottom{display:flex;align-items:center;justify-content:center;gap:8px;min-height:66px;margin-top:38px;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.72);font-family:var(--sf-en);font-size:12px;text-align:center}
.sff-root :focus-visible{outline:3px solid #82b4ff;outline-offset:3px}
@media(max-width:1100px){.sfh-nav{gap:14px}.sfh-nav-link{font-size:13px}.sfh-inner{gap:14px}.sff-grid{grid-template-columns:1.2fr 1fr 1fr}.sff-site-column{display:none}}
@media(max-width:979px){.sfh-root,.sfh-inner{height:60px}.sfh-inner{gap:9px}.sfh-desktop-brand,.sfh-divider,.sfh-site,.sfh-nav,.sfh-switcher{display:none}.sfh-mobile-brand{display:flex;align-items:center;gap:9px;min-width:0;color:var(--sf-blue);font-family:var(--sf-en);font-size:13px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.sfh-mobile-brand .sfh-brand-mark{width:34px;height:33px}.sfh-mobile-label{display:flex;flex-direction:column;gap:2px;overflow:hidden;line-height:1.05;white-space:nowrap}.sfh-mobile-label small{color:var(--sf-ink);font-size:9px;letter-spacing:.18em}.sfh-actions{margin-left:auto}.sfh-cta{min-height:34px;padding:8px 12px 9px;font-size:11px}.sfh-mobile-menu{display:block;position:relative}.sfh-mobile-summary{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:var(--sf-gray);list-style:none;cursor:pointer}.sfh-mobile-summary::-webkit-details-marker{display:none}.sfh-burger,.sfh-burger::before,.sfh-burger::after{display:block;width:18px;height:2px;border-radius:2px;background:var(--sf-ink);content:"";transition:transform .18s ease}.sfh-burger::before{transform:translateY(-6px)}.sfh-burger::after{transform:translateY(4px)}.sfh-mobile-menu[open] .sfh-burger{background:transparent}.sfh-mobile-menu[open] .sfh-burger::before{transform:translateY(0) rotate(45deg)}.sfh-mobile-menu[open] .sfh-burger::after{transform:translateY(-2px) rotate(-45deg)}.sfh-mobile-panel{position:fixed;z-index:1001;top:60px;right:0;bottom:0;left:0;overflow-y:auto;padding:24px 20px 40px;background:#fff}.sfh-mobile-title{margin:22px 0 9px;color:var(--sf-blue);font-family:var(--sf-en);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.sfh-mobile-title:first-child{margin-top:0}.sfh-mobile-local{display:grid}.sfh-mobile-local .sfh-nav-link{min-height:54px;border-bottom:1px solid var(--sf-line);font-family:var(--sf-font);font-size:21px;font-weight:700}.sfh-mobile-local .sfh-nav-link[aria-current="page"]::after{display:none}.sfh-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.sfh-mobile-link{display:flex;align-items:center;min-height:44px;color:var(--sf-text);font-size:14px;text-decoration:none}.sfh-mobile-tool{display:block;padding:9px 0;color:var(--sf-text);text-decoration:none}.sfh-mobile-contact{display:flex;gap:10px;margin-top:24px}.sfh-mobile-contact-link{display:flex;align-items:center;justify-content:center;min-height:48px;flex:1;border-radius:999px;background:var(--sf-navy);color:#fff;font-weight:700;text-decoration:none}.sfh-mobile-contact-link:last-child{background:#06C755}.sff-cta-shell{padding:44px 0}.sff-cta-band{align-items:flex-start;padding:32px;flex-direction:column}.sff-grid{grid-template-columns:1.2fr 1fr}.sff-site-column{display:block}}
@media(max-width:640px){.sfh-cta{max-width:108px;overflow:hidden;text-overflow:ellipsis}.sfh-mobile-grid{grid-template-columns:1fr}.sff-cta-shell{padding:32px 0}.sff-cta-band{padding:28px 22px}.sff-cta-actions{width:100%;flex-direction:column}.sff-cta-actions .sf-btn,.sff-cta-actions .sf-btn-line{width:100%}.sff-main{padding-top:42px}.sff-grid{grid-template-columns:1fr;gap:34px}.sff-main-menu{grid-template-columns:1fr 1fr}.sff-link{min-height:42px}.sff-bottom{align-items:center;min-height:78px;margin-top:28px;padding:16px;flex-direction:column}}