/* PRAASIA Classic Gold – category directory (stable stylesheet). */
:root{color-scheme:dark;--cat-bg:#170b06;--cat-panel:#28160d;--cat-panel-2:#351c10;--cat-gold:#e4ad52;--cat-gold-light:#ffe0a0;--cat-line:#805323;--cat-text:#f9e7c5;--cat-muted:#d9b989}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body.pra-categories-page{margin:0;min-height:100vh;background:radial-gradient(ellipse 1100px 650px at 50% -130px,#4d2911 0%,#2c170c 42%,#170b06 100%) fixed;color:var(--cat-text);font:400 14px/1.55 "Noto Sans Thai","Sarabun",Tahoma,Arial,sans-serif;overflow-x:hidden}
body.pra-categories-page::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.1;background-image:linear-gradient(90deg,#ebba6a15 1px,transparent 1px),linear-gradient(#ebba6a15 1px,transparent 1px);background-size:52px 52px}
a{color:inherit}button,input,select{font:inherit}.cat-sr-only,.cat-skip:not(:focus){position:absolute!important;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.cat-skip:focus{position:fixed;z-index:999;top:8px;left:8px;padding:12px;background:#ffe0a0;color:#27150b;border-radius:8px}
.cat-topbar{position:sticky;top:0;z-index:110;background:linear-gradient(110deg,#251309f5,#42240ef5 60%,#261309f5);border-bottom:1px solid #a57939;backdrop-filter:blur(12px);box-shadow:0 8px 25px #0003}
.cat-topbar-inner{width:calc(100% - 40px);max-width:1500px;margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cat-brand{display:flex;align-items:center;min-width:0;gap:10px;text-decoration:none}.cat-brand-mark{width:48px;height:48px;flex:none;border-radius:50%;padding:3px;border:1px solid #d6a250;background:#231309;box-shadow:0 0 0 3px #d6a25014}.cat-brand img{width:100%;height:100%;border-radius:50%;object-fit:cover}.cat-brand-text{display:flex;flex-direction:column;min-width:0}.cat-brand-text strong{font:700 clamp(19px,2.2vw,28px)/1.05 Georgia,serif;letter-spacing:.06em;color:#ffe2a1}.cat-brand-text small{font-size:10px;color:#ccaa73;margin-top:3px}
.cat-topbar-actions{display:flex;align-items:center;gap:9px}.cat-home-link,.cat-language-form select{display:flex;align-items:center;gap:8px;min-height:39px;background:#482914;border:1px solid #986a33;border-radius:11px;padding:8px 12px;text-decoration:none;color:#f9dba7;cursor:pointer}.cat-home-link:hover,.cat-home-link:focus-visible,.cat-language-form select:focus-visible{border-color:#f3c77d;background:#634020;outline:2px solid #e4ad5255}.cat-home-link svg{width:17px;height:17px}
.cat-container{max-width:1500px;width:calc(100% - 40px);margin:25px auto 35px}
.cat-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:205px;margin-bottom:18px;padding:29px clamp(22px,3.4vw,50px);overflow:hidden;border:1px solid #a07134;border-radius:21px;background:linear-gradient(110deg,#533019 0%,#3b2112 47%,#2a170d 100%);box-shadow:0 18px 32px #0003}
.cat-hero::after{content:"";position:absolute;width:340px;height:340px;right:-70px;top:-130px;border:1px solid #dca44c25;border-radius:50%;box-shadow:0 0 0 48px #dca44c08,0 0 0 100px #dca44c08;pointer-events:none}
.cat-hero-content,.cat-hero-counts{position:relative;z-index:1}.cat-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:11px;font-weight:700;color:#edc981;letter-spacing:.14em}.cat-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#e8b95d;box-shadow:0 0 0 4px #f3c77d23}
.cat-hero h1{margin:0;font-size:clamp(26px,3.5vw,43px);font-weight:750;line-height:1.25;letter-spacing:-.025em;color:#ffdfa0}.cat-hero-description{margin:11px 0 0;color:#e5cba5;font-size:clamp(13px,1.1vw,15px);line-height:1.75}
.cat-hero-counts{display:flex;flex:none;gap:12px}.cat-stat{min-width:118px;padding:14px 16px;border:1px solid #bc8b4f77;background:#140a0647;border-radius:14px;text-align:center}.cat-stat strong{display:block;font-size:27px;line-height:1.05;color:#ffe0a0;font-variant-numeric:tabular-nums}.cat-stat span{display:block;font-size:12px;color:#e7c592;margin-top:8px}
.cat-toolbar{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:17px;padding:12px;border:1px solid #8f622c;background:#311b0f;border-radius:15px;box-shadow:0 5px 16px #0002}.cat-search-field{display:flex;align-items:center;flex:1;gap:10px;min-height:45px;padding:0 13px;background:#160c07;border:1px solid #8a5c2c;border-radius:10px;transition:border-color .18s}.cat-search-field:focus-within{border-color:#f1c477;box-shadow:0 0 0 3px #c18b3430}.cat-search-field>svg{width:19px;height:19px;flex:none;color:#ddb16a}.cat-search-field input{min-width:0;width:100%;flex:1;padding:10px 0;border:0;outline:0;background:transparent;color:#fff1d7;font-size:14px}.cat-search-field input::placeholder{color:#bca380;opacity:1}.cat-clear{flex:none;border:1px solid #936b3b;border-radius:8px;background:#4b2e19;color:#ffe1ae;padding:5px 10px;cursor:pointer}.cat-clear[hidden]{display:none!important}.cat-filter-count{min-width:130px;text-align:center;color:#dfbd86;font-size:12px}
.cat-jump{display:flex;align-items:center;gap:16px;min-width:0;margin:0 0 19px}.cat-jump-label{flex:none;color:#e8c58e;font-size:12px;font-weight:700}.cat-jump-scroll{min-width:0;display:flex;overflow-x:auto;gap:8px;padding:4px 0 8px;scrollbar-color:#785029 transparent;scrollbar-width:thin}.cat-jump-chip{display:flex;align-items:center;gap:8px;white-space:nowrap;flex:none;text-decoration:none;font-size:12px;border:1px solid #745029;background:#2d1b0f;color:#ecd4ac;border-radius:100px;padding:7px 11px;transition:background .18s,border-color .18s}.cat-jump-chip span{display:inline-grid;place-items:center;border-radius:20px;padding:0 5px;min-width:20px;height:20px;background:#4c321e;color:#f4ce8b;font-size:10px}.cat-jump-chip:hover,.cat-jump-chip:focus-visible{background:#583416;border-color:#dca85f;outline:none}.cat-jump-chip[hidden]{display:none!important}
.cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:17px}.cat-card{min-width:0;overflow:hidden;scroll-margin-top:88px;border:1px solid #91642f;border-radius:17px;background:linear-gradient(180deg,#321b0f,#24140b 70%);box-shadow:0 8px 22px #0003;transition:transform .16s,border-color .16s}.cat-card:hover{border-color:#d7a357;transform:translateY(-2px)}.cat-card[hidden]{display:none!important}
.cat-card-heading{display:flex;align-items:center;gap:11px;min-height:88px;padding:15px 15px;background:linear-gradient(110deg,#593416,#3d230e);border-bottom:1px solid #8f622c}.cat-card-index{display:grid;place-items:center;flex:none;width:37px;height:37px;background:#f2cd8359;border:1px solid #ca9a4e;color:#ffe8b8;font:700 13px Georgia,serif;border-radius:11px}.cat-card-name{flex:1;min-width:0}.cat-card-name h2{margin:0;color:#ffe0a4;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.cat-card-name p{margin:5px 0 0;color:#d5b27c;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.cat-card-count{flex:none;min-width:30px;padding:4px 7px;text-align:center;border-radius:8px;background:#28160d;border:1px solid #7e552b;font-size:11px;color:#edc78c}
.cat-card-items{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cat-sub-link{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;min-height:51px;padding:10px 9px 10px 12px;border-radius:10px;border:1px solid #674323;background:#3a2315;text-decoration:none;color:#f9e7c5;transition:background .18s,border-color .18s,transform .18s}.cat-sub-link:hover,.cat-sub-link:focus-visible{background:#65401f;border-color:#e2b069;color:#fff4db;outline:none;transform:translateX(2px)}.cat-sub-link[hidden]{display:none!important}.cat-sub-body{min-width:0;display:block;overflow-wrap:anywhere}.cat-sub-primary{display:block;font-size:12px;font-weight:650;line-height:1.5}.cat-sub-secondary{display:block;margin-top:3px;color:#cbae7c;font-size:10px;line-height:1.35}.cat-sub-link svg{height:16px;width:16px;flex:none;opacity:.8;color:#d9ad67}
.cat-more{grid-column:1/-1;min-width:0}.cat-more summary{list-style:none;padding:9px 10px;margin:1px 0 0;border:1px dashed #a3753f;border-radius:9px;cursor:pointer;text-align:center;color:#f0ca8d;background:#352112;font-size:12px}.cat-more summary::-webkit-details-marker{display:none}.cat-more summary span{font-weight:700;margin-left:5px}.cat-more summary:hover,.cat-more summary:focus-visible{outline:2px solid #dca85f77;background:#4b2e16}.cat-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.cat-empty,.cat-no-data,.cat-no-match{padding:30px;text-align:center;color:#d6b482}.cat-no-data,.cat-no-match{border:1px dashed #88602e;border-radius:15px;background:#2b190e}.cat-no-match[hidden]{display:none!important}
.cat-footnote{text-align:center;margin:28px auto 0;color:#a98556;font-size:12px}.cat-footer{border-top:1px solid #62401c;color:#af8956;text-align:center;padding:17px 10px 26px;font-size:12px}.cat-footer span{font:700 15px Georgia,serif;color:#deb56a;letter-spacing:.06em}
@media(max-width:1250px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.cat-hero{padding:23px;gap:16px}.cat-hero-counts{gap:8px}.cat-stat{min-width:88px;padding:11px 10px}.cat-stat strong{font-size:23px}}
@media(max-width:700px){.cat-topbar-inner,.cat-container{width:calc(100% - 24px)}.cat-topbar-inner{min-height:62px}.cat-brand-mark{width:39px;height:39px}.cat-brand-text strong{font-size:20px}.cat-brand-text small{font-size:9px}.cat-home-link{min-height:36px;padding:7px 9px}.cat-home-link span{display:none}.cat-language-form select{min-height:36px;padding:6px 8px;font-size:12px}.cat-container{margin:15px auto 25px}.cat-hero{display:block;min-height:0;padding:23px 18px;border-radius:16px;margin-bottom:12px}.cat-eyebrow{font-size:9px}.cat-hero h1{font-size:26px}.cat-hero-description{font-size:12px}.cat-hero-counts{margin-top:20px}.cat-stat{flex:1;min-width:0;padding:10px}.cat-stat strong{font-size:23px}.cat-toolbar{padding:8px;gap:7px;margin-bottom:10px}.cat-search-field{min-height:44px}.cat-search-field input{font-size:13px}.cat-filter-count{display:none}.cat-jump{display:block;margin-bottom:11px}.cat-jump-label{margin-bottom:5px}.cat-jump-scroll{gap:6px}.cat-grid{grid-template-columns:1fr;gap:12px}.cat-card-heading{min-height:72px;padding:11px 12px}.cat-card-name h2{font-size:15px}.cat-card-items{padding:9px;gap:7px}.cat-sub-link{min-height:48px;padding:9px 8px}.cat-footnote{font-size:11px;margin-top:19px}.cat-footer{padding-bottom:24px}}
@media(max-width:360px){.cat-sub-link{min-height:50px}.cat-sub-primary{font-size:11px}.cat-sub-secondary{font-size:9px}.cat-card-items{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* V2: the exact three-flag picker visual language from PRAASIA Public index. */
.cat-language-picker{position:relative;display:flex;align-items:center;flex:none;min-width:0;margin:0;padding:0;border:1px solid #bb8e4e;border-radius:13px;background:linear-gradient(180deg,#563116,#331a0a);color:#ffe4b3}
.cat-language-picker::before{content:'';position:absolute;left:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:7px;background-position:center;background-repeat:no-repeat;background-size:cover;pointer-events:none}
.cat-language-picker.is-th::before {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2064%2064%27%3E%3Crect%20rx%3D%2714%27%20width%3D%2764%27%20height%3D%2764%27%20fill%3D%27%23f4f5f7%27%2F%3E%3Crect%20y%3D%270%27%20width%3D%2764%27%20height%3D%2712%27%20fill%3D%27%23ef3340%27%2F%3E%3Crect%20y%3D%2712%27%20width%3D%2764%27%20height%3D%2712%27%20fill%3D%27%23ffffff%27%2F%3E%3Crect%20y%3D%2724%27%20width%3D%2764%27%20height%3D%2716%27%20fill%3D%27%230033a0%27%2F%3E%3Crect%20y%3D%2740%27%20width%3D%2764%27%20height%3D%2712%27%20fill%3D%27%23ffffff%27%2F%3E%3Crect%20y%3D%2752%27%20width%3D%2764%27%20height%3D%2712%27%20fill%3D%27%23ef3340%27%2F%3E%3C%2Fsvg%3E");}
.cat-language-picker.is-cn::before {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2064%2064%27%3E%3Crect%20rx%3D%2714%27%20width%3D%2764%27%20height%3D%2764%27%20fill%3D%27%23de2910%27%2F%3E%3Cpath%20fill%3D%27%23ffde00%27%20d%3D%27M18%2012l2.6%208H29l-6.8%204.9%202.6%208L18%2028l-6.8%204.9%202.6-8L7%2020h8.4z%27%2F%3E%3Cpath%20fill%3D%27%23ffde00%27%20d%3D%27M36%2014l1.2%203.6H41l-3.1%202.2%201.2%203.6-3.1-2.2-3.1%202.2%201.2-3.6-3.1-2.2h3.8z%27%2F%3E%3Cpath%20fill%3D%27%23ffde00%27%20d%3D%27M42%2022l1.2%203.6H47l-3.1%202.2%201.2%203.6-3.1-2.2-3.1%202.2%201.2-3.6-3.1-2.2h3.8z%27%2F%3E%3Cpath%20fill%3D%27%23ffde00%27%20d%3D%27M42%2033l1.2%203.6H47l-3.1%202.2%201.2%203.6-3.1-2.2-3.1%202.2%201.2-3.6-3.1-2.2h3.8z%27%2F%3E%3Cpath%20fill%3D%27%23ffde00%27%20d%3D%27M35%2040l1.2%203.6H40l-3.1%202.2%201.2%203.6-3.1-2.2-3.1%202.2%201.2-3.6-3.1-2.2h3.8z%27%2F%3E%3C%2Fsvg%3E");}
.cat-language-picker.is-en::before {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2064%2064%27%3E%3Cdefs%3E%3CclipPath%20id%3D%27r%27%3E%3Crect%20rx%3D%2714%27%20width%3D%2764%27%20height%3D%2764%27%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%27url%28%23r%29%27%3E%3Crect%20width%3D%2764%27%20height%3D%2764%27%20fill%3D%27%23012169%27%2F%3E%3Cpath%20d%3D%27M0%200l64%2064M64%200L0%2064%27%20stroke%3D%27%23fff%27%20stroke-width%3D%2714%27%2F%3E%3Cpath%20d%3D%27M0%200l64%2064M64%200L0%2064%27%20stroke%3D%27%23C8102E%27%20stroke-width%3D%278%27%2F%3E%3Cpath%20d%3D%27M32%200v64M0%2032h64%27%20stroke%3D%27%23fff%27%20stroke-width%3D%2722%27%2F%3E%3Cpath%20d%3D%27M32%200v64M0%2032h64%27%20stroke%3D%27%23C8102E%27%20stroke-width%3D%2712%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
.cat-language-picker select{appearance:none;-webkit-appearance:none;display:block;width:89px;min-width:0;height:38px;min-height:38px;padding:5px 9px 5px 44px;border:0;border-radius:13px;background:transparent;color:#ffe4b3;font:700 13px/1.3 Tahoma,Arial,sans-serif;cursor:pointer;outline-offset:2px}
.cat-language-picker option{background:#40220f;color:#ffe7b3}
.cat-language-picker:focus-within{outline:2px solid #f4cc80;outline-offset:2px}
.cat-translation-secondary[hidden]{display:none!important}
.cat-topbar-actions{min-width:0}
@media(max-width:700px){.cat-language-picker select{width:82px;height:36px;min-height:36px;padding:4px 7px 4px 40px;font-size:12px}.cat-language-picker::before{width:24px;height:24px;left:7px}}
@media(max-width:360px){.cat-language-picker select{width:70px;padding-left:32px;font-size:11px}.cat-language-picker::before{width:20px;height:20px;left:5px}}