/* kdc-care · ชุดเดียวกับ kdc-faq (DESIGN.md "The Calm Plum Clinic") · ทุก selector อยู่ใต้ .kdcc */
.kdcc{--ground:#FBF7FC;--ink:#241F2B;--head:#80298F;--body:#463E50;--mute:#5B5163;--brand:#80298F;--brand-dk:#5F1C6B;--brand-lo:#F4E7F7;
 --plum:#3B1146;--on-plum:#F6EDF8;--on-plum-2:#DCC6E2;--line:#EADFEE;--line-2:#D4C3DA;--r:12px;--kdcc-top:103px;
 --f:Montserrat,LINESeedSansTH,lineseedsansth,system-ui,sans-serif;--fh:LINESeedSansTH,lineseedsansth,Montserrat,sans-serif;
 background:var(--ground);color:var(--body);font:400 16px/1.75 var(--f);-webkit-font-smoothing:antialiased}
.kdcc,.kdcc *{box-sizing:border-box}
.kdcc a{color:inherit;box-shadow:none}
.kdcc :focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:6px}
.kdcc .ask :focus-visible,.kdcc .help :focus-visible{outline-color:#fff}
.kdcc h1,.kdcc h2,.kdcc h3{margin:0;color:var(--head);font-family:var(--fh);font-weight:400;line-height:1.25;text-transform:none;letter-spacing:normal;text-wrap:balance}
.kdcc p{margin:0}
.kdcc .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kdcc .wrap{width:min(1120px,100% - 32px);margin-inline:auto}
.kdcc .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kdcc .hidden{display:none!important}
/* hero */
.kdcc .ask{background:var(--plum);color:var(--on-plum);padding:56px 0 36px}
.kdcc .ask h1{color:#fff;font-size:clamp(32px,5vw,52px);max-width:18ch}
.kdcc .ask .lede{color:var(--on-plum-2);margin:10px 0 24px;max-width:56ch}
.kdcc .search{display:flex;align-items:center;gap:10px;max-width:760px;min-height:60px;background:#fff;border:1.5px solid var(--line-2);border-radius:14px;padding:0 16px}
.kdcc .search .ic{color:var(--brand)}
.kdcc .search input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important;height:auto!important;font:400 18px/1.4 var(--f);color:var(--ink)}
.kdcc .search input::placeholder{color:var(--mute)}
.kdcc .ask .search:focus-within{outline:3px solid #fff;outline-offset:2px;border-color:#fff}
.kdcc .jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;max-width:960px}
.kdcc .jump 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;white-space:nowrap}
.kdcc .jump a:hover{background:rgb(255 255 255/.1)}
@media(max-width:700px){.kdcc .ask{padding:40px 0 26px}.kdcc .jump{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}}
/* groups */
.kdcc .body{padding-top:36px}
.kdcc .grp{scroll-margin-top:calc(var(--kdcc-top) + 24px)}
.kdcc .grp+.grp{margin-top:40px}
.kdcc .grp h2{font-size:clamp(22px,2.4vw,28px);margin-bottom:12px}
.kdcc .docs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media(min-width:760px){.kdcc .docs{grid-template-columns:1fr 1fr}}
.kdcc .docs a{display:flex;align-items:center;gap:12px;min-height:60px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);font:400 17px/1.4 var(--fh);transition:border-color .2s}
.kdcc .docs a .ic{margin-left:auto;color:var(--brand)}
.kdcc .docs a:hover{border-color:var(--brand);color:var(--brand-dk)}
.kdcc .cards{display:grid;gap:18px}
@media(min-width:640px){.kdcc .cards{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.kdcc .cards{grid-template-columns:1fr 1fr 1fr}}
.kdcc .card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .2s}
.kdcc .card:hover{border-color:var(--brand)}
.kdcc .card .ph{display:block;aspect-ratio:16/10;background:var(--brand-lo);overflow:hidden}
.kdcc .card .ph.none{display:flex;align-items:flex-end;padding:16px 18px;background:linear-gradient(135deg,var(--brand-lo),#EBD9EF)}
.kdcc .card .ph.none span{font:500 13px/1 var(--f);color:var(--brand-dk);letter-spacing:.02em}
.kdcc .card .ph img{width:100%;height:100%;object-fit:cover;display:block}
.kdcc .card .t{display:block;padding:16px 18px 6px;font:400 19px/1.35 var(--fh)}
.kdcc .card .go{display:inline-flex;align-items:center;gap:6px;margin:auto 18px 18px;padding-top:8px;font:500 14px/1.3 var(--f);color:var(--brand-dk)}
.kdcc .card .go .ic{width:16px;height:16px}
.kdcc .empty{display:none;margin-top:24px;padding:22px;border:1.5px dashed var(--line-2);border-radius:var(--r);color:var(--mute);background:#fff}
::highlight(kdcc){background-color:#FBE7A8;color:inherit}
/* help */
.kdcc .help{margin:56px 0 72px;background:var(--plum);color:var(--on-plum);border-radius:20px;padding:32px;display:grid;gap:18px}
.kdcc .help h2{color:#fff;font-size:26px}
.kdcc .help p{color:var(--on-plum-2)}
.kdcc .help .row{display:flex;flex-wrap:wrap;gap:10px}
@media(min-width:900px){.kdcc .help{grid-template-columns:1.2fr 1fr;align-items:center;padding:40px 44px}.kdcc .help .row{justify-content:flex-end}}
.kdcc .btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:12px;background:#fff;color:var(--brand-dk)!important;font:500 15px var(--f);text-decoration:none;text-transform:none!important}
.kdcc .btn.solid{background:var(--brand);color:#fff!important}
.kdcc .btn.ghost{background:transparent;color:#fff!important;border:1.5px solid rgb(255 255 255/.45)}
/* single document */
.kdcc-doc{padding:24px 0 0}
.kdcc-doc .wrap{max-width:780px}
.kdcc-doc .crumb{margin-bottom:10px}
.kdcc-doc .crumb a{font:500 14px var(--f);color:var(--brand-dk);text-decoration:none}
.kdcc-doc .crumb a::before{content:"← "}
.kdcc-doc .doc-h1{font-size:clamp(30px,4vw,42px);margin-bottom:18px}
.kdcc-doc .doc{color:var(--body);font-size:17px}
.kdcc-doc .doc h1{font-size:clamp(30px,4vw,42px);margin:0 0 18px}
.kdcc-doc .doc h2{font-size:24px;margin:32px 0 10px}
.kdcc-doc .doc h3,.kdcc-doc .doc h4{font-size:19px;margin:24px 0 8px;color:var(--ink)}
.kdcc-doc .doc p{margin:0 0 14px}
.kdcc-doc .doc ul,.kdcc-doc .doc ol{margin:0 0 16px;padding-left:1.3em}
.kdcc-doc .doc li{margin:4px 0}
.kdcc-doc .doc a{color:var(--brand-dk)!important;text-decoration:underline;text-underline-offset:3px}
.kdcc-doc .doc img{max-width:100%;height:auto;border-radius:12px}
.kdcc-doc .doc table{width:100%;border-collapse:collapse;margin:0 0 16px}
.kdcc-doc .doc td,.kdcc-doc .doc th{border:1px solid var(--line);padding:8px 10px}
.kdcc-doc .more{margin-top:40px}
.kdcc-doc .more h2{font-size:22px;margin-bottom:12px}
.kdcc-doc .more .docs{grid-template-columns:1fr}
.kdcc-doc .more .all{margin-top:12px}
.kdcc-doc .more .all a{font:500 15px var(--f);color:var(--brand-dk)}
/* theme container: เต็มความกว้างเหมือน kdc-home */
.container.kdcc-full,.container:has(.kdcc){max-width:none;padding-left:0;padding-right:0}
main.site-main:has(.kdcc){background:#FBF7FC}
@media(max-width:979px){.kdcc{--kdcc-top:97px}}