/* kdc-faq 0.1.6 · สร้างจาก tools/build_kdc_faq_plugin.py — อย่าแก้ไฟล์นี้ด้วยมือ */
.kdcf{--ground:#FBF7FC;--paper:#fff;--ink:#241F2B;--head:#80298F;--body:#463E50;--mute:#5B5163;--brand:#80298F;--brand-dk:#5F1C6B;--brand-lo:#F4E7F7;
 --plum:#3B1146;--plum-2:#4E1A5C;--on-plum:#F6EDF8;--on-plum-2:#DCC6E2;--line:#EADFEE;--line-2:#D4C3DA;--field:#9C86A4;--mark:#C4372F;--r:12px;
 --f:Montserrat,LINESeedSansTH,lineseedsansth,system-ui,sans-serif;--fh:LINESeedSansTH,lineseedsansth,Montserrat,sans-serif}.kdcf,.kdcf *{box-sizing:border-box}.kdcf{margin:0;background:var(--ground);color:var(--body);font:400 16px/1.75 var(--f);-webkit-font-smoothing:antialiased}.kdcf a{color:inherit}.kdcf ::selection{background:var(--brand);color:#fff}.kdcf :focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:6px}.kdcf h1,.kdcf h2,.kdcf h3{margin:0;color:var(--head);font-family:var(--fh);font-weight:400;line-height:1.25;text-wrap:balance}.kdcf p{margin:0}.kdcf .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.kdcf .wrap{width:min(1120px,100% - 32px);margin-inline:auto}.kdcf .logo{font:600 18px/1 var(--f);color:var(--brand);letter-spacing:.02em;text-decoration:none}
@media(max-width:760px){}
.kdcf .search{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line-2);border-radius:14px;padding:0 16px;min-height:56px;box-shadow:0 2px 10px rgb(59 17 70/.06)}.kdcf .search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgb(128 41 143/.12)}.kdcf .search input{flex:1;border:0;outline:0;background:transparent;font:400 17px/1.4 var(--f);color:var(--ink);min-width:0}.kdcf .search input::placeholder{color:var(--mute)}.kdcf .search .ic{color:var(--brand)}.kdcf .search kbd{font:400 12px var(--f);color:var(--mute);border:1px solid var(--line-2);border-radius:6px;padding:2px 6px}.kdcf .chips{display:flex;flex-wrap:wrap;gap:8px}.kdcf .chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--line-2);background:#fff;color:var(--ink);font:400 14px/1.2 var(--f);cursor:pointer;text-decoration:none}.kdcf .chip .ic{width:17px;height:17px;color:var(--brand)}.kdcf .chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.kdcf .chip[aria-pressed=true] .ic{color:#fff}.kdcf .chip{white-space:nowrap;flex:none}.kdcf .chip:hover{border-color:var(--brand)}.kdcf .chip .n{font-size:12px;color:var(--mute)}.kdcf .chip[aria-pressed=true] .n{color:var(--on-plum-2)}.kdcf details.qa{background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:border-color .2s,box-shadow .2s}.kdcf details.qa+details.qa{margin-top:10px}.kdcf details.qa[open]{border-color:var(--line-2);box-shadow:0 6px 22px rgb(59 17 70/.07)}.kdcf details.qa summary{list-style:none;cursor:pointer;display:flex;gap:14px;align-items:flex-start;padding:16px 18px;font:400 17px/1.45 var(--fh);color:var(--ink)}.kdcf details.qa summary::-webkit-details-marker{display:none}.kdcf details.qa summary .ic{margin-left:auto;margin-top:3px;color:var(--brand);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.kdcf details.qa[open] summary .ic{transform:rotate(45deg)}.kdcf details.qa summary:hover{color:var(--brand)}.kdcf .ans{padding:0 18px 18px;max-width:68ch;color:var(--body)}.kdcf .ans p+p{margin-top:8px}.kdcf .next{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px}.kdcf .next a{display:inline-flex;align-items:center;gap:6px;font:600 14px/1.3 var(--f);color:var(--brand-dk);text-decoration:none;min-height:32px}.kdcf .next a .ic{width:16px;height:16px}.kdcf .next a:hover{text-decoration:underline;text-underline-offset:3px}.kdcf mark{background:#FBE7A8;color:inherit;border-radius:3px;padding:0 2px}.kdcf .empty{display:none;padding:22px;border:1.5px dashed var(--line-2);border-radius:var(--r);color:var(--mute);background:#fff}.kdcf .help{margin:56px 0 72px;background:var(--plum);color:var(--on-plum);border-radius:20px;padding:32px;display:grid;gap:18px}.kdcf .help h2{color:#fff;font-size:26px}.kdcf .help p{color:var(--on-plum-2)}.kdcf .help .row{display:flex;flex-wrap:wrap;gap:10px}.kdcf .btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:12px;background:#fff;color:var(--brand-dk);font:600 15px var(--f);text-decoration:none}.kdcf .btn.solid{background:var(--brand);color:#fff}.kdcf .btn.ghost{background:transparent;color:#fff;border:1.5px solid rgb(255 255 255/.45)}
@media(min-width:900px){.kdcf .help{grid-template-columns:1.2fr 1fr;align-items:center;padding:40px 44px}.kdcf .help .row{justify-content:flex-end}}
.kdcf .hidden{display:none!important}.kdcf .ask{background:var(--plum);color:var(--on-plum);padding:56px 0 40px}.kdcf .ask h1{color:#fff;font-size:clamp(32px,5vw,52px);max-width:16ch}.kdcf .ask p.lede{color:var(--on-plum-2);margin:10px 0 26px;max-width:52ch}.kdcf .ask .search{max-width:760px;min-height:64px}.kdcf .ask .search input{font-size:19px}.kdcf .sugg{max-width:760px;margin-top:8px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 16px 40px rgb(20 6 26/.35)}.kdcf .sugg a{display:flex;gap:10px;align-items:center;padding:12px 16px;color:var(--ink);text-decoration:none;border-top:1px solid var(--line)}.kdcf .sugg a:first-child{border-top:0}.kdcf .sugg a:hover,.kdcf .sugg a:focus{background:var(--brand-lo);outline:0}.kdcf .sugg .c{margin-left:auto;font-size:12px;color:var(--mute)}.kdcf .pop{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;max-width:900px}.kdcf .pop a{font:400 14px/1.3 var(--f);color:var(--on-plum);text-decoration:none;border:1px solid rgb(255 255 255/.3);border-radius:999px;padding:8px 14px}.kdcf .pop a:hover{background:rgb(255 255 255/.1)}.kdcf .pop .lbl{width:100%;font-size:13px;color:var(--on-plum-2);margin-bottom:2px}
@media(max-width:700px){.kdcf .pop{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}.kdcf .pop .lbl{display:none}.kdcf .pop a{white-space:nowrap}.kdcf .ask{padding:40px 0 28px}}
.kdcf .cats{position:sticky;top:64px;z-index:10;background:var(--ground);padding:14px 0;border-bottom:1px solid var(--line)}.kdcf .cats .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.kdcf .list{padding:28px 0 0;max-width:820px}.kdcf .layout{display:grid;gap:36px;padding:36px 0 0}.kdcf .layout>*{min-width:0}
@media(min-width:980px){.kdcf .layout{grid-template-columns:264px 1fr}}
.kdcf .steps{align-self:start}
@media(min-width:980px){.kdcf .steps{position:sticky;top:88px}}
.kdcf .steps ol{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:4px}
@media(min-width:980px){.kdcf .steps ol::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:var(--line-2)}}
.kdcf .steps a{position:relative;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:6px 8px 6px 0;text-decoration:none;color:var(--ink);border-radius:12px}.kdcf .steps .dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--line-2);color:var(--brand);font:600 16px var(--f);transition:all .25s cubic-bezier(.2,.8,.2,1)}.kdcf .steps .t{font:400 15px/1.3 var(--f)}.kdcf .steps .k{display:block;font-size:12px;color:var(--mute);font-weight:400}.kdcf .steps a:hover .dot{border-color:var(--brand)}.kdcf .steps a.on .dot{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 16px rgb(128 41 143/.28)}.kdcf .steps a.on .t{color:var(--brand-dk)}
@media(max-width:979px){.kdcf .steps{position:sticky;top:64px;z-index:10;background:var(--ground);margin:0 -16px;padding:10px 16px;border-bottom:1px solid var(--line)}.kdcf .steps ol{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px}.kdcf .steps a{grid-template-columns:30px auto;gap:8px;padding:4px 14px 4px 4px;border:1.5px solid var(--line-2);border-radius:999px;background:#fff;white-space:nowrap}.kdcf .steps .dot{width:30px;height:30px;font-size:13px;border-width:1.5px}.kdcf .steps .k{display:none}}
.kdcf .stage{scroll-margin-top:96px}.kdcf .stage+.stage{margin-top:48px}.kdcf .stage h2{display:flex;gap:14px;align-items:center;font-size:clamp(24px,2.6vw,30px);margin-bottom:14px}.kdcf .stage h2 .num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand-lo);color:var(--brand);font:600 17px var(--f);flex:none}
@media(min-width:980px){.kdcf .stage details.qa{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}.kdcf .stage details.qa+details.qa{margin-top:0}.kdcf .stage details.qa summary{padding:18px 0 8px;font-size:19px;cursor:default}.kdcf .stage details.qa summary .ic{display:none}.kdcf .stage details.qa .ans{padding:0 0 20px}.kdcf .stage details.qa:target summary{color:var(--brand)}}
.kdcf{--kdcf-top:103px;font-family:var(--f)}
.kdcf .ask{margin-top:0}
.kdcf .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kdcf h1,.kdcf h2,.kdcf h3{text-transform:none;letter-spacing:normal}
.kdcf .ask h1{color:#fff}
.kdcf .search input[type=search]{border:0!important;box-shadow:none!important;padding:0!important;height:auto!important;margin:0!important;background:transparent!important}
.kdcf details.qa summary{margin:0}
.kdcf a{box-shadow:none}
.kdcf .btn{text-transform:none!important}
.kdcf .stage{scroll-margin-top:calc(var(--kdcf-top) + 24px)}
.kdcf details.qa{scroll-margin-top:calc(var(--kdcf-top) + 24px)}
@media(min-width:980px){.kdcf .steps{top:calc(var(--kdcf-top) + 20px)}}
@media(max-width:979px){.kdcf{--kdcf-top:97px}.kdcf .steps{top:var(--kdcf-top)}
 .kdcf .stage,.kdcf details.qa{scroll-margin-top:calc(var(--kdcf-top) + 72px)}}
main.site-main:has(.kdcf){background:#FBF7FC}   /* ธีมเว้นบนให้ header อยู่แล้ว (เหมือน kdc-home) */
.container:has(.kdcf){max-width:none;padding-left:0;padding-right:0}
.kdcf .search input:focus,.kdcf .search input:focus-visible{outline:0!important;box-shadow:none!important}
@media(max-width:979px){.kdcf .steps{box-shadow:0 -40px 0 0 var(--ground)}}
.kdcf .next a{font-weight:400}
.kdcf .steps a.on .dot{box-shadow:none}.kdcf .ask .search{box-shadow:none}   /* detector dark-glow: ไม่ใช้เงาสีเรืองแสง */
.kdcf .ask :focus-visible,.kdcf .help :focus-visible{outline-color:#fff}
main.site-main:has(.kdcf){overflow:clip}   /* ธีมตั้ง overflow:hidden ที่ main → sticky ไม่ทำงานบน production (ตรวจ 2 ต.ค.) · clip ไม่สร้าง scroll container */
.kdcf .steps ol,.kdcf .steps li{list-style:none!important;margin:0!important}   /* ธีมใส่เลข 1. 2. หน้า li */
.kdcf .steps ol{padding-left:0}
.kdcf .search.mini{min-height:46px;border-radius:12px;padding:0 12px;margin-bottom:18px;box-shadow:none}
.kdcf .search.mini input{font-size:15px!important}
.kdcf .search.mini:focus-within{border-color:var(--brand)}
.kdcf .steps .find{display:none}
@media(max-width:979px){.kdcf .search.mini{display:none}
 .kdcf .steps{display:flex;align-items:center;gap:8px}.kdcf .steps ol{flex:1;min-width:0}
 .kdcf .steps .find{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:40px;padding:0 14px 0 10px;border-radius:999px;background:var(--brand);color:#fff!important;font:400 15px/1 var(--f);text-decoration:none}
 .kdcf .steps .find .ic{width:18px;height:18px}}   /* ปุ่มค้นหาอยู่นอกแถบเลื่อน — เห็นเสมอ */   /* ม่วงบนพลัม 1.94:1 มองไม่เห็น */
.kdcf .ask .search:focus-within{outline:3px solid #fff;outline-offset:2px;border-color:#fff}
::highlight(kdcf){background-color:#FBE7A8;color:inherit}
.kdcf .sugg .c{white-space:nowrap;padding-left:10px}.kdcf .sugg a[hidden]{display:none}
.kdcf .btn{font-weight:500}
@media(max-width:979px){.kdcf .steps{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.kdcf .steps ol{padding:0 16px;margin:0 -16px}}   /* LINESeed 600 บนเว็บจริงหนาเกินไปสำหรับลิงก์ไทย */   /* header ธีมเป็นการ์ดลอย มีช่องว่างรอบ — กันเนื้อหาโผล่ระหว่าง header กับแถบขั้นตอน */