.fade-up{opacity:1!important;transform:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}.brand-intro{background:#fff;border-bottom:1px solid #dce2ec;padding:22px 0}.brand-intro-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-word{font-family:Kanit,sans-serif;font-size:18px;font-weight:700;color:#101d3b}.brand-word span{font-size:14px;font-weight:400;margin-left:12px;color:#5c6c86}#page .brand-intro h2{font-size:22px;color:#14203a;margin:6px 0;line-height:1.5}.brand-intro p{font-size:14px;color:#5a667a;margin:0;line-height:1.8}.brand-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.brand-button{display:inline-flex;justify-content:center;align-items:center;padding:12px 17px;border:1px solid #bac7dd;background:#fff;color:#162b50!important;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;border-radius:0}.brand-button.primary{background:#e82031;color:#fff!important;border-color:#e82031}.brand-button:hover{filter:brightness(.94)}a:focus-visible,button:focus-visible{outline:3px solid #2e7df2;outline-offset:3px}.home-ranking-intro{max-width:760px;line-height:1.8!important}.database-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.database-shortcuts a{border:1px solid #cbd6e7;padding:10px 16px;background:white;color:#214f9a;font-size:15px}.ranking-note{font-size:14px!important;color:#52637b!important;line-height:1.8;margin-top:16px}.ranking-note a{color:#235dbc;text-decoration:underline}.career-section{padding:0 0 32px;background:#f5f7fc}.career-inner{padding:28px 32px;border-left:4px solid #ef2333;background:#101d3b;display:flex;align-items:center;justify-content:space-between;gap:24px}.career-eyebrow{font-size:13px;letter-spacing:1.2px;color:#c0cee7}#page .career-inner h2{font-size:26px;color:#fff;margin:8px 0;line-height:1.5}.career-inner p{font-size:16px;line-height:1.8;color:#d6deed;max-width:780px;margin:0}.brand-document{padding-top:40px;padding-bottom:60px;min-height:65vh;max-width:900px!important;color:#18243e}.brand-document h1{font-size:34px;line-height:1.4;color:#111d35}.brand-document h2{font-size:23px;line-height:1.5;margin:28px 0 10px;color:#14203a}.brand-document p,.brand-document li{font-size:17px;line-height:1.9}.brand-document a{color:#255dba}.doc-lead{font-size:21px!important;color:#52637b}.draft-note{padding:14px 18px;background:#fff4db;border-left:3px solid #d99a27;color:#634b20;font-size:14px!important}.connect-steps{padding-left:24px}.preview-back{padding:12px 24px;background:#101d3b}.preview-back a{color:#fff}.brand-about-tag{font-size:22px;color:#f2c950}.about-section .lead{font-size:18px;line-height:1.9;max-width:900px}.brand-search-note{font-size:13px;color:#52637b}.pt-table-wrap{overflow:auto}.pt-player-link strong{overflow-wrap:anywhere}.brand-empty{padding:20px;font-size:16px}.brand-intro .wrap{max-width:1400px}
@media(max-width:1100px){.brand-intro-inner{align-items:flex-start;flex-direction:column;gap:14px}.career-inner{align-items:flex-start;flex-direction:column}.nav{gap:12px!important}.nav>a,.nav-dropdown-toggle{font-size:14px!important}}
@media(max-width:620px){.brand-intro{padding:18px 0}.brand-word span{display:block;margin:3px 0 0}.brand-intro .wrap{padding-left:16px;padding-right:16px}#page .brand-intro h2{font-size:20px}.brand-actions{width:100%}.brand-actions .brand-button{white-space:normal;flex:1}.database-shortcuts{gap:8px}.database-shortcuts a{font-size:14px;padding:10px 12px}.career-inner{padding:22px 18px}#page .career-inner h2{font-size:23px}.career-inner .brand-button{width:100%}.brand-document h1{font-size:28px}.brand-document{padding-top:26px}.brand-document p{font-size:16px}.nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;max-height:80vh!important;overflow:auto!important}.nav.open .nav-dropdown-menu{display:block;position:static}.home-player-ranking .sec-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* One typographic system; compact introduction and restrained actions. */
.pt-panel-head>div{min-width:0}.pt-panel-head .pt-search{flex:0 1 340px;min-width:240px}.brand-search-note{margin:0;padding:10px 24px;border-bottom:1px solid #e7eaf2;font-size:13px;line-height:1.7}.pt-page-head h1{line-height:1.45!important}.pt-player-link>span:last-child{min-width:0}.pt-player-link strong{word-break:normal;overflow-wrap:normal;line-height:1.5}.pt-player-link small{line-height:1.5}
#page .footer-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr);align-items:start;gap:28px}
#page .footer-inner>div{min-width:0}#page .footer-brand .logo{display:block;width:180px;max-width:100%}#page .footer-brand .site-logo{width:100%;height:auto;max-width:100%}#page .footer .fcol a{overflow-wrap:anywhere;line-height:1.8}
@media(min-width:621px) and (max-width:1024px){.pt-page-head h1{font-size:30px!important}.pt-panel-head{flex-direction:column;align-items:stretch;gap:16px;padding:22px}.pt-panel-head h2{font-size:23px;line-height:1.5}.pt-panel-head p{font-size:15px;line-height:1.8}.pt-panel-head .pt-search{width:100%;max-width:100%;min-width:0;flex:none}.pt-search input{min-width:0;flex:1}.pt-ranking-table{min-width:650px}.pt-ranking-table th,.pt-ranking-table td{padding:12px}.pt-ranking-table th:first-child,.pt-ranking-table td:first-child{width:58px}.pt-player-link strong{font-size:16px}.pt-player-link small{font-size:13px}#page .footer-inner{grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1.2fr);gap:20px}#page .footer-brand .logo{width:160px}}
@media(max-width:620px){#page .footer-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 16px}#page .footer-brand{grid-column:1/-1}#page .footer .fcol h4{font-size:16px}#page .footer .fcol a{font-size:14px}.pt-panel-head .pt-search{min-width:0;width:100%;flex:none}.brand-search-note{padding:10px 18px}}
.psy-preview-note{margin:0 0 20px;padding:18px 20px;background:#edf1f7;border-left:3px solid #17345e;color:#243653;font-size:15px;line-height:1.8}.psy-preview-note p{margin:6px 0}.psy-preview-note a{color:#235dbc}.pt-ranking-table caption{text-align:left;padding:12px 0;caption-side:top}
body{font-family:Sarabun,sans-serif}h1,h2,h3,.brand-button,.nav a{font-family:Kanit,Sarabun,sans-serif}
#page .wrap{width:100%;max-width:1280px;padding-left:24px;padding-right:24px;min-width:0}
#page .topbar-inner{height:72px;gap:18px;position:relative}
#page .topbar .logo{width:170px;max-width:calc(100% - 100px);flex:0 0 auto}
#page .topbar .site-logo{display:block;width:100%;height:auto;max-height:42px;object-fit:contain}
#page .nav{gap:0!important;min-width:0}
#page .nav a{font-size:14px!important;padding:9px 8px;border-radius:0}
#page .nav-dropdown-menu{left:auto;right:0;min-width:190px;max-width:calc(100vw - 32px);border-radius:0}
#page .brand-intro{padding:18px 0;background:#f5f7fc}
#page .brand-intro-inner{display:block}
#page .brand-word{font-family:Kanit,sans-serif;font-size:12px;font-weight:500;letter-spacing:1px;color:#67748c;line-height:1.6}
#page .brand-intro h2{font-size:22px;font-weight:500;line-height:1.5;margin:4px 0}
#page .brand-intro p{font-size:14px;line-height:1.7;max-width:850px}
#page .home-player-ranking .sec-head{margin-bottom:14px;display:block}
#page .home-player-ranking h2{font-size:30px;line-height:1.45;font-weight:600;margin:8px 0}
#page .home-ranking-intro{font-size:16px;line-height:1.8!important;max-width:760px}
.database-shortcuts{gap:0;margin:0 0 22px;border-bottom:1px solid #d9e0eb}
.database-shortcuts a{background:none;border:0;padding:12px 18px 12px 0;margin-right:18px;color:#244d88;font-size:14px;font-weight:500}
.database-shortcuts a:hover{text-decoration:underline}
.ranking-note{font-size:13px!important}
#page .career-section{background:transparent;padding:0 0 24px}
#page .career-inner{background:#edf1f7;border:1px solid #d9e0eb;border-left:3px solid #1a3156;padding:24px;gap:24px;flex-direction:row;align-items:center}
#page .career-eyebrow{font-family:Kanit,sans-serif;font-size:12px;letter-spacing:.6px;color:#66758d}
#page .career-inner h2{font-size:23px;font-weight:500;line-height:1.5;color:#162644;margin:6px 0 8px}
#page .career-inner p{font-size:15px;color:#56657b;line-height:1.8;max-width:740px}
.brand-button{font-size:14px;border-radius:0;min-height:44px;padding:10px 16px}
.brand-button.primary{background:#17345e;border-color:#17345e}
#page .career-inner .brand-button{flex-shrink:0;white-space:normal;text-align:center}
.brand-document{overflow-wrap:break-word}.brand-document h1{font-size:30px;font-weight:600}.brand-document h2{font-size:22px;font-weight:500}.brand-about-tag{font-size:18px}.about-section .lead{font-size:17px;line-height:1.85}
@media(max-width:1280px){
 #page .topbar-right{display:flex!important;margin-left:auto}
 #page .topbar-right .menu-btn{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px}
 #page .topbar-inner{height:64px}
 #page .nav{display:none!important;position:absolute!important;left:16px!important;right:16px!important;top:64px!important;width:auto!important;margin:0!important;background:#101d3b;padding:12px!important;border:1px solid #30415f;box-shadow:0 12px 24px #09142822;max-height:calc(100dvh - 90px)!important;overflow-y:auto!important;transform:none!important}
 #page .nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important}
 #page .nav>a,#page .nav>.nav-dropdown{width:100%;min-width:0}
 #page .nav a{display:block;white-space:normal!important;overflow-wrap:break-word;padding:12px;font-size:15px!important;line-height:1.5}
 #page .nav .nav-dropdown-menu{display:none;position:static!important;max-width:100%;width:100%;box-shadow:none;border:0;background:#17294a;padding:0 8px}
 #page .nav .search-btn-nav{display:none!important}
 #page .nav [aria-expanded=true]+.nav-dropdown-menu{display:flex!important;flex-direction:column}
}
@media(max-width:820px){#page .career-inner{flex-direction:column;align-items:flex-start;gap:16px}#page .career-inner .brand-button{width:auto}.database-shortcuts a{margin-right:8px;padding-right:12px}#page .home-player-ranking h2{font-size:26px}}
@media(max-width:620px){#page .wrap{padding-left:16px;padding-right:16px}#page .brand-intro{padding:14px 0}#page .brand-intro h2{font-size:19px;line-height:1.6}#page .brand-intro p{font-size:14px}#page .brand-word{font-size:11px;letter-spacing:.5px}#page .career-inner{padding:18px}#page .career-inner h2{font-size:21px}.database-shortcuts{row-gap:0}.database-shortcuts a{font-size:14px;min-height:44px}.brand-document h1{font-size:26px}.brand-document h2{font-size:21px}.brand-intro-inner>div,.career-inner>div{min-width:0}.home-ranking-intro{font-size:15px!important}}

/* Production-specific layout and cached PSY controls. */
.screen-reader-text{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}
#page .logo .wm{display:inline-block}
#page .footer .logo .wm b{color:#14203a}
.pt-tabs{overflow-y:hidden;padding-bottom:1px}
.pt-panel,.pt-search,.pt-search button{border-radius:0}
.pt-platform-ranking{padding-top:42px!important;padding-bottom:60px!important;min-height:65vh}
.pt-platform-ranking .psy-preview-note{margin:0;border:0;border-bottom:1px solid #d9e0eb}
.pt-panel-head .pt-psy-search{flex-basis:400px}
.pt-psy-search #psy-year{flex:0 0 80px;width:80px}
.pt-psy-search button{width:auto;min-width:52px;padding:8px}
.pt-psy-table{min-width:0!important;width:100%;table-layout:fixed}
.pt-psy-table th:first-child,.pt-psy-table td:first-child{width:70px}
.pt-psy-table th:last-child,.pt-psy-table td:last-child{width:110px;text-align:right}
.pt-psy-table .pt-player-link strong{overflow-wrap:anywhere;white-space:normal}
.pt-psy-table .pt-player-link{min-width:0}
@media(max-width:1024px){.pt-panel-head .pt-psy-search{flex:none;width:100%;min-width:0}}
@media(max-width:620px){.pt-psy-table th,.pt-psy-table td{padding:12px 8px}.pt-psy-table th:first-child,.pt-psy-table td:first-child{width:48px}.pt-psy-table th:last-child,.pt-psy-table td:last-child{width:88px}.pt-psy-table .pt-player-link strong{font-size:14px}.pt-psy-search #psy-year{flex-basis:68px;width:68px}}
