@font-face{font-family:"HLHPS Noto Sans Thai";src:url("fonts/NotoSansThai.ttf") format("truetype");font-weight:100 900;font-stretch:62.5% 100%;font-style:normal;font-display:swap}
.hlhps{box-sizing:border-box;--hlhps-paper:#fff;--hlhps-text:#30291f;--hlhps-muted:#6b6256;--hlhps-border:#e9e0d2;--hlhps-chip:#f6f0e5;--hlhps-fallback:#f3ecdc;container:hlhps/inline-size;font-family:"HLHPS Noto Sans Thai",sans-serif;color:var(--hlhps-text);padding:var(--hlhps-padding,0);width:100%;max-width:100%;margin:0 auto 30px;text-align:start;line-height:1.65}
.hlhps *,.hlhps *::before,.hlhps *::after{box-sizing:border-box}
.hlhps a{color:inherit;text-decoration:none;box-shadow:none}
.hlhps a:focus-visible,.hlhps button:focus-visible,.hlhps [tabindex]:focus-visible{outline:3px solid var(--hlhps-accent);outline-offset:4px}
.hlhps-theme-dark{--hlhps-paper:#28241f;--hlhps-text:#f8f2e8;--hlhps-muted:#c4baac;--hlhps-border:#4a4033;--hlhps-chip:#383025;--hlhps-fallback:#352d22;background:#1b1814;border-radius:var(--hlhps-radius);padding:max(var(--hlhps-padding),24px)}
.hlhps-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.hlhps .hlhps-heading{font:650 clamp(24px,3vw,34px)/1.35 "HLHPS Noto Sans Thai",sans-serif;letter-spacing:-.02em;margin:0;color:var(--hlhps-text);padding:0;border:0}
.hlhps-heading::before{content:"";display:block;width:38px;height:3px;background:var(--hlhps-accent);margin-bottom:12px;border-radius:3px}
.hlhps .hlhps-description{color:var(--hlhps-muted);font:400 15px/1.8 "HLHPS Noto Sans Thai",sans-serif;margin:10px 0 0;max-width:70ch}
.hlhps .hlhps-view-all{flex-shrink:0;font-size:14px;font-weight:600;border-bottom:1px solid var(--hlhps-accent);padding:4px 0;color:var(--hlhps-text)}
.hlhps .hlhps-view-all span{margin-inline-start:8px}
.hlhps-items{display:grid;grid-template-columns:repeat(var(--hlhps-cols,3),minmax(0,1fr));gap:var(--hlhps-gap,24px);align-items:stretch;min-width:0}
.hlhps-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--hlhps-border);border-radius:var(--hlhps-radius,18px);overflow:hidden;background:var(--hlhps-paper);box-shadow:0 4px 18px #37251007;transition:box-shadow .18s ease,transform .18s ease}
.hlhps-card:hover{box-shadow:0 9px 24px #37251012;transform:translateY(-2px)}
.hlhps-image{display:block;overflow:hidden;position:relative;aspect-ratio:16/9;background:var(--hlhps-fallback);flex-shrink:0}
.hlhps-ratio-4-3 .hlhps-image{aspect-ratio:4/3}
.hlhps-ratio-1-1 .hlhps-image{aspect-ratio:1}
.hlhps-image img{width:100%;height:100%;max-width:100%;display:block;object-fit:cover;margin:0;border:0;border-radius:0;transition:transform .25s ease}
.hlhps-card:hover .hlhps-image img{transform:scale(1.035)}
.hlhps-placeholder{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(ellipse at 75% 30%,#c3a56d25,transparent 60%);color:var(--hlhps-accent)}
.hlhps-placeholder svg{width:54px;height:54px;opacity:.8}
.hlhps-placeholder>span{font:600 10px/1.4 "HLHPS Noto Sans Thai",sans-serif;letter-spacing:.22em}
.hlhps-card-body{padding:22px;display:flex;flex:1;flex-direction:column;align-items:start;min-width:0}
.hlhps-categories{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.hlhps .hlhps-categories a{font:500 12px/1.5 "HLHPS Noto Sans Thai",sans-serif;color:var(--hlhps-text);background:var(--hlhps-chip);padding:4px 10px;border-radius:100px;overflow-wrap:anywhere}
.hlhps .hlhps-card-title{font:650 20px/1.6 "HLHPS Noto Sans Thai",sans-serif;color:var(--hlhps-text);margin:0 0 10px;padding:0;border:0;overflow-wrap:anywhere}
.hlhps .hlhps-card-title a{color:inherit;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.hlhps .hlhps-card-title a:hover{text-decoration:underline;text-decoration-color:var(--hlhps-accent);text-underline-offset:4px}
.hlhps-meta{display:flex;gap:6px 12px;flex-wrap:wrap;font-size:12px;color:var(--hlhps-muted);margin-bottom:12px;line-height:1.7}
.hlhps-meta>span,.hlhps-meta>time{font:inherit}
.hlhps .hlhps-excerpt{font:400 14px/1.9 "HLHPS Noto Sans Thai",sans-serif;color:var(--hlhps-muted);margin:0 0 20px;overflow-wrap:anywhere}
.hlhps .hlhps-read-more{font:550 13px/1.6 "HLHPS Noto Sans Thai",sans-serif;color:var(--hlhps-button-text);background:var(--hlhps-accent);border-radius:8px;padding:9px 14px;display:inline-flex;align-items:center;gap:18px;margin-top:auto;max-width:100%;overflow-wrap:anywhere}
.hlhps-read-more:hover{filter:brightness(1.08)}
.hlhps-theme-minimal .hlhps-card{box-shadow:none;border-radius:min(var(--hlhps-radius),10px)}
.hlhps-theme-minimal .hlhps-read-more{padding-inline:0;background:transparent;color:var(--hlhps-text);border-radius:0;border-bottom:1px solid var(--hlhps-accent)}
.hlhps-layout-list .hlhps-items{grid-template-columns:minmax(0,1fr)}
.hlhps-layout-list .hlhps-card{display:grid;grid-template-columns:minmax(160px,30%) minmax(0,1fr)}
.hlhps-layout-list .hlhps-image{aspect-ratio:auto;min-height:220px;height:100%}
.hlhps-layout-list.hlhps-no-images .hlhps-card{display:flex}
.hlhps-layout-featured .hlhps-card-featured{grid-column:span 2;grid-row:auto}
.hlhps-layout-featured .hlhps-card-featured .hlhps-image{flex:none;min-height:0;aspect-ratio:21/9}
.hlhps-layout-featured .hlhps-card-featured .hlhps-card-title{font-size:28px;line-height:1.5}
.hlhps-layout-featured.hlhps-cols-1 .hlhps-card-featured{grid-column:auto;grid-row:auto}
.hlhps-layout-carousel .hlhps-items{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--hlhps-cols,3) - 1)*var(--hlhps-gap,24px))/var(--hlhps-cols,3));overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:var(--hlhps-accent) transparent}
.hlhps-layout-carousel .hlhps-card{scroll-snap-align:start}
.hlhps-layout-carousel .hlhps-card:hover{transform:none}
.hlhps-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.hlhps-carousel-controls[hidden]{display:none!important}
.hlhps-carousel-status{font-size:12px;color:var(--hlhps-muted)}
.hlhps-carousel-controls>div{display:flex;gap:8px}
.hlhps .hlhps-carousel-controls button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--hlhps-border);background:var(--hlhps-paper);color:var(--hlhps-text);border-radius:50%;padding:0;cursor:pointer;font:400 20px/1 sans-serif;box-shadow:none}
.hlhps-carousel-controls button:disabled{opacity:.35;cursor:default}
.hlhps .hlhps-pagination{margin-top:28px}
.hlhps .hlhps-pagination ul{padding:0;margin:0;list-style:none;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.hlhps .hlhps-pagination li{list-style:none;padding:0;margin:0}
.hlhps-pagination a,.hlhps-pagination span[aria-current]{min-width:38px;min-height:38px;display:flex;align-items:center;justify-content:center;padding:6px 12px;border:1px solid var(--hlhps-border);border-radius:8px;font-size:13px}
.hlhps-pagination span[aria-current]{background:var(--hlhps-accent);color:var(--hlhps-button-text);border-color:var(--hlhps-accent)}
.hlhps-ellipsis{align-self:center}
.hlhps-empty{font:400 15px/1.8 "HLHPS Noto Sans Thai",sans-serif;border:1px dashed var(--hlhps-border,#dfd2ba);border-radius:12px;padding:24px;color:var(--hlhps-muted,#6b6256);margin:0}
@container hlhps (max-width:760px){.hlhps-items{grid-template-columns:repeat(2,minmax(0,1fr))}.hlhps-layout-carousel .hlhps-items{grid-template-columns:none;grid-auto-columns:calc((100% - var(--hlhps-gap))/2)}.hlhps-layout-featured .hlhps-card-featured{grid-column:span 2;grid-row:auto}.hlhps-layout-featured .hlhps-card-featured .hlhps-image{aspect-ratio:16/9;min-height:0;flex:initial}}
@container hlhps (max-width:480px){.hlhps-items{grid-template-columns:minmax(0,1fr)}.hlhps-header{align-items:start;flex-direction:column;gap:12px}.hlhps-layout-carousel .hlhps-items{grid-template-columns:none;grid-auto-columns:88%}.hlhps-layout-featured .hlhps-card-featured{grid-column:auto;grid-row:auto}.hlhps-layout-list .hlhps-card{display:flex}.hlhps-layout-list .hlhps-image{aspect-ratio:16/9;min-height:0}.hlhps-card-body{padding:20px}.hlhps-layout-featured .hlhps-card-featured .hlhps-card-title{font-size:22px}}
.hlhps-cols-1 .hlhps-items{grid-template-columns:minmax(0,1fr)}
.hlhps-layout-list .hlhps-items{grid-template-columns:minmax(0,1fr)}
.hlhps-layout-carousel.hlhps-cols-1 .hlhps-items{grid-template-columns:none;grid-auto-columns:100%}
@media(max-width:600px){.hlhps-header{align-items:start;flex-direction:column;gap:12px}.hlhps-items{grid-template-columns:minmax(0,1fr)}.hlhps-layout-featured .hlhps-card-featured{grid-column:auto;grid-row:auto}.hlhps-layout-list .hlhps-card{display:flex}.hlhps-layout-list .hlhps-image{aspect-ratio:16/9;min-height:0}}
@media(prefers-reduced-motion:reduce){.hlhps-card,.hlhps-image img{transition:none}.hlhps-card:hover,.hlhps-card:hover .hlhps-image img{transform:none}}

.hlhps-header>div{min-width:0;max-width:100%}
.hlhps .hlhps-heading,.hlhps .hlhps-description{overflow-wrap:anywhere}