@font-face{font-family:"HLHCS TOC Noto Sans Thai";src:url("fonts/NotoSansThai.ttf") format("truetype");font-weight:100 900;font-stretch:62.5% 100%;font-display:swap}
.hlhcs-toc{box-sizing:border-box;max-width:100%;width:100%;margin:28px 0;padding:24px 28px;border:1px solid var(--hlhcs-toc-border,#e3d3b6);border-inline-start:4px solid var(--hlhcs-toc-accent,#8b6224);border-radius:var(--hlhcs-toc-radius,16px);background:var(--hlhcs-toc-background,#fbf7ef);color:var(--hlhcs-toc-text,#392d20);font-family:var(--hlhcs-toc-font,"HLHCS TOC Noto Sans Thai",sans-serif);font-size:var(--hlhcs-toc-font-size,16px);line-height:1.8;text-align:start;box-shadow:0 4px 20px #694a1810}
.hlhcs-toc *{box-sizing:border-box}.hlhcs-toc>p,.hlhcs-toc .hlhcs-toc-bar>p{font:650 var(--hlhcs-toc-heading-size,20px)/1.6 var(--hlhcs-toc-font,"HLHCS TOC Noto Sans Thai",sans-serif);color:var(--hlhcs-toc-text,#392d20);margin:0;min-width:0;overflow-wrap:anywhere}.hlhcs-toc strong{font-weight:650}
.hlhcs-toc>ol,.hlhcs-toc>ul{margin:16px 0 0;padding:0 0 0 1.8em;list-style-position:outside;font:inherit}.hlhcs-toc>ol{list-style-type:decimal}.hlhcs-toc>ul{list-style-type:disc}.hlhcs-toc li{margin:8px 0;padding-inline-start:4px;font:inherit;overflow-wrap:anywhere}.hlhcs-toc li::marker{color:var(--hlhcs-toc-accent,#8b6224);font-weight:600}.hlhcs-toc a{font:inherit;color:var(--hlhcs-toc-accent,#8b6224);text-decoration:none;box-shadow:none;border:0;overflow-wrap:anywhere}.hlhcs-toc a:hover{text-decoration:underline;text-underline-offset:4px}.hlhcs-toc a:focus-visible,.hlhcs-toc button:focus-visible{outline:3px solid var(--hlhcs-toc-accent,#8b6224);outline-offset:4px}
.hlhcs-toc-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.hlhcs-toc .hlhcs-toc-toggle{flex-shrink:0;min-height:40px;max-width:100%;padding:8px 14px;border:1px solid var(--hlhcs-toc-accent,#8b6224);border-radius:8px;background:var(--hlhcs-toc-accent,#8b6224);color:var(--hlhcs-toc-button-text,#fff);font:550 13px/1.6 var(--hlhcs-toc-font,"HLHCS TOC Noto Sans Thai",sans-serif);cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}.hlhcs-toc [hidden]{display:none!important}
[id^="hlhcs-section-"],.hlhcs-toc-anchor-target{scroll-margin-top:max(0px,calc(var(--hlhcs-toc-offset,100px) + var(--hlhcs-toc-adminbar,0px) - var(--hlhcs-toc-scroll-padding,0px)))}
@media(max-width:480px){.hlhcs-toc{padding:20px 18px}.hlhcs-toc-bar{align-items:start;flex-wrap:wrap;gap:10px}.hlhcs-toc>ol,.hlhcs-toc>ul{padding-inline-start:1.6em}}
@media print{.hlhcs-toc{box-shadow:none;break-inside:avoid}.hlhcs-toc .hlhcs-toc-toggle{display:none!important}.hlhcs-toc>ol[hidden],.hlhcs-toc>ul[hidden]{display:block!important}}
/* Ten layouts. All continue to use the administrator's existing four colors. */
.hlhcs-toc-style-minimal .hlhcs-toc,.hlhcs-toc[data-hlhcs-toc-style=minimal]{border:0;border-block:1px solid var(--hlhcs-toc-border);box-shadow:none}
.hlhcs-toc-style-card .hlhcs-toc,.hlhcs-toc[data-hlhcs-toc-style=card]{border-inline-start-width:1px;box-shadow:0 9px 28px #00000017}
.hlhcs-toc-style-outline .hlhcs-toc,.hlhcs-toc[data-hlhcs-toc-style=outline]{border:2px solid var(--hlhcs-toc-border);box-shadow:none}
.hlhcs-toc-style-two_columns .hlhcs-toc>ol,.hlhcs-toc-style-two_columns .hlhcs-toc>ul,.hlhcs-toc[data-hlhcs-toc-style=two_columns]>ol,.hlhcs-toc[data-hlhcs-toc-style=two_columns]>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
.hlhcs-toc-style-numbered .hlhcs-toc>ol,.hlhcs-toc[data-hlhcs-toc-style=numbered]>ol{list-style:none;padding:0;counter-reset:hlhcs-toc-number}
.hlhcs-toc-style-numbered .hlhcs-toc>ol>li,.hlhcs-toc[data-hlhcs-toc-style=numbered]>ol>li{counter-increment:hlhcs-toc-number;position:relative;min-height:2.3em;padding-inline-start:3em;margin:12px 0}
.hlhcs-toc-style-numbered .hlhcs-toc>ol>li:before,.hlhcs-toc[data-hlhcs-toc-style=numbered]>ol>li:before{content:counter(hlhcs-toc-number);position:absolute;inset-inline-start:0;top:0;width:2.2em;height:2.2em;display:grid;place-items:center;border-radius:50%;font-size:.9em;font-weight:650;color:var(--hlhcs-toc-button-text);background:var(--hlhcs-toc-accent)}
.hlhcs-toc-style-soft .hlhcs-toc,.hlhcs-toc[data-hlhcs-toc-style=soft]{border-inline-start-width:1px;background:linear-gradient(125deg,var(--hlhcs-toc-background) 35%,var(--hlhcs-toc-border) 160%);box-shadow:none}
.hlhcs-toc-style-banner .hlhcs-toc,.hlhcs-toc[data-hlhcs-toc-style=banner]{padding:0;border-inline-start-width:1px;overflow:hidden}
.hlhcs-toc-style-banner .hlhcs-toc .hlhcs-toc-bar,.hlhcs-toc[data-hlhcs-toc-style=banner] .hlhcs-toc-bar,.hlhcs-toc-style-banner .hlhcs-toc>p,.hlhcs-toc[data-hlhcs-toc-style=banner]>p{padding:16px 24px;background:var(--hlhcs-toc-border);color:var(--hlhcs-toc-text)}
.hlhcs-toc-style-banner .hlhcs-toc .hlhcs-toc-bar>p,.hlhcs-toc[data-hlhcs-toc-style=banner] .hlhcs-toc-bar>p{color:var(--hlhcs-toc-text)}
.hlhcs-toc-style-banner .hlhcs-toc .hlhcs-toc-toggle,.hlhcs-toc[data-hlhcs-toc-style=banner] .hlhcs-toc-toggle{border-color:var(--hlhcs-toc-button-text)}
.hlhcs-toc-style-banner .hlhcs-toc>ol,.hlhcs-toc-style-banner .hlhcs-toc>ul,.hlhcs-toc[data-hlhcs-toc-style=banner]>ol,.hlhcs-toc[data-hlhcs-toc-style=banner]>ul{margin:18px 24px 24px;padding-inline-start:1.8em}
.hlhcs-toc-style-compact .hlhcs-toc,.hlhcs-toc[data-hlhcs-toc-style=compact]{padding:14px 18px;box-shadow:none;line-height:1.6}
.hlhcs-toc-style-compact .hlhcs-toc li,.hlhcs-toc[data-hlhcs-toc-style=compact] li{margin:4px 0}
.hlhcs-toc-style-pills .hlhcs-toc>ol,.hlhcs-toc-style-pills .hlhcs-toc>ul,.hlhcs-toc[data-hlhcs-toc-style=pills]>ol,.hlhcs-toc[data-hlhcs-toc-style=pills]>ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hlhcs-toc-style-pills .hlhcs-toc li,.hlhcs-toc[data-hlhcs-toc-style=pills] li{margin:0;padding:8px 16px;border:1px solid var(--hlhcs-toc-border);border-radius:var(--hlhcs-toc-radius);max-width:100%}
.hlhcs-toc-style-pills .hlhcs-toc li:hover,.hlhcs-toc[data-hlhcs-toc-style=pills] li:hover{border-color:var(--hlhcs-toc-accent)}
@media(max-width:700px){.hlhcs-toc-style-two_columns .hlhcs-toc>ol,.hlhcs-toc-style-two_columns .hlhcs-toc>ul,.hlhcs-toc[data-hlhcs-toc-style=two_columns]>ol,.hlhcs-toc[data-hlhcs-toc-style=two_columns]>ul{grid-template-columns:minmax(0,1fr)}.hlhcs-toc-style-banner .hlhcs-toc .hlhcs-toc-bar,.hlhcs-toc[data-hlhcs-toc-style=banner] .hlhcs-toc-bar{padding:16px 18px}}
