@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Marcellus&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');

:root{--navy:#120b0e;--navy-2:#1b1015;--navy-3:#2c171b;--gold:#df8c42;--gold-light:#ffc36b;--gold-dark:#913e24;--cream:#fff7e9;--text:#fff5e9;--muted:#c9b8b3;--line:rgba(221,126,63,.46);--shadow:0 18px 55px rgba(0,0,0,.4)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--text);font-family:"IBM Plex Sans Thai",sans-serif;line-height:1.55;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.09;background-image:radial-gradient(#ffc95c 0.7px,transparent .8px);background-size:43px 43px;z-index:-1}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
svg{vertical-align:middle}
.site-header{height:72px;position:relative;z-index:40;display:flex;align-items:center;padding:0 clamp(22px,3.2vw,54px);border-bottom:1px solid rgba(232,181,67,.16);background:rgba(2,16,34,.95);gap:25px}
.brand{display:flex;align-items:center;gap:12px;width:286px;flex-shrink:0;color:var(--gold-light)}
.brand b,.footer-brand b{display:block;font:20px/1.05 Marcellus,serif;letter-spacing:1.2px}
.brand small,.footer-brand small{font:14px Marcellus,serif;letter-spacing:1px}
.nav-logo{display:block;width:48px;height:auto;aspect-ratio:1/1;object-fit:contain;flex:0 0 48px}
.sun-logo{display:inline-block;position:relative;width:44px;height:44px;border:2px solid var(--gold);border-radius:50%;box-shadow:inset 0 0 0 5px transparent,0 0 15px rgba(236,181,65,.22)}
.sun-logo:before,.sun-logo:after,.sun-logo i:before,.sun-logo i:after{content:"";position:absolute;background:var(--gold);left:50%;top:50%;width:60px;height:2px;transform:translate(-50%,-50%)}
.sun-logo:after{transform:translate(-50%,-50%) rotate(90deg)}
.sun-logo i:before{transform:translate(-50%,-50%) rotate(45deg)}
.sun-logo i:after{transform:translate(-50%,-50%) rotate(-45deg)}
.sun-logo i{position:absolute;inset:6px;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(circle,#e7b24a 0 30%,transparent 32%)}
.sun-logo.large{width:58px;height:58px;margin:10px auto 20px}.sun-logo.large:before,.sun-logo.large:after,.sun-logo.large i:before,.sun-logo.large i:after{width:74px}
.main-nav{display:flex;align-items:stretch;height:100%;gap:clamp(16px,2.4vw,38px);margin:auto}
.main-nav a{display:flex;align-items:center;color:#e5e3df;white-space:nowrap;position:relative;font-size:15px}
.main-nav a:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:11px;background:var(--gold);transform:scaleX(0);transition:.25s}
.main-nav a:hover,.main-nav a.active{color:var(--gold-light)}
.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
.header-actions{display:flex;gap:12px;white-space:nowrap}.menu-toggle{display:none}
.btn{border:1px solid transparent;border-radius:9px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;color:inherit}
.btn:hover{transform:translateY(-2px)}
.btn-gold{color:#07162a;border-color:#f9cf70;background:linear-gradient(135deg,#f8d375,#d99b2c);box-shadow:inset 0 1px rgba(255,255,255,.5),0 8px 22px rgba(221,157,41,.18)}
.btn-gold:hover{box-shadow:0 10px 28px rgba(234,176,61,.33)}
.btn-ghost,.btn-outline{border-color:rgba(237,190,89,.6);background:rgba(3,20,42,.5);color:var(--gold-light)}
.btn-ghost{border-color:rgba(255,255,255,.25);color:#fff}
.btn-navy{background:var(--navy);color:white;border-color:var(--gold)}
.btn-large{padding:12px 28px;min-width:185px;font-size:17px}.btn-small{padding:7px 11px;width:100%;font-size:14px;border-radius:7px}
.account-btn em{background:var(--gold);color:var(--navy);border-radius:50%;font-style:normal;min-width:20px;height:20px;text-align:center;font-size:12px;line-height:20px}
.hero{height:calc(100vh - 72px);min-height:720px;max-height:820px;position:relative;background:url(images/hero-space.png) center/cover no-repeat;overflow:hidden}
.hero-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(1.12) saturate(1.08);pointer-events:none}
.hero:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.3) 42%,rgba(0,0,0,.1) 70%,transparent 100%),linear-gradient(0deg,rgba(0,0,0,.22),transparent 28%);pointer-events:none}
.hero-content{height:100%;max-width:1460px;margin:auto;padding:35px 45px 70px;display:grid;grid-template-columns:1.1fr .77fr .72fr;align-items:center;position:relative;z-index:2;gap:32px}
.eyebrow{color:var(--gold);font-size:12px;letter-spacing:2.4px;font-weight:600;margin:0 0 9px}
.hero-copy{align-self:center;transform:translateY(-145px)}.hero-copy .eyebrow{font-size:14px;letter-spacing:3px}.hero-copy h1{font:clamp(54px,5.15vw,82px)/.91 Marcellus,serif;letter-spacing:1px;margin:0;color:#ffd56f;text-shadow:0 4px 20px #000}.hero-copy h1 span{font-size:.78em}
.hero-copy h2{font-size:clamp(32px,2.8vw,44px);color:var(--gold);margin:17px 0 3px;font-weight:500}.hero-copy h2 i{font-style:normal;font-size:.6em}
.hero-copy h3{font-size:24px;margin:0 0 15px}.hero-copy .lead{font-size:18px;line-height:1.65;color:#f0e9e3;margin:0 0 23px}.hero-buttons{display:flex;gap:14px}.hero-buttons .btn{font-size:18px;padding:13px 30px}
.hero-details{align-self:center;margin-top:-60px;transform:translateY(-145px)}
.event-card{border:1px solid var(--line);border-radius:15px;padding:12px 20px;background:rgba(2,17,36,.77);box-shadow:var(--shadow);backdrop-filter:blur(8px)}
.event-card p{display:flex;gap:15px;align-items:flex-start;margin:0;color:var(--gold-light);font-size:20px}.event-card p+ p{border-top:1px solid rgba(255,255,255,.07);padding-top:11px;margin-top:10px}.event-card small{display:block;color:#fff5eb;font-size:15px}
.honors h3{display:flex;align-items:center;gap:13px;color:#f5d274;font-size:23px;margin:17px 0 10px}.honors h3 span{height:1px;background:linear-gradient(90deg,transparent,var(--gold));flex:1}.honors h3 span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.honors p{display:flex;align-items:center;gap:14px;color:#ffd477;margin:10px 0;font-size:18px;font-weight:600}.honors p i{display:grid;place-items:center;border:1px solid var(--gold);width:46px;height:46px;border-radius:50%;flex:0 0 46px}
.statue-wrap{height:100%;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:0}.statue-wrap img{max-height:82%;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 9px rgba(252,191,50,.26));z-index:1}.statue-glow{position:absolute;width:220px;height:220px;border-radius:50%;top:7%;background:radial-gradient(circle,rgba(243,185,50,.23),transparent 65%);filter:blur(9px)}
.section{max-width:1460px;margin:auto;padding:62px 45px}
.section-heading.inline{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-heading h2,.package-heading h2{color:var(--gold-light);font-size:29px;margin:0}.voting-status{margin:0;color:#d0d6dd}.voting-status svg{color:var(--gold);margin-right:6px}
.leaderboard{padding-top:15px;position:relative;margin-top:-65px;z-index:5;background:linear-gradient(180deg,rgba(2,17,37,.97),rgba(3,20,42,.96));border:1px solid var(--line);border-radius:18px}
.candidate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.candidate-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:rgba(4,24,48,.88);position:relative;box-shadow:0 12px 34px rgba(0,0,0,.18)}
.rank{position:absolute;z-index:2;top:8px;left:8px;border:1px solid var(--gold);background:#06182f;color:#ffd15c;border-radius:8px;padding:1px 9px;font:24px Marcellus,serif}
.candidate-portrait{height:210px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 60%,#d9bd92),var(--accent) 48%,#06172b 100%)}
.candidate-portrait:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 45%,rgba(255,211,111,.17));clip-path:polygon(0 0,100% 0,78% 100%,0 90%)}
.candidate-portrait span{font:68px Marcellus,serif;color:rgba(255,255,255,.83);border:1px solid rgba(255,255,255,.35);width:125px;height:125px;border-radius:50%;display:grid;place-items:center;z-index:1;text-shadow:0 4px 14px rgba(0,0,0,.4)}
.portrait-orbit{position:absolute;width:180px;height:180px;border:1px solid rgba(243,194,83,.25);border-radius:50%;transform:rotate(-20deg)}
.candidate-info{text-align:center;padding:10px 12px 12px}.candidate-info h3{font-size:17px;margin:0;color:#fff}.candidate-info p{font-size:12px;color:var(--gold-light);margin:0;height:22px;overflow:hidden}.candidate-info strong{display:block;font:18px Marcellus,serif;margin:3px 0 8px}.candidate-info strong small{font:12px "IBM Plex Sans Thai"}.text-link{display:flex;justify-content:center;align-items:center;gap:5px;color:var(--gold);margin-top:17px}
.packages-section{border:1px solid var(--line);border-radius:18px;margin-top:18px;padding:20px 25px 13px;display:grid;grid-template-columns:250px 1fr;gap:20px;background:linear-gradient(125deg,#051a33,#071e38)}
.package-heading h2{font-size:27px}.package-heading>p:last-child{font-size:12px;color:#c2cad3}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.package-grid article{border:1px solid var(--line);border-radius:13px;text-align:center;padding:12px;position:relative}.package-grid article.popular{box-shadow:inset 0 0 0 2px var(--gold);background:linear-gradient(180deg,rgba(226,166,46,.13),transparent)}.package-grid article>span{position:absolute;top:-1px;left:25%;right:25%;background:var(--gold);color:#07152a;font-size:11px;border-radius:0 0 10px 10px}.package-grid h3{margin:0;font-size:19px}.package-grid strong{display:block;color:var(--gold);font:31px Marcellus,serif}.package-grid p{font-size:12px;color:#c5ccd2;margin:0 0 8px}.package-grid .btn{padding:7px;width:100%}.impact-note{grid-column:1/-1;text-align:center;color:#e6b64f;font-size:13px;margin:0}
.nominate-banner{max-width:1460px;margin:18px auto 0;border:1px solid var(--gold);border-radius:17px;background:linear-gradient(100deg,#fffdf7,#f3e5cb);color:#101c2e;padding:16px 24px;display:grid;grid-template-columns:70px 1.6fr 2fr 90px auto;gap:20px;align-items:center}.nominate-banner h2{margin:0;font-size:25px}.nominate-banner p{margin:0;font-size:13px}.nominate-icon{transform:scale(.8)}.nominate-banner dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.nominate-banner dl div{padding:0 16px;border-left:1px solid #d6be93}.nominate-banner dt{font-size:12px}.nominate-banner dd{font-size:18px;font-weight:700;margin:0}.free-badge{width:66px;height:66px;border-radius:50%;background:linear-gradient(#dc4b2f,#a91f15);color:white;display:grid;place-items:center;align-content:center;font-size:22px;font-weight:700;box-shadow:0 5px 0 #8e1c12}.free-badge small{font-size:9px}
footer{border-top:1px solid rgba(227,172,52,.34);margin-top:22px;padding:38px max(45px,calc((100vw - 1460px)/2));display:grid;grid-template-columns:2fr repeat(4,1fr);gap:50px;background:#021126;position:relative}footer h3{font-size:14px;color:#e7d9bf;margin:0 0 12px}footer a{display:block;color:#aab6c4;font-size:13px;margin:7px 0}footer a:hover{color:var(--gold)}.footer-brand{display:flex;gap:22px;align-items:start}.footer-brand p{font-size:11px;color:#9ba8b7}.socials{display:flex;gap:10px}.socials a{border:1px solid #3d5066;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.copyright{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:10px;color:#596b7e}
.page-hero{text-align:center;padding:95px 20px 70px;background:linear-gradient(rgba(3,20,42,.45),var(--navy)),url(images/hero-space.png) center 58%/cover}.page-hero h1{font:clamp(38px,5vw,62px) Marcellus,"IBM Plex Sans Thai";color:var(--gold-light);margin:0}.page-hero p:last-child{color:#cbd3dc;margin:6px}.page-hero.small{padding:65px 20px 50px}.content-section{padding-top:35px}.filter-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.filter-tabs button{color:#c6cfd8;background:#071c35;border:1px solid #2a4360;padding:8px 17px;border-radius:30px}.filter-tabs button.active,.filter-tabs button:hover{background:var(--gold);color:#07162a;border-color:var(--gold)}.all-candidates>div[hidden]{display:none}.all-candidates{row-gap:25px}
.candidate-profile{padding-top:55px}.back-link{color:#aebaca}.profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin-top:30px;align-items:center}.profile-portrait{height:550px;border:1px solid var(--line);border-radius:22px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 65%,#ddbd83),var(--accent) 46%,#04152a 90%)}.profile-portrait:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,220,130,.18);border-radius:50%}.profile-portrait span{font:120px Marcellus;color:#fff;z-index:2;text-shadow:0 8px 30px #000}.profile-copy h1{font-size:48px;color:var(--gold-light);margin:0}.profile-copy h2{font-weight:400;color:white;margin:0}.location{color:#d4a942}.bio{font-size:18px;color:#c9d1da;max-width:650px}.vote-total{display:flex;align-items:center;gap:15px;margin:25px 0}.vote-total strong{font:45px Marcellus;color:var(--gold)}.vote-total span{color:#aeb8c3}.credit-hint{display:block;color:#aab7c3;margin-top:10px}
.auth-page{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(90deg,rgba(2,16,34,.3),#03142a),url(images/hero-space.png) center/cover}.auth-visual{display:flex;align-items:end;justify-content:center;position:relative;overflow:hidden}.auth-visual img{height:78vh;max-height:760px;filter:drop-shadow(0 0 18px rgba(234,176,49,.24))}.auth-visual p{position:absolute;left:9%;bottom:8%;font-size:25px}.auth-visual b{font-size:40px;color:var(--gold-light)}.auth-card{width:min(520px,88%);align-self:center;background:rgba(3,21,44,.88);border:1px solid var(--line);border-radius:22px;padding:30px 48px;text-align:center;box-shadow:var(--shadow);backdrop-filter:blur(13px)}.auth-card h1{font-size:35px;color:var(--gold-light);margin:0}.auth-card>p{color:#b9c4cf}.form-stack{text-align:left;display:grid;gap:15px;margin-top:22px}.form-stack label,.nominate-form label{font-size:13px;color:#d5dbe2}.form-stack input,.nominate-form input,.nominate-form textarea{display:block;width:100%;margin-top:5px;background:#071c36;border:1px solid #334a63;border-radius:9px;color:white;padding:11px 13px;outline:none}.form-stack input:focus,.nominate-form input:focus,.nominate-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(230,176,59,.1)}.auth-switch a{color:var(--gold)}.demo-login{font-size:11px!important;background:#071b34;border-radius:8px;padding:8px}
.dashboard-grid{display:grid;grid-template-columns:320px 1fr;gap:30px}.profile-panel,.history-panel,.nominate-form{border:1px solid var(--line);background:#061a33;border-radius:18px;padding:30px}.profile-panel{text-align:center}.avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:auto;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));color:var(--navy);font-size:33px;font-weight:700}.profile-panel h2{margin:12px 0 0}.profile-panel p{color:#aeb9c4;margin:0}.credit-box{margin:24px 0;padding:16px;border-top:1px solid #263e57;border-bottom:1px solid #263e57}.credit-box strong{display:block;color:var(--gold);font:42px Marcellus}.credit-box span{font-size:12px}.logout-link{border:0;background:none;color:#aab6c3;margin-top:20px}.history-panel h2{margin-top:0;color:var(--gold-light)}.history-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #1a3450;padding:14px 4px}.history-row i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(225,166,42,.15);color:var(--gold)}.history-row div{flex:1}.history-row small{display:block;color:#8393a4}.history-row strong{color:var(--gold)}.empty-mini{text-align:center;padding:70px;color:#9eaab7}.empty-mini a{color:var(--gold)}
.form-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}.form-layout h2{color:var(--gold-light)}.criteria{list-style:none;padding:0}.criteria li{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #213950}.criteria b{font:30px Marcellus;color:var(--gold)}.nominate-form{display:grid;gap:14px}.nominate-form h2{margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.category-showcase,.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-showcase article,.news-grid article{padding:35px;border:1px solid var(--line);border-radius:18px;background:#061a33}.category-showcase article>i{color:var(--gold)}.category-showcase h2{color:var(--gold-light)}.category-showcase p{color:#afbac5}.category-showcase a,.news-grid a{color:var(--gold)}.results-list{max-width:900px;margin:auto}.results-list>a{display:flex;align-items:center;gap:18px;padding:13px 18px;border-bottom:1px solid #203a54}.results-list>a:hover{background:#071d37}.results-list>a>span{font:27px Marcellus;color:var(--gold);width:30px}.results-list>a>i{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-style:normal}.results-list>a>div{flex:1}.results-list small{display:block;color:#9ca9b6}.results-list strong{color:var(--gold-light)}.news-art{height:160px;display:grid;place-items:center;background:linear-gradient(135deg,#0e3155,#7b5720);font-size:50px;color:var(--gold);border-radius:12px;margin-bottom:17px}.news-grid small{color:#9daab6}.news-grid h2{font-size:20px}.about-story{max-width:1000px;margin:auto;display:grid;grid-template-columns:250px 1fr;align-items:center;gap:60px}.sun-logo.giant{width:140px;height:140px;margin:auto}.sun-logo.giant:before,.sun-logo.giant:after,.sun-logo.giant i:before,.sun-logo.giant i:after{width:200px;height:3px}.sun-logo.giant i{inset:18px}.about-story h2{font-size:37px;color:var(--gold-light)}.about-story p{color:#bdc7d1;font-size:17px}.empty-state{text-align:center;padding:150px 20px;min-height:60vh}.empty-state h1{font-size:42px;color:var(--gold-light)}
.toast{position:fixed;z-index:100;right:25px;top:90px;max-width:420px;background:#f8f4e8;color:#102036;border-left:5px solid #2d9b66;border-radius:10px;padding:13px 40px 13px 15px;display:flex;gap:10px;box-shadow:var(--shadow);animation:toastIn .35s}.toast.error{border-color:#c13b32}.toast>span{font-weight:bold}.toast button{position:absolute;right:10px;border:0;background:none;font-size:20px}.toast.leave{animation:toastOut .35s forwards}@keyframes toastIn{from{transform:translateX(120%)}to{transform:none}}@keyframes toastOut{to{opacity:0;transform:translateX(120%)}}
.modal{position:fixed;z-index:120;inset:0;background:rgba(0,0,0,.7);display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{position:relative;background:#061a33;border:1px solid var(--gold);border-radius:18px;padding:35px;text-align:center;width:min(440px,100%)}.modal-card h2{color:var(--gold-light)}.modal-card p{color:#b7c2cd}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;color:white;font-size:25px}

/* Cosmic Ember theme — derived from the red-orange planetary hero */
.site-header{background:rgba(17,8,11,.96);border-bottom-color:rgba(231,131,61,.25)}
.btn-gold{background:linear-gradient(135deg,#ffd078,#d76b32);border-color:#ffd487;box-shadow:inset 0 1px rgba(255,255,255,.5),0 8px 24px rgba(202,79,34,.25)}
.btn-gold:hover{box-shadow:0 10px 30px rgba(229,106,43,.38)}
.btn-ghost,.btn-outline{background:rgba(24,12,16,.55);border-color:rgba(232,139,69,.6)}
.event-card{background:rgba(20,10,13,.72);border-color:rgba(231,126,57,.48)}
.leaderboard{background:linear-gradient(180deg,rgba(24,11,15,.97),rgba(15,9,12,.98));box-shadow:0 -18px 60px rgba(99,31,20,.16)}
.candidate-card{background:linear-gradient(160deg,rgba(38,17,22,.96),rgba(18,10,13,.98))}
.rank{background:#1c0d12}
.packages-section{background:linear-gradient(125deg,#180d11,#2b1518 55%,#170c10)}
.package-grid article.popular{background:linear-gradient(180deg,rgba(223,105,48,.18),rgba(65,24,22,.08))}
footer{background:#0e080b;border-top-color:rgba(224,115,51,.42)}
.page-hero{background:linear-gradient(rgba(25,10,13,.38),var(--navy)),url(images/hero-space.png) center 58%/cover}
.filter-tabs button{background:#211016;border-color:#573028}
.filter-tabs button.active,.filter-tabs button:hover{background:linear-gradient(135deg,#f2a553,#ca5a31)}
.profile-panel,.history-panel,.nominate-form,.category-showcase article,.news-grid article{background:linear-gradient(145deg,#251217,#160c10)}
.form-stack input,.nominate-form input,.nominate-form textarea{background:#211016;border-color:#58302d}
.auth-card{background:rgba(24,11,15,.9)}
.history-row{border-bottom-color:#472526}
.credit-box{border-color:#4b2828}
.results-list>a{border-bottom-color:#452326}
.results-list>a:hover{background:#251217}
.modal-card{background:#211016}
.news-art{background:linear-gradient(135deg,#32151c,#8d3d27)}

/* Editorial refinement: fewer UI effects, stronger typography and real imagery */
body:before{opacity:.045}
.btn{border-radius:2px;box-shadow:none;letter-spacing:.1px}
.btn:hover{transform:none;filter:brightness(1.08)}
.btn-gold{background:#e8a447;box-shadow:none}
.btn-gold:hover{box-shadow:none;background:#f0b252}
.btn-ghost,.btn-outline{background:transparent}
.eyebrow{font-size:11px;letter-spacing:3.2px;font-weight:500}
.event-card{border-radius:2px;border-width:0 0 0 2px;box-shadow:none;background:rgba(12,7,9,.56)}
.leaderboard{border-radius:0;border-width:1px 0;background:rgba(16,9,12,.94);box-shadow:none}
.section-heading h2,.package-heading h2{font-weight:500;letter-spacing:-.4px}
.candidate-card{border:0;border-radius:0;background:transparent;box-shadow:none}
.candidate-portrait{height:230px;border-bottom:1px solid var(--line);background:#1a1013}
.candidate-portrait:before{display:none}
.candidate-portrait img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.03);transition:filter .35s,transform .6s}
.candidate-card:hover .candidate-portrait img{filter:saturate(1) contrast(1.03);transform:scale(1.018)}
.candidate-info{text-align:left;padding:13px 0 0}
.candidate-info h3{font-size:19px;font-weight:500}
.candidate-info p{font-size:13px;height:auto;min-height:23px}
.candidate-info strong{font-size:16px;margin:7px 0 11px;color:#e8d9cd}
.candidate-info .btn{width:auto;padding:7px 15px}
.packages-section{border-radius:0;background:#170d10}
.package-grid article{border-radius:0;background:transparent}
.package-grid article.popular{background:rgba(201,82,38,.09);box-shadow:inset 0 2px var(--gold)}
.nominate-banner{border-radius:0;box-shadow:0 12px 35px rgba(0,0,0,.18)}
.profile-panel,.history-panel,.nominate-form,.category-showcase article,.news-grid article,.auth-card,.modal-card{border-radius:3px;box-shadow:none}
.filter-tabs button{border-radius:2px}
.profile-portrait{border-radius:3px}
.news-art{border-radius:2px}
footer h3{font-weight:500;letter-spacing:.5px}
@media(max-width:1200px){.brand{width:210px}.brand b{font-size:16px}.main-nav{gap:16px}.main-nav a{font-size:13px}.header-vote{display:none}.hero-content{grid-template-columns:1.1fr .85fr .6fr;padding-inline:30px}.hero-copy h1{font-size:53px}.nominate-banner{grid-template-columns:60px 1fr 1.6fr auto}.free-badge{display:none}}
@media(max-width:900px){.site-header{height:65px;padding:0 18px}.brand{width:auto;margin-right:auto}.menu-toggle{display:grid;place-items:center;background:none;border:0;color:var(--gold);padding:8px}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;height:auto;background:#03152b;padding:10px 22px 22px;box-shadow:0 20px 35px rgba(0,0,0,.4)}.main-nav.open{display:block}.main-nav a{padding:12px;border-bottom:1px solid #17314c}.main-nav a:after{display:none}.header-actions .btn-ghost{padding:8px}.account-btn span,.header-actions>.btn-ghost:not(.account-btn){font-size:0}.hero{height:auto;min-height:0;max-height:none}.hero-content{grid-template-columns:1fr 1fr;padding:55px 25px 125px}.hero-copy{grid-column:1/-1;text-align:center;z-index:2;transform:none}.hero-copy h1{font-size:59px}.hero-buttons{justify-content:center}.hero-details{margin:15px 0 0;align-self:start;transform:none}.statue-wrap{height:440px;padding-top:0;align-items:flex-end}.statue-wrap img{height:100%;max-height:92%}.leaderboard{margin:-80px 18px 0;padding:25px}.candidate-grid{grid-template-columns:repeat(2,1fr)}.packages-section{margin:18px;grid-template-columns:1fr}.package-heading{text-align:center}.nominate-banner{margin:18px;grid-template-columns:50px 1fr auto}.nominate-banner dl{grid-column:1/-1}.nominate-banner .btn{grid-column:1/-1}.section{padding:45px 25px}.profile-grid{grid-template-columns:1fr;gap:30px}.profile-portrait{height:440px}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-card{margin:40px auto}.dashboard-grid,.form-layout{grid-template-columns:1fr}.category-showcase,.news-grid{grid-template-columns:1fr}footer{grid-template-columns:2fr 1fr 1fr;padding:35px 30px}footer>div:nth-child(4),footer>div:nth-child(5){display:none}}
@media(max-width:600px){.nav-logo{width:42px;flex-basis:42px}.brand b{font-size:14px}.brand small{font-size:11px}.brand .sun-logo{transform:scale(.72);margin:-6px}.hero-content{display:flex;flex-direction:column;padding:45px 18px 100px}.hero-copy{width:100%;min-width:0}.hero-copy h1{font-size:36px;letter-spacing:0;white-space:normal}.hero-copy h2{font-size:25px}.hero-copy h3{font-size:16px}.hero-copy .lead{overflow-wrap:anywhere}.hero-copy .lead br{display:none}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%;min-width:0}.hero-details{width:100%;order:3}.statue-wrap{height:370px;order:2;margin-bottom:-50px}.event-card{padding:12px}.honors h3{font-size:17px}.honors p{font-size:14px}.leaderboard{margin:-70px 10px 0;padding:19px 12px}.section-heading.inline{display:block}.voting-status{font-size:13px}.candidate-grid{grid-template-columns:1fr 1fr;gap:9px}.candidate-portrait{height:150px}.candidate-portrait span{font-size:42px;width:85px;height:85px}.candidate-info{padding:8px}.candidate-info h3{font-size:14px}.candidate-info p{font-size:10px}.candidate-info strong{font-size:15px}.candidate-info .btn{font-size:12px;padding:6px 2px}.packages-section{padding:20px 12px}.package-grid{gap:5px}.package-grid article{padding:10px 5px}.package-grid h3{font-size:15px}.package-grid strong{font-size:24px}.package-grid .btn{font-size:11px;padding:6px 2px}.nominate-banner{grid-template-columns:45px 1fr;padding:14px}.nominate-banner h2{font-size:19px}.nominate-banner dl{grid-template-columns:1fr 1fr 1fr}.nominate-banner dl div{padding:0 7px}.nominate-banner dd{font-size:14px}.nominate-banner .btn{grid-column:1/-1}.page-hero{padding:70px 15px 50px}.page-hero h1{font-size:38px}.all-candidates{grid-template-columns:1fr 1fr}.section{padding:35px 16px}.profile-copy h1{font-size:36px}.profile-portrait{height:360px}.profile-portrait span{font-size:80px}.auth-card{padding:25px 20px}.dashboard-grid{padding-top:25px}.form-row{grid-template-columns:1fr}.about-story{grid-template-columns:1fr}.sun-logo.giant{transform:scale(.65)}.about-story h2{font-size:29px}.results-list>a{gap:9px;padding:10px 4px}.results-list>a>i{width:42px;height:42px}.results-list strong{font-size:12px}footer{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.copyright{display:none}}
@media(max-width:430px){.header-actions{display:none}.site-header{gap:8px}}
@media(max-width:600px){.hero-copy .eyebrow{font-size:11px;letter-spacing:2px}.hero-buttons .btn{font-size:16px;padding:11px 18px}.event-card p{font-size:16px}.event-card small{font-size:12px}.honors p i{width:40px;height:40px;flex-basis:40px}}

/* 2026 live-results homepage */
.results-hero{height:390px;position:relative;overflow:hidden;background:#120b0e;border-bottom:1px solid #3a2424}
.results-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c080a 3%,rgba(12,8,10,.92) 38%,rgba(12,8,10,.18) 74%,#0d090b 100%)}
.results-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.7) contrast(1.08)}
.results-hero-copy{position:relative;z-index:2;width:min(1460px,100%);height:100%;margin:auto;padding:58px 45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.results-hero-copy h1{font-size:clamp(39px,4vw,62px);line-height:1.06;margin:3px 0 12px;font-weight:600;letter-spacing:-1.6px}.results-hero-copy h1 span{color:var(--gold-light)}
.results-hero-copy>p:not(.eyebrow){color:#d0c4be;font-size:17px;margin:0 0 22px}.results-hero-copy>div{display:flex;gap:10px}
.results-hero-award{position:absolute;z-index:2;right:max(7vw,55px);bottom:-170px;width:350px;height:520px;display:flex;justify-content:center}.results-hero-award:before{content:"";position:absolute;width:340px;height:340px;top:20px;border:1px solid rgba(232,164,71,.25);border-radius:50%;box-shadow:0 0 90px rgba(223,93,45,.18)}.results-hero-award img{height:520px;position:relative;filter:drop-shadow(0 0 18px rgba(232,147,58,.25))}
.vote-dashboard{background:#050505;min-height:0;height:auto;padding:0 max(30px,calc((100vw - 1460px)/2)) 55px;color:#f5f2ee}
.dashboard-titlebar{height:118px;display:grid;grid-template-columns:1fr auto 230px;gap:36px;align-items:center;border-bottom:1px solid #292929}.dashboard-titlebar h2{font-size:26px;margin:0;font-weight:600}.dashboard-titlebar .eyebrow{margin:0 0 2px}.dashboard-switch{display:flex;background:#161616;border:1px solid #333;border-radius:30px;padding:4px}.dashboard-switch a{padding:8px 18px;color:#888;border-radius:24px;font-size:14px}.dashboard-switch .active{background:#f2eee7;color:#111;font-weight:600}.dashboard-updated{text-align:right;color:#878787;font-size:12px;line-height:1.55}.dashboard-updated i{display:inline-block;width:7px;height:7px;background:#39c584;border-radius:50%;margin-right:5px;box-shadow:0 0 0 4px rgba(57,197,132,.12)}.dashboard-updated b{color:#d5d5d5;font-weight:400}
.dashboard-tabs{height:67px;display:flex;align-items:center;gap:7px;overflow:auto;border-bottom:1px solid #1e1e1e}.dashboard-tabs button,.dashboard-tabs a{white-space:nowrap;border:0;background:transparent;color:#929292;padding:9px 17px;border-radius:22px;font-size:13px}.dashboard-tabs .active{color:#111;background:var(--gold-light);display:flex;gap:7px;align-items:center;font-weight:600}
.dashboard-grid-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(430px,.9fr);gap:30px;padding-top:28px}.dashboard-overview{min-width:0}.score-summary{background:#191919;border:1px solid #2c2c2c;padding:21px 24px;display:grid;grid-template-columns:1fr 145px 145px;gap:10px}.score-summary>div{display:flex;flex-direction:column}.score-summary small{color:#929292}.score-summary strong{font:38px/1.1 Marcellus,"IBM Plex Sans Thai";color:#fff}.score-summary span{font-size:12px;color:#777}.score-summary .summary-stat{border-left:1px solid #363636;padding-left:24px}.score-summary .summary-stat strong{color:var(--gold-light);font-size:32px}
.share-strip{background:#222;padding:12px 18px 15px}.share-strip>span{display:block;font-size:12px;color:#bbb;margin-bottom:8px}.share-strip>div{height:12px;display:flex;gap:3px;overflow:hidden}.share-strip i{display:block;background:var(--bar);min-width:3px}
.award-visual{height:370px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 55%,#321715 0,#130c0e 35%,#050505 68%)}.award-visual:after{content:"";position:absolute;inset:auto 8% 20px;height:1px;background:linear-gradient(90deg,transparent,#9a693b,transparent)}.award-visual img{height:340px;z-index:2;filter:drop-shadow(0 0 30px rgba(232,164,71,.25))}.award-visual>div{position:absolute;left:8%;top:34%;display:flex;flex-direction:column;color:#dbc2a0}.award-visual>div small{letter-spacing:4px}.award-visual>div strong{font:36px Marcellus}.award-visual>div b{color:var(--gold);font:27px Marcellus}.award-orbit{position:absolute;border:1px solid rgba(222,140,61,.17);border-radius:50%;width:440px;height:220px;transform:rotate(-12deg)}.orbit-two{transform:rotate(52deg);width:380px;height:190px}
.dashboard-callout{border:1px solid #292929;background:#111;display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:15px 18px;gap:10px}.dashboard-callout>div{color:var(--gold)}.dashboard-callout p{font-size:12px;color:#888;margin:0}.dashboard-callout p b{font-size:14px;color:#ddd}.dashboard-callout a{color:var(--gold-light);font-size:13px}
.ranking-panel{min-width:0}.winner-card{height:155px;display:grid;grid-template-columns:1.25fr 145px .55fr;align-items:center;padding:17px 18px 0 22px;background:linear-gradient(110deg,color-mix(in srgb,var(--winner) 78%,#121212),#111);overflow:hidden}.winner-card h3{font-size:23px;margin:2px 0;line-height:1.25}.winner-card p,.winner-card small{color:#d6d0ca;margin:0;font-size:12px}.winner-card img{width:145px;height:145px;object-fit:cover;object-position:center;align-self:end;mix-blend-mode:screen;filter:contrast(1.06)}.winner-card>strong{text-align:right;font:40px/1 Marcellus;color:white}.winner-card>strong>small{font-size:19px}.winner-card>strong span{font:12px "IBM Plex Sans Thai";display:block;margin-top:9px;color:#ccc}.ranking-head{display:flex;justify-content:space-between;color:#777;font-size:11px;padding:17px 4px 7px}.ranking-list>a{height:83px;border-top:1px solid #323232;background:linear-gradient(90deg,#1b1b1b,#0d0d0d);display:grid;grid-template-columns:38px 58px 1fr 72px;align-items:center;padding:0 14px;gap:10px}.ranking-list>a:hover{background:#222}.ranking-list em{font:24px Marcellus;color:#eee;font-style:normal}.ranking-photo{width:50px;height:62px;background:var(--accent);display:grid;place-items:center;color:white}.ranking-photo img{width:100%;height:100%;object-fit:cover}.ranking-name{min-width:0}.ranking-name b,.ranking-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-name b{font-size:14px}.ranking-name small{font-size:10px;color:#858585}.ranking-name i{display:block;height:2px;background:#303030;margin-top:7px}.ranking-name i span{display:block;height:100%;background:var(--accent)}.ranking-list>a>strong{text-align:right;font:23px Marcellus}.ranking-list>a>strong small{font-size:12px}.ranking-list>a>strong span{display:block;font:10px "IBM Plex Sans Thai";color:#898989}.ranking-more{display:block;text-align:center;border:1px solid #303030;color:var(--gold-light);padding:12px;margin-top:10px;font-size:13px}
@media(max-width:1000px){.results-hero-award{right:0;opacity:.72}.dashboard-grid-main{grid-template-columns:1fr}.ranking-panel{max-width:none}.vote-dashboard{padding-inline:22px}.dashboard-titlebar{grid-template-columns:1fr auto}.dashboard-updated{display:none}}
@media(max-width:650px){.results-hero{height:460px}.results-hero-copy{padding:45px 19px;justify-content:flex-start}.results-hero-copy h1{font-size:38px}.results-hero-copy>p:not(.eyebrow){font-size:14px;max-width:90%}.results-hero-copy>div{flex-direction:column;width:100%;padding-right:40%}.results-hero-copy .btn{min-width:0;padding:10px}.results-hero-award{height:320px;width:190px;bottom:-72px;right:-15px}.results-hero-award:before{width:210px;height:210px}.results-hero-award img{height:330px}.vote-dashboard{padding:0 10px 35px}.dashboard-titlebar{height:auto;padding:22px 6px;grid-template-columns:1fr}.dashboard-titlebar h2{font-size:21px}.dashboard-switch{width:max-content}.dashboard-tabs{margin-inline:-10px;padding-inline:10px}.dashboard-grid-main{padding-top:14px;gap:18px}.score-summary{grid-template-columns:1fr 70px 70px;padding:15px 12px}.score-summary strong{font-size:29px}.score-summary .summary-stat{padding-left:10px}.score-summary .summary-stat strong{font-size:25px}.award-visual{height:280px}.award-visual img{height:265px}.award-visual>div{left:5%;top:25%}.award-visual>div strong{font-size:24px}.dashboard-callout{grid-template-columns:35px 1fr}.dashboard-callout a{grid-column:2}.winner-card{grid-template-columns:1fr 95px 64px;height:135px;padding-left:14px}.winner-card h3{font-size:17px}.winner-card img{width:95px;height:120px}.winner-card>strong{font-size:26px}.ranking-list>a{grid-template-columns:28px 45px 1fr 58px;padding:0 8px;gap:7px}.ranking-photo{width:43px;height:55px}.packages-section{margin-inline:10px}.nominate-banner{margin-inline:10px}}

/* Reference-shaped home: grey masthead, raised tabs and rounded black results surface */
.reference-tabs,.reference-note{display:none}
.home-page{background:#555}.home-page main{display:flex;flex-direction:column}.home-page .site-header{height:116px;background:#555;border:0;padding:0 max(28px,calc((100vw - 1460px)/2));align-items:flex-start;padding-top:18px}.home-page .brand{width:auto}.home-page .brand .nav-logo{width:46px;flex-basis:46px}.home-page .brand b{font-size:15px}.home-page .brand small{font-size:11px}.home-page .main-nav{display:none}.home-page .header-actions{margin-left:auto}.home-page .header-actions .btn{border-radius:24px;padding:7px 15px;background:#1b1b1b;border-color:#1b1b1b}.home-page .header-actions .btn-gold{background:#f5f3ef;color:#111}.home-page .results-hero{order:2;height:410px;margin:22px max(30px,calc((100vw - 1460px)/2));border:0;border-radius:18px}.home-page .vote-dashboard{order:1;margin-top:0;border-radius:18px 18px 0 0;position:relative;padding-top:80px}.home-page .packages-section{order:3}.home-page .nominate-banner{order:4}.home-page footer{background:#090909}
.home-page .reference-tabs{display:flex;position:absolute;z-index:60;top:-57px;left:50%;transform:translateX(-50%);height:58px;align-items:stretch}.reference-tabs span,.reference-tabs a{width:205px;display:grid;place-items:center;background:#747474;color:#bebebe;font-size:22px;font-weight:600;border-radius:24px 24px 0 0}.reference-tabs .active{background:#050505;color:white}.home-page .reference-note{display:block;position:absolute;top:21px;left:0;right:0;text-align:center;margin:0;color:#aaa;font-size:15px}
.home-page .vote-dashboard{z-index:50}
.home-page .dashboard-titlebar{height:86px;grid-template-columns:1fr auto 190px;border:0}.home-page .dashboard-titlebar h2{font-size:23px}.home-page .dashboard-titlebar .eyebrow{display:none}.home-page .dashboard-switch{border:1px solid #484848;background:#111}.home-page .dashboard-switch .active{background:#27be83;color:#fff}.home-page .dashboard-updated{font-size:13px}.home-page .dashboard-tabs{height:55px;border:0;gap:18px}.home-page .dashboard-tabs button,.home-page .dashboard-tabs a{font-size:16px}.home-page .dashboard-tabs .active{background:#2fc287;color:#fff}.home-page .dashboard-grid-main{grid-template-columns:minmax(0,1.68fr) minmax(410px,.9fr);gap:30px;padding-top:10px}.home-page .score-summary{background:#25292b;border:0;border-radius:5px 5px 0 0}.home-page .share-strip{background:#25292b;border-radius:0 0 5px 5px;padding-bottom:20px}.home-page .share-strip>div{height:27px;gap:3px}.home-page .award-visual{height:500px;background:#050505}.home-page .award-visual img{height:465px}.home-page .award-orbit{border-width:2px;width:560px;height:270px}.home-page .award-visual>div{left:12%;top:37%}.home-page .award-visual>div strong{font-size:46px}.home-page .winner-card{height:157px;border-radius:5px;background:linear-gradient(105deg,color-mix(in srgb,var(--winner) 72%,#197c5c),#0e513c);grid-template-columns:1.2fr 145px .55fr}.home-page .ranking-list>a{height:86px;border-top:10px solid #050505;border-left:2px solid white;background:linear-gradient(90deg,#252525,#101010)}.home-page .ranking-head{font-size:14px}.home-page .dashboard-callout{background:#f5f5f3;color:#111;border:0;border-radius:12px;margin-top:10px}.home-page .dashboard-callout p{color:#555}.home-page .dashboard-callout p b{color:#111}.home-page .dashboard-callout a{color:#111}.home-page .ranking-more{border-radius:20px}
@media(max-width:1000px){.home-page .dashboard-grid-main{grid-template-columns:1fr}.home-page .reference-tabs{top:-51px;height:52px}.reference-tabs span,.reference-tabs a{width:175px;font-size:18px}.home-page .vote-dashboard{padding-top:70px}.home-page .results-hero{margin-inline:20px}.home-page .dashboard-titlebar{grid-template-columns:1fr auto}.home-page .dashboard-updated{display:block}}
@media(max-width:650px){.home-page .site-header{height:92px;padding:14px 16px 0}.home-page .header-actions{display:none}.home-page .menu-toggle{display:grid;margin-left:auto}.home-page .reference-tabs{top:-43px;height:44px;width:78%}.reference-tabs span,.reference-tabs a{width:50%;font-size:14px;border-radius:16px 16px 0 0}.home-page .vote-dashboard{border-radius:14px 14px 0 0;padding-top:62px}.home-page .reference-note{top:15px;font-size:10px}.home-page .dashboard-titlebar{display:block;padding:10px 6px;height:auto}.home-page .dashboard-titlebar h2{font-size:18px;text-align:center}.home-page .dashboard-switch{margin:14px auto 0}.home-page .dashboard-updated{display:none}.home-page .dashboard-tabs{gap:4px}.home-page .dashboard-tabs button,.home-page .dashboard-tabs a{font-size:12px;padding:8px 12px}.home-page .award-visual{height:360px}.home-page .award-visual img{height:335px}.home-page .award-visual>div strong{font-size:28px}.home-page .results-hero{margin:12px 10px;height:430px}.home-page .ranking-list>a{border-top-width:7px}}

/* Shared reference theme for every inner page */
body:not(.home-page){background:#555}
body:not(.home-page) .site-header{height:92px;background:#555;border:0;padding:0 max(26px,calc((100vw - 1460px)/2));box-shadow:none}
body:not(.home-page) .brand{width:245px}body:not(.home-page) .brand b{font-size:16px}body:not(.home-page) .brand small{font-size:11px}
body:not(.home-page) .main-nav a{color:#ddd}body:not(.home-page) .main-nav a.active{color:white;font-weight:600}body:not(.home-page) .main-nav a:after{bottom:13px;background:#fff}
body:not(.home-page) .header-actions .btn{border-radius:24px;background:#1b1b1b;border-color:#1b1b1b;padding:8px 15px}body:not(.home-page) .header-actions .btn-gold{background:#f5f3ef;color:#111}
body:not(.home-page) main{min-height:calc(100vh - 92px);background:#050505;border-radius:18px 18px 0 0;overflow:hidden;position:relative}
body:not(.home-page) .page-hero{min-height:225px;padding:66px 20px 45px;background:radial-gradient(circle at 50% 0,rgba(226,141,63,.16),transparent 43%),#050505;border-bottom:1px solid #292929;position:relative}
body:not(.home-page) .page-hero:before{content:"SURIYA DHEVA AWARDS 2026";position:absolute;top:18px;left:50%;transform:translateX(-50%);color:#777;font-size:11px;letter-spacing:2px;white-space:nowrap}
body:not(.home-page) .page-hero h1{font-family:"IBM Plex Sans Thai",sans-serif;color:#fff;font-weight:600;font-size:clamp(34px,4vw,54px);letter-spacing:-1px}
body:not(.home-page) .page-hero p:last-child{color:#999}body:not(.home-page) .page-hero .eyebrow{color:var(--gold-light)}
body:not(.home-page) .page-hero.small{padding:60px 20px 38px;min-height:190px}
body:not(.home-page) .content-section,body:not(.home-page) .generic-content,body:not(.home-page) .candidate-profile,body:not(.home-page) .dashboard-grid,body:not(.home-page) .form-layout{background:#050505}
body:not(.home-page) .filter-tabs{position:relative;margin-top:-21px;z-index:3}body:not(.home-page) .filter-tabs button{background:#202020;border-color:#3a3a3a;color:#aaa;border-radius:22px}body:not(.home-page) .filter-tabs button.active,body:not(.home-page) .filter-tabs button:hover{background:#2fc287;border-color:#2fc287;color:white}
body:not(.home-page) .candidate-grid{gap:18px}body:not(.home-page) .candidate-card{background:#141414;border-top:3px solid var(--gold);padding-bottom:15px}body:not(.home-page) .candidate-portrait{height:225px;border:0}body:not(.home-page) .candidate-info{padding:14px 16px 0}body:not(.home-page) .candidate-info .btn{border-radius:22px;background:#f0aa4a}
body:not(.home-page) .profile-grid{background:#121212;padding:25px;border-left:2px solid var(--gold)}body:not(.home-page) .profile-portrait{border-radius:0;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 65%,#444),var(--accent) 45%,#111 90%)}body:not(.home-page) .profile-copy h1{color:#fff}body:not(.home-page) .vote-total strong{color:var(--gold-light)}
body:not(.home-page) .auth-page{background:#050505;min-height:calc(100vh - 92px)}body:not(.home-page) .auth-card{background:#171717;border:0;border-top:4px solid var(--gold);border-radius:0}body:not(.home-page) .form-stack input,body:not(.home-page) .nominate-form input,body:not(.home-page) .nominate-form textarea{background:#252525;border-color:#444}
body:not(.home-page) .profile-panel,body:not(.home-page) .history-panel,body:not(.home-page) .nominate-form,body:not(.home-page) .category-showcase article,body:not(.home-page) .news-grid article{background:#171717;border-color:#333;border-radius:0;border-top:3px solid var(--gold)}
body:not(.home-page) .history-row,body:not(.home-page) .results-list>a{background:linear-gradient(90deg,#202020,#0f0f0f);border-bottom:8px solid #050505;padding-inline:18px}body:not(.home-page) .results-list>a:hover{background:#292929}body:not(.home-page) .results-list>a>span{color:#fff}body:not(.home-page) .results-list strong{color:var(--gold-light)}
body:not(.home-page) .category-showcase article>i{color:#2fc287}body:not(.home-page) .category-showcase h2{color:white}body:not(.home-page) .news-art{background:linear-gradient(135deg,#1b4d3d,#0e0e0e);border-radius:0}body:not(.home-page) .about-story h2{color:#fff}
body:not(.home-page) footer{margin-top:0;background:#090909;border-color:#292929}

/* Native page navigation: no cross-page visual transition */
@view-transition{navigation:none}
::view-transition-old(root),::view-transition-new(root){animation:none}
@media(max-width:900px){body:not(.home-page) .site-header{height:72px}body:not(.home-page) main{min-height:calc(100vh - 72px);border-radius:13px 13px 0 0}body:not(.home-page) .main-nav{background:#111;top:71px}body:not(.home-page) .main-nav a{border-bottom-color:#333}body:not(.home-page) .profile-grid{padding:16px}}

/* Slightly larger top-brand and primary header actions */
@media(min-width:901px){
  .home-page .site-header{padding-top:14px}.home-page .brand{gap:15px}.home-page .brand .nav-logo{width:58px;flex-basis:58px}.home-page .brand b{font-size:19px}.home-page .brand small{font-size:13px}.home-page .header-actions{margin-top:4px}.home-page .header-actions .btn{padding:10px 20px;font-size:16px;border-radius:26px}
  body:not(.home-page) .brand{width:270px;gap:15px}body:not(.home-page) .brand .nav-logo{width:58px;flex-basis:58px}body:not(.home-page) .brand b{font-size:19px}body:not(.home-page) .brand small{font-size:13px}body:not(.home-page) .header-actions .btn{padding:10px 20px;font-size:16px;border-radius:26px}
}
.brand-mark-large{display:block;width:72px;height:72px;object-fit:contain;margin:4px auto 18px}.footer-nav-logo{display:block;width:58px;height:58px;object-fit:contain;flex:0 0 58px}

.home-page .vote-dashboard{padding-top:58px}.home-page .reference-note{top:10px}.home-page .dashboard-titlebar{transform:translateY(-8px)}
.home-page .reference-note[hidden]{display:none!important}
@media(max-width:650px){.home-page .vote-dashboard{padding-top:52px}.home-page .reference-note{top:10px}.home-page .dashboard-titlebar{transform:none}}

/* In-place main dashboard tabs */
.home-page .reference-tabs button{position:relative;z-index:101;width:205px;border:0;display:grid;place-items:center;background:#747474;color:#bebebe;font-size:22px;font-weight:600;border-radius:24px 24px 0 0;cursor:pointer}.home-page .reference-tabs button.active{background:#050505;color:#fff}
.dashboard-view{transition:opacity .24s ease,transform .24s ease}.dashboard-view.is-entering{opacity:0;transform:translateY(8px)}.dashboard-view[hidden]{display:none}
.categories-tab-heading{text-align:center;padding:28px 15px 32px}.categories-tab-heading h2{font-size:30px;margin:4px 0;color:#fff}.categories-tab-heading>p:last-child{color:#aaa;margin:0}
.dashboard-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:55px}.dashboard-category-grid article{min-height:310px;padding:28px 24px;background:rgba(25,25,25,.82);border-top:3px solid var(--gold);position:relative;display:flex;flex-direction:column}.dashboard-category-grid article>span{position:absolute;right:18px;top:12px;font:42px Marcellus;color:rgba(255,255,255,.08)}.dashboard-category-grid article>i{color:#2fc287}.dashboard-category-grid h3{font-size:22px;margin:24px 0 8px;color:#fff}.dashboard-category-grid p{color:#999;font-size:14px;flex:1}.dashboard-category-grid a{color:var(--gold-light);font-size:14px}
@media(max-width:900px){.dashboard-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.home-page .reference-tabs button{width:50%;font-size:14px;border-radius:16px 16px 0 0}.dashboard-category-grid{grid-template-columns:1fr;gap:10px;padding-bottom:25px}.dashboard-category-grid article{min-height:220px}.categories-tab-heading h2{font-size:22px}}

/* Bespoke editorial treatment for award categories */
.categories-editorial-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding:30px 0 42px;border-bottom:1px solid rgba(255,255,255,.24)}.categories-editorial-head h2{font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-1.4px;margin:6px 0 0;color:#fff}.categories-editorial-head h2 span{color:var(--gold-light);font-weight:400}.categories-editorial-head>p{max-width:540px;color:#aaa;font-size:16px;line-height:1.8;margin:0 0 4px}
.categories-editorial-list{counter-reset:award}.category-editorial-row{display:grid;grid-template-columns:85px 72px minmax(0,1fr) 145px;gap:22px;align-items:start;padding:34px 8px;border-bottom:1px solid rgba(255,255,255,.18);position:relative;transition:background .25s,padding .25s}.category-editorial-row:before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:linear-gradient(90deg,var(--gold),#2fc287);transition:width .45s ease}.category-editorial-row:hover{background:linear-gradient(90deg,rgba(255,255,255,.045),transparent);padding-left:18px}.category-editorial-row:hover:before{width:38%}
.category-index{display:flex;align-items:center;gap:9px;color:#777;font:24px/1 Marcellus}.category-index i{height:1px;width:25px;background:#666}.category-symbol{width:54px;height:54px;border:1px solid rgba(255,190,93,.5);display:grid;place-items:center;color:var(--gold-light);transform:rotate(45deg);margin-top:4px}.category-symbol svg{transform:rotate(-45deg)}
.category-editorial-copy small{display:block;color:#2fc287;letter-spacing:2.2px;font-size:10px;font-weight:600}.category-editorial-copy h3{font-size:28px;line-height:1.2;color:#fff;margin:5px 0 8px;font-weight:600}.category-editorial-copy p{max-width:790px;color:#aaa;font-size:14px;line-height:1.75;margin:0 0 13px}.category-editorial-copy em{color:#d5c3af;font-size:11px;font-style:normal;letter-spacing:.25px}.category-editorial-link{align-self:center;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#eee;font-size:13px}.category-editorial-link svg{border:1px solid #555;border-radius:50%;padding:5px;width:33px;height:33px;transition:.2s}.category-editorial-row:hover .category-editorial-link svg{color:#111;background:var(--gold-light);border-color:var(--gold-light);transform:translateX(4px)}
.categories-editorial-foot{display:flex;justify-content:space-between;align-items:center;padding:22px 8px 12px;color:#777;font-size:12px}.categories-editorial-foot p{margin:0}.categories-editorial-foot a{color:var(--gold-light)}
@media(max-width:900px){.categories-editorial-head{grid-template-columns:1fr;gap:18px}.category-editorial-row{grid-template-columns:62px 55px 1fr}.category-editorial-link{grid-column:3;justify-content:flex-start}.category-symbol{width:44px;height:44px}.category-editorial-copy h3{font-size:24px}}
@media(max-width:600px){.categories-editorial-head{padding:22px 5px 28px}.categories-editorial-head h2{font-size:31px}.categories-editorial-head>p{font-size:13px}.category-editorial-row{grid-template-columns:42px 1fr;padding:26px 4px;gap:10px}.category-index{font-size:17px}.category-index i{display:none}.category-symbol{display:none}.category-editorial-copy small{font-size:8px;letter-spacing:1.4px}.category-editorial-copy h3{font-size:21px}.category-editorial-copy p{font-size:12px}.category-editorial-copy em{font-size:9px}.category-editorial-link{grid-column:2}.categories-editorial-foot{display:block}.categories-editorial-foot a{display:block;margin-top:8px}}

/* Compact category proportions */
.dashboard-view[data-view-panel="categories"]{max-width:1180px;margin:0 auto}
.categories-editorial-head{grid-template-columns:.9fr 1.1fr;gap:50px;padding:18px 4px 28px}.categories-editorial-head h2{font-size:clamp(30px,3.1vw,43px);letter-spacing:-1px}.categories-editorial-head>p{font-size:14px;line-height:1.65;max-width:500px}
.category-editorial-row{grid-template-columns:64px 54px minmax(0,1fr) 125px;gap:17px;padding:23px 5px}.category-index{font-size:20px}.category-index i{width:19px}.category-symbol{width:43px;height:43px}.category-symbol svg{width:28px;height:28px}.category-editorial-copy small{font-size:9px}.category-editorial-copy h3{font-size:23px;margin:3px 0 5px}.category-editorial-copy p{font-size:13px;line-height:1.6;margin-bottom:8px}.category-editorial-copy em{font-size:10px}.category-editorial-link{font-size:12px}.categories-editorial-foot{padding:16px 5px 4px}
@media(max-width:900px){.dashboard-view[data-view-panel="categories"]{max-width:760px}.categories-editorial-head{grid-template-columns:1fr;gap:10px}.category-editorial-row{grid-template-columns:52px 48px 1fr;padding-block:20px}.category-editorial-link{grid-column:3}}
@media(max-width:600px){.categories-editorial-head{padding:14px 4px 20px}.categories-editorial-head h2{font-size:28px}.category-editorial-row{grid-template-columns:36px 1fr;padding:20px 3px}.category-editorial-copy h3{font-size:20px}.category-editorial-link{grid-column:2}}

/* Purpose-built voting purchase section */
.home-page .packages-section{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(540px,1.28fr);gap:50px;background:rgba(11,9,10,.9);border:0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.12);padding:42px 45px 32px;margin-top:24px}
.package-intro h2{font-size:clamp(28px,3vw,42px);line-height:1.13;color:#fff;margin:7px 0 11px;letter-spacing:-.8px}.package-intro>p:not(.eyebrow){color:#999;max-width:440px;font-size:14px;line-height:1.7}.package-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.package-trust span{display:flex;align-items:center;gap:5px;color:#bbb;border:1px solid #343434;border-radius:20px;padding:6px 10px;font-size:10px}.package-trust svg{color:#2fc287}
.vote-ticket-list{display:grid;gap:8px}.vote-ticket{appearance:none;width:100%;min-height:92px;border:1px solid #303030;background:linear-gradient(100deg,rgba(33,33,33,.96),rgba(15,15,15,.98));color:#fff;display:grid;grid-template-columns:110px 1fr 115px 38px;align-items:center;text-align:left;padding:12px 15px;position:relative;transition:transform .22s,border-color .22s,background .22s;cursor:pointer}.vote-ticket:hover{transform:translateX(6px);border-color:#9b7140;background:linear-gradient(100deg,#29241f,#111)}.vote-ticket>span{display:flex;flex-direction:column}.ticket-count{border-right:1px solid #444}.ticket-count b{font:36px/1 Marcellus;color:var(--gold-light)}.ticket-count small,.ticket-detail small,.ticket-price small{font-size:10px;color:#888}.ticket-detail{padding-left:22px}.ticket-detail b{font-size:16px}.ticket-detail small{margin-top:3px}.ticket-price{text-align:right}.ticket-price b{font:25px/1.2 Marcellus}.vote-ticket>i{width:31px;height:31px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;margin-left:auto;color:#bbb;transition:.22s}.vote-ticket:hover>i{background:var(--gold-light);border-color:var(--gold-light);color:#111}.vote-ticket.recommended{border-color:#b37a3c;background:linear-gradient(100deg,rgba(77,48,25,.98),rgba(19,15,13,.98));box-shadow:inset 3px 0 var(--gold)}.vote-ticket.recommended>em{position:absolute;right:15px;top:-8px;background:#2fc287;color:#081b14;border-radius:12px;padding:2px 10px;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.5px}
.package-foot{grid-column:1/-1;border-top:1px solid #292929;margin-top:4px;padding-top:17px;display:flex;align-items:center;justify-content:center;gap:10px;color:#777;font-size:11px}.package-foot span{color:var(--gold);font-size:18px}.package-foot p{margin:0}.package-foot b{color:#ccc}
@media(max-width:950px){.home-page .packages-section{grid-template-columns:1fr;gap:25px}.package-intro>p:not(.eyebrow){max-width:650px}}
@media(max-width:600px){.home-page .packages-section{margin-inline:10px;padding:28px 14px 22px}.vote-ticket{grid-template-columns:70px 1fr 72px 29px;min-height:82px;padding:10px 8px}.ticket-count b{font-size:28px}.ticket-detail{padding-left:10px}.ticket-detail b{font-size:13px}.ticket-price b{font-size:20px}.vote-ticket>i{width:27px;height:27px}.package-trust span{font-size:9px}.package-foot{text-align:left;align-items:flex-start}}

/* Let the voting choices use the full section width */
.home-page .packages-section{grid-template-columns:1fr;gap:26px}
.home-page .package-intro{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);column-gap:55px;align-items:end}.home-page .package-intro .eyebrow,.home-page .package-intro h2{grid-column:1}.home-page .package-intro>p:not(.eyebrow){grid-column:2;grid-row:1/3;align-self:center;max-width:620px}.home-page .package-trust{grid-column:1/-1}
.home-page .vote-ticket-list{width:100%}.home-page .vote-ticket{grid-template-columns:150px minmax(260px,1fr) 160px 44px;padding-inline:24px}.home-page .package-foot{grid-column:1}
@media(max-width:800px){.home-page .package-intro{display:block}.home-page .vote-ticket{grid-template-columns:100px 1fr 105px 34px;padding-inline:12px}}
@media(max-width:600px){.home-page .vote-ticket{grid-template-columns:70px 1fr 72px 29px;padding-inline:8px}}

/* Two-column composition, expanded to the full available section width */
.home-page .packages-section{width:calc(100% - 60px);max-width:none;margin:24px 30px 0;grid-template-columns:minmax(300px,.65fr) minmax(600px,1.35fr);gap:60px}
.home-page .package-intro{display:block}.home-page .package-intro .eyebrow,.home-page .package-intro h2,.home-page .package-intro>p:not(.eyebrow),.home-page .package-trust{display:revert;grid-column:auto;grid-row:auto}.home-page .package-trust{display:flex}
.home-page .vote-ticket{grid-template-columns:120px minmax(260px,1fr) 130px 40px;padding-inline:18px}
.home-page .package-foot{grid-column:1/-1}
@media(max-width:1000px){.home-page .packages-section{grid-template-columns:1fr;width:calc(100% - 40px);margin-inline:20px}.home-page .vote-ticket{grid-template-columns:110px 1fr 115px 38px}}
@media(max-width:600px){.home-page .packages-section{width:calc(100% - 20px);margin-inline:10px}.home-page .vote-ticket{grid-template-columns:70px 1fr 72px 29px;padding-inline:8px}}

@media(min-width:1001px){.home-page .package-intro h2{white-space:nowrap;font-size:clamp(28px,2.65vw,40px)}}

/* Award categories span the complete dashboard content width */
.dashboard-view[data-view-panel="categories"]{width:100%;max-width:none;margin:0}
.categories-editorial-head{grid-template-columns:minmax(380px,.85fr) minmax(500px,1.15fr);padding-inline:5px}.categories-editorial-head>p{max-width:680px;justify-self:end}
.category-editorial-row{grid-template-columns:75px 60px minmax(0,1fr) 150px;width:100%;padding-inline:8px}.category-editorial-copy p{max-width:none;padding-right:40px}.category-editorial-link{justify-self:end}.categories-editorial-foot{width:100%}
@media(max-width:900px){.dashboard-view[data-view-panel="categories"]{max-width:none}.categories-editorial-head{grid-template-columns:1fr}.categories-editorial-head>p{justify-self:start}.category-editorial-row{grid-template-columns:52px 48px 1fr}.category-editorial-copy p{padding-right:0}}
@media(max-width:600px){.category-editorial-row{grid-template-columns:36px 1fr}}

.nominate-icon{transform:none;display:grid;place-items:center}.nominate-icon img{display:block;width:62px;height:62px;object-fit:contain}
@media(max-width:600px){.nominate-icon img{width:46px;height:46px}}

.login-modal{backdrop-filter:blur(9px);background:rgba(0,0,0,.74)}.login-modal-card{width:min(470px,100%);padding:28px 42px 30px;background:linear-gradient(155deg,#1d1718,#0d0b0c);border:1px solid rgba(234,164,71,.42);border-top:3px solid var(--gold);text-align:center}.login-modal-card .brand-mark-large{width:62px;height:62px;margin-bottom:12px}.login-modal-card h2{font-size:31px;margin:2px 0 4px;color:#fff}.login-modal-card>p:not(.eyebrow):not(.auth-switch){font-size:13px;margin:0;color:#999}.modal-login-form{margin-top:20px;gap:12px}.modal-login-form label{color:#bbb}.modal-login-form input{background:#242021;border-color:#494143}.modal-login-form .btn{width:100%;margin-top:4px;border-radius:25px}.login-modal-card .auth-switch{font-size:12px;margin:17px 0 0}.login-modal-card .auth-switch a{color:var(--gold-light)}
@media(max-width:600px){.login-modal-card{padding:24px 20px}.login-modal-card h2{font-size:27px}}

/* In-place category score switching */
.dashboard-grid-main[hidden],.category-score-panel[hidden],.category-score-view[hidden]{display:none!important}.dashboard-grid-main,.category-score-panel{transition:opacity .24s ease,transform .24s ease}.score-entering{opacity:0;transform:translateY(8px)}
.category-score-panel{padding:12px 0 35px}.category-score-view>header{display:grid;grid-template-columns:1fr 230px;align-items:end;gap:30px;padding:24px 28px;background:rgba(31,34,35,.82);border-bottom:1px solid #555}.category-score-view>header h3{font-size:32px;margin:2px 0;color:#fff}.category-score-view>header p{color:#999;margin:0;font-size:13px}.category-score-view>header>div:last-child{text-align:right;border-left:1px solid #555}.category-score-view>header small,.category-score-view>header span{display:block;color:#888;font-size:11px}.category-score-view>header strong{display:block;color:var(--gold-light);font:34px/1.2 Marcellus}
.category-score-list>a{display:grid;grid-template-columns:55px 76px minmax(0,1fr) 110px 34px;gap:16px;align-items:center;min-height:98px;padding:10px 22px;border-bottom:1px solid rgba(255,255,255,.15);background:rgba(15,15,15,.66);transition:.2s}.category-score-list>a:hover{background:rgba(38,38,38,.84);padding-left:29px}.category-score-list>a>em{font:24px Marcellus;color:#888;font-style:normal}.category-score-photo{width:68px;height:76px;background:var(--accent);display:grid;place-items:center}.category-score-photo img{width:100%;height:100%;object-fit:cover}.category-score-list>a>div:nth-child(3)>b,.category-score-list>a>div:nth-child(3)>small{display:block}.category-score-list>a>div:nth-child(3)>b{font-size:17px}.category-score-list>a>div:nth-child(3)>small{color:#888;font-size:11px}.category-score-list>a>div:nth-child(3)>i{display:block;height:3px;background:#333;margin-top:10px}.category-score-list>a>div:nth-child(3)>i span{display:block;height:100%;background:var(--accent)}.category-score-list>a>strong{text-align:right;font:25px Marcellus}.category-score-list>a>strong small{font-size:13px}.category-score-list>a>strong span{display:block;font:10px "IBM Plex Sans Thai";color:#888}.category-score-list>a>svg{color:var(--gold-light)}
.category-score-empty{text-align:center;padding:80px 20px;background:rgba(12,12,12,.68)}.category-score-empty>span{color:var(--gold)}.category-score-empty h4{font-size:23px;margin:12px 0 3px}.category-score-empty p{color:#888;margin:0}
@media(max-width:650px){.category-score-view>header{grid-template-columns:1fr;padding:18px 14px}.category-score-view>header>div:last-child{text-align:left;border-left:0}.category-score-list>a{grid-template-columns:30px 48px 1fr 64px;padding:8px;gap:8px}.category-score-photo{width:45px;height:55px}.category-score-list>a>svg{display:none}.category-score-list>a>div:nth-child(3)>b{font-size:13px}.category-score-list>a>strong{font-size:20px}}

.login-modal{overflow-y:auto}.register-modal-card{margin:auto}.register-modal-card .modal-login-form{gap:10px}.register-modal-card .brand-mark-large{width:54px;height:54px;margin-bottom:8px}

/* Keep fixed modals anchored to the viewport */
.modal{position:fixed;inset:0}

/* Category analytics visualization */
.category-score-view>.category-visual-head{display:grid;grid-template-columns:minmax(270px,1fr) 150px minmax(260px,.75fr);align-items:center;gap:34px;padding:26px 30px;background:linear-gradient(105deg,rgba(35,38,39,.9),rgba(14,14,14,.82));border-bottom:1px solid #555}.category-visual-title h3{font-size:32px;margin:2px 0 4px}.category-visual-title>p:last-of-type{max-width:520px}.category-visual-title>span{display:block;margin-top:13px;color:#888;font-size:11px}.category-visual-title>span b{color:var(--gold-light);font-size:12px;margin-left:4px}
.category-ring{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2fc287 0 calc(var(--share)*1%),rgba(255,255,255,.09) calc(var(--share)*1%) 100%);position:relative;box-shadow:0 0 30px rgba(47,194,135,.1)}.category-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#171819;border:1px solid rgba(255,255,255,.07)}.category-ring>div{position:relative;z-index:1;text-align:center}.category-ring strong{display:block;font:25px/1 Marcellus;color:#fff}.category-ring strong small{font-size:12px}.category-ring span{display:block;font-size:9px;color:#777;margin-top:4px}
.category-metrics{display:grid;grid-template-columns:1fr 1fr;margin:0}.category-metrics>div{padding:8px 14px;border-left:1px solid #444}.category-metrics>div:first-child{grid-column:1/-1;border-bottom:1px solid #444}.category-metrics dt{color:#777;font-size:10px}.category-metrics dd{color:#fff;font:25px/1.25 Marcellus;margin:0}.category-metrics>div:first-child dd{color:var(--gold-light);font-size:32px}
.category-score-list{position:relative}.category-score-list:before{content:"SCORE DISTRIBUTION";display:block;padding:14px 22px 8px;color:#666;font-size:9px;letter-spacing:2px;border-bottom:1px solid rgba(255,255,255,.1)}
@media(max-width:900px){.category-score-view>.category-visual-head{grid-template-columns:1fr 125px}.category-metrics{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.category-metrics>div:first-child{grid-column:auto;border-bottom:0}}
@media(max-width:600px){.category-score-view>.category-visual-head{grid-template-columns:1fr 95px;padding:18px 12px;gap:10px}.category-visual-title h3{font-size:23px}.category-ring{width:86px;height:86px}.category-ring:before{inset:7px}.category-ring strong{font-size:19px}.category-metrics{grid-template-columns:repeat(3,1fr)}.category-metrics>div{padding:7px}.category-metrics dd,.category-metrics>div:first-child dd{font-size:18px}}

/* Winner portrait fitted to the full feature card */
.home-page .winner-card{grid-template-columns:minmax(0,1.25fr) minmax(105px,.55fr) 165px;padding-top:0;min-height:157px}.home-page .winner-card>div:first-child{align-self:center}.home-page .winner-card>img{display:block;width:165px;height:157px;align-self:stretch;justify-self:end;object-fit:cover;object-position:center 28%;mix-blend-mode:normal;filter:saturate(.9) contrast(1.03);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%)}.home-page .winner-card>strong{align-self:center;font-size:24px}.home-page .winner-card>strong span{margin-top:5px}
@media(max-width:650px){.home-page .winner-card{grid-template-columns:minmax(0,1fr) 72px 104px;min-height:135px}.home-page .winner-card>img{width:104px;height:135px;object-position:center 25%}.home-page .winner-card>strong{font-size:18px}}

.home-page .nominate-banner{margin-bottom:0}.home-page main+footer{margin-top:0}

/* All-nominees dashboard tab */
.candidate-directory-head{display:flex;justify-content:space-between;align-items:end;padding:24px 5px 27px;border-bottom:1px solid rgba(255,255,255,.2)}.candidate-directory-head h2{font-size:38px;line-height:1.1;margin:3px 0;color:#fff}.candidate-directory-head p:last-child{color:#999;margin:5px 0 0}.candidate-directory-head>strong{font:48px/1 Marcellus;color:var(--gold-light);text-align:right}.candidate-directory-head>strong small{display:block;font:11px "IBM Plex Sans Thai";color:#888;margin-top:5px}
.candidate-directory-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid rgba(255,255,255,.15)}.candidate-directory-item{min-height:118px;display:grid;grid-template-columns:35px 82px minmax(0,1fr) 85px 28px;align-items:center;gap:13px;padding:10px 17px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);background:rgba(15,15,15,.64);transition:background .22s,transform .22s}.candidate-directory-item:hover{background:rgba(38,35,32,.88);transform:translateY(-2px)}.candidate-directory-rank{font:18px Marcellus;color:#777}.candidate-directory-photo{height:96px;width:76px;background:var(--accent);display:grid;place-items:center;overflow:hidden}.candidate-directory-photo img{width:100%;height:100%;object-fit:cover}.candidate-directory-photo b{font-size:20px}.candidate-directory-copy{min-width:0}.candidate-directory-copy small{display:block;color:#2fc287;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-directory-copy h3{font-size:17px;margin:3px 0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-directory-copy p{font-size:10px;color:#888;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-directory-item>strong{text-align:right;font:19px Marcellus;color:#fff}.candidate-directory-item>strong small{display:block;font:9px "IBM Plex Sans Thai";color:#777}.candidate-directory-item>svg{color:var(--gold-light)}
.candidate-directory-foot{display:flex;justify-content:space-between;padding:18px 5px 8px;color:#777;font-size:11px}.candidate-directory-foot a{color:var(--gold-light)}
@media(max-width:850px){.candidate-directory-grid{grid-template-columns:1fr}.candidate-directory-head h2{font-size:32px}}
@media(max-width:650px){.home-page .reference-tabs{width:94%}.home-page .reference-tabs button{width:33.333%;font-size:12px}.candidate-directory-head{padding-top:18px}.candidate-directory-head h2{font-size:27px}.candidate-directory-head>strong{font-size:36px}.candidate-directory-item{grid-template-columns:25px 55px 1fr 60px;padding:8px;gap:8px}.candidate-directory-photo{width:50px;height:65px}.candidate-directory-item>svg{display:none}.candidate-directory-copy h3{font-size:14px}.candidate-directory-foot{display:block}.candidate-directory-foot a{display:block;margin-top:7px}}

/* Lighter, more compact primary tabs */
.home-page .reference-tabs{height:50px;top:-49px}.home-page .reference-tabs button{width:176px;font-size:17px;font-weight:500;border-radius:20px 20px 0 0;letter-spacing:-.15px}
@media(max-width:650px){.home-page .reference-tabs{height:42px;top:-41px;width:88%}.home-page .reference-tabs button{width:33.333%;font-size:11px;font-weight:500;border-radius:14px 14px 0 0;padding:0 5px}}

.home-page .reference-tabs{align-items:stretch}.home-page .reference-tabs button{position:relative;margin-bottom:-2px;border-bottom-left-radius:0;border-bottom-right-radius:0}.home-page .reference-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:4px;background:inherit}.home-page .vote-dashboard{border-top-color:transparent}

.home-page .reference-tabs{top:-44px}.home-page .reference-tabs button{margin-bottom:-7px}.home-page .reference-tabs button:after{bottom:-9px;height:10px}
@media(max-width:650px){.home-page .reference-tabs{top:-36px}.home-page .reference-tabs button{margin-bottom:-6px}.home-page .reference-tabs button:after{bottom:-8px;height:9px}}

/* Exact flush alignment with the section edge */
.home-page .reference-tabs{top:-50px}.home-page .reference-tabs button{margin-bottom:0}.home-page .reference-tabs button:after{display:none}
@media(max-width:650px){.home-page .reference-tabs{top:-42px}.home-page .reference-tabs button{margin-bottom:0}}
.brand-by{display:block;margin-top:1px;color:#e6a64e;font:500 8px/1.1 "IBM Plex Sans Thai",sans-serif;font-style:normal;letter-spacing:1.5px;text-transform:uppercase}.footer-brand .brand-by{font-size:9px;margin-top:4px;color:var(--gold)}

/* Ceremonial trophy reveal — clean background, no orbital rings */
.award-orbit{display:none!important}.results-hero-award:before,.award-visual:after{display:none}
.award-visual{background:radial-gradient(ellipse at 50% 72%,rgba(214,121,39,.18),transparent 37%),linear-gradient(180deg,#050505,#0b0708 76%,#050505)}
.award-visual:before{content:"";position:absolute;z-index:1;left:50%;bottom:7%;width:230px;height:68%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,183,75,.15),rgba(255,226,158,.25),rgba(255,183,75,.15),transparent);filter:blur(28px);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);animation:trophyLight 3.8s 1s ease-in-out infinite}
.award-visual img{transform-origin:50% 100%;animation:trophyReveal 1.35s cubic-bezier(.16,.85,.22,1.08) both,trophyFloat 4.2s 1.35s ease-in-out infinite;will-change:transform,filter}
.results-hero-award img{transform-origin:50% 100%;animation:trophyReveal 1.35s cubic-bezier(.16,.85,.22,1.08) both,trophyFloat 4.2s 1.35s ease-in-out infinite;will-change:transform,filter}
@keyframes trophyReveal{0%{opacity:0;transform:translateY(65px) scale(.74);filter:brightness(.25) blur(5px) drop-shadow(0 0 0 transparent)}55%{opacity:1;filter:brightness(1.42) blur(0) drop-shadow(0 0 34px rgba(255,184,64,.68))}78%{transform:translateY(-8px) scale(1.035)}100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1.06) drop-shadow(0 0 18px rgba(232,147,58,.32))}}
@keyframes trophyFloat{0%,100%{transform:translateY(0) scale(1);filter:brightness(1.06) drop-shadow(0 0 18px rgba(232,147,58,.3))}50%{transform:translateY(-9px) scale(1.012);filter:brightness(1.14) drop-shadow(0 0 29px rgba(255,174,59,.5))}}
@keyframes trophyLight{0%,100%{opacity:.35;transform:translateX(-50%) scaleX(.78)}50%{opacity:.82;transform:translateX(-50%) scaleX(1.12)}}
@media(prefers-reduced-motion:reduce){.award-visual img,.results-hero-award img,.award-visual:before{animation:none}}

/* Video masthead */
.site-header{overflow:hidden;background:rgba(17,10,12,.58)!important;backdrop-filter:blur(3px)}
.nav-background-video{position:fixed;z-index:0;inset:0;width:100%;height:100vh;object-fit:cover;object-position:center 47%;filter:saturate(.72) contrast(1.08) brightness(.58);pointer-events:none}
.site-header:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(10,7,8,.64),rgba(24,13,14,.3) 48%,rgba(8,7,8,.62));pointer-events:none}
.site-header>.brand,.site-header>.menu-toggle,.site-header>.main-nav,.site-header>.header-actions{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.nav-background-video{display:none}.site-header{background:#2d2425!important}}

/* Translucent content surfaces over the continuous video */
html{background:#090607}body,body.home-page,body:not(.home-page){background:transparent}body>main,body>footer{position:relative;z-index:1}
.home-page .vote-dashboard{background:rgba(5,5,5,.82);backdrop-filter:blur(7px);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.home-page .results-hero{background:rgba(10,7,8,.7)}
body:not(.home-page) main{background:rgba(5,5,5,.82);backdrop-filter:blur(7px)}
body:not(.home-page) .page-hero{background:radial-gradient(circle at 50% 0,rgba(226,141,63,.14),transparent 44%),rgba(5,5,5,.76)}
body:not(.home-page) .content-section,body:not(.home-page) .generic-content,body:not(.home-page) .candidate-profile,body:not(.home-page) .dashboard-grid,body:not(.home-page) .form-layout{background:transparent}
.home-page .score-summary,.home-page .share-strip,.home-page .ranking-list>a,body:not(.home-page) .candidate-card,body:not(.home-page) .profile-panel,body:not(.home-page) .history-panel,body:not(.home-page) .nominate-form,body:not(.home-page) .category-showcase article,body:not(.home-page) .news-grid article{backdrop-filter:blur(12px)}

/* Scope transparency to the voting-results surface only */
body.home-page,body:not(.home-page){background:#555}
body:not(.home-page) main{background:#050505;backdrop-filter:none}
body:not(.home-page) .page-hero{background:radial-gradient(circle at 50% 0,rgba(226,141,63,.16),transparent 43%),#050505}
body:not(.home-page) .content-section,body:not(.home-page) .generic-content,body:not(.home-page) .candidate-profile,body:not(.home-page) .dashboard-grid,body:not(.home-page) .form-layout{background:#050505}
.site-header{isolation:isolate;overflow:hidden;background:#171012!important}
.nav-background-video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:saturate(.72) contrast(1.08) brightness(.72);pointer-events:none}
.home-page .vote-dashboard{background:rgba(4,4,4,.72);backdrop-filter:none;isolation:isolate}
.dashboard-background-video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.66) brightness(.42) contrast(1.1);pointer-events:none;border-radius:18px 18px 0 0}
.home-page .vote-dashboard:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(8,5,6,.52) 48%,rgba(0,0,0,.72));border-radius:18px 18px 0 0;pointer-events:none}
.home-page .score-summary,.home-page .share-strip{background:rgba(37,41,43,.78)}
.home-page .award-visual{background:radial-gradient(ellipse at 50% 72%,rgba(214,121,39,.22),transparent 37%),rgba(5,5,5,.58)}
.home-page .ranking-list>a{background:linear-gradient(90deg,rgba(37,37,37,.88),rgba(16,16,16,.86))}
body:not(.home-page) .candidate-card,body:not(.home-page) .profile-panel,body:not(.home-page) .history-panel,body:not(.home-page) .nominate-form,body:not(.home-page) .category-showcase article,body:not(.home-page) .news-grid article{backdrop-filter:none}

/* One continuous masthead/results backdrop; restore the two raised tabs */
body.home-page{background:#080607;position:relative}
.home-page .site-header{background:rgba(7,5,6,.38)!important;overflow:visible;isolation:auto}
.home-page>.nav-background-video{display:none}
.home-page .site-header .nav-background-video{position:fixed;z-index:0;inset:0;width:100%;height:100vh;object-fit:cover;object-position:center 47%;filter:saturate(.7) contrast(1.08) brightness(.46);pointer-events:none}
.home-page .site-header:before{z-index:1;background:linear-gradient(90deg,rgba(8,5,6,.54),rgba(20,11,12,.22) 48%,rgba(8,5,6,.56))}
.home-page .site-header>.brand,.home-page .site-header>.menu-toggle,.home-page .site-header>.main-nav,.home-page .site-header>.header-actions{z-index:2}
.home-page main{position:relative;z-index:2;background:transparent}
.home-page .vote-dashboard{background:rgba(4,4,4,.65);border-radius:18px 18px 0 0;isolation:auto;overflow:visible}
.home-page .dashboard-background-video{display:none}
.home-page .vote-dashboard:before{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(8,5,6,.4) 48%,rgba(0,0,0,.62));box-shadow:none}
.home-page .reference-tabs{display:flex!important;visibility:visible;opacity:1;z-index:100;top:-57px}
.home-page .reference-tabs span,.home-page .reference-tabs a{position:relative;z-index:101}

/* Stable continuous video layering: background 0, content 1+, raised tabs 100 */
html{background:#080607}.nav-background-video{position:fixed!important;z-index:0!important;inset:0!important;width:100%!important;height:100vh!important;display:block!important;object-fit:cover;object-position:center 47%;filter:saturate(.7) contrast(1.08) brightness(.46);pointer-events:none}
body.home-page{background:transparent!important}.home-page .site-header{position:relative;z-index:40;background:rgba(7,5,6,.4)!important;overflow:visible}.home-page .site-header:before{z-index:0}.home-page .site-header>.brand,.home-page .site-header>.menu-toggle,.home-page .site-header>.main-nav,.home-page .site-header>.header-actions{z-index:2}
.home-page main{position:relative;z-index:41;background:transparent!important}.home-page .vote-dashboard{position:relative;z-index:1;background:rgba(3,3,3,.7)!important;isolation:isolate;overflow:visible}.home-page .vote-dashboard:before{display:none}.home-page .dashboard-background-video{display:none!important}
.home-page .vote-dashboard>*:not(.dashboard-background-video):not(.member-modal):not(.payment-review-modal){position:relative;z-index:2}.home-page .reference-tabs{position:absolute!important;z-index:100!important;display:flex!important;opacity:1!important;visibility:visible!important}.home-page .reference-tabs span,.home-page .reference-tabs a{z-index:101}
body:not(.home-page)>.nav-background-video{position:absolute!important;height:92px!important;z-index:0!important}body:not(.home-page) .site-header{z-index:1}body:not(.home-page) main{z-index:1}

/* Reveal a little more of the continuous background video */
.home-page>.nav-background-video{filter:saturate(.78) contrast(1.04) brightness(.62)}
.home-page .site-header{background:rgba(7,5,6,.26)!important}
.home-page .vote-dashboard{background:rgba(3,3,3,.52)!important}
.home-page .score-summary,.home-page .share-strip{background:rgba(32,35,37,.7)}
.home-page .award-visual{background:radial-gradient(ellipse at 50% 72%,rgba(214,121,39,.2),transparent 37%),rgba(5,5,5,.4)}
.home-page .ranking-list>a{background:linear-gradient(90deg,rgba(32,32,32,.78),rgba(12,12,12,.72))}

/* Uncovered video in the home masthead */
.home-page .site-header{background:transparent!important;backdrop-filter:none!important}
.home-page .site-header:before{display:none!important}

.home-page .vote-dashboard{border-radius:32px 32px 24px 24px!important;box-shadow:0 18px 55px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.045)}
@media(max-width:650px){.home-page .vote-dashboard{border-radius:20px 20px 16px 16px!important}}

@media(min-width:901px){
  .home-page .brand{gap:17px}.home-page .brand .nav-logo{width:68px;flex-basis:68px}.home-page .brand b{font-size:22px;line-height:1.08}.home-page .brand small{font-size:14px}.home-page .brand .brand-by{font-size:9px;letter-spacing:1.8px;margin-top:3px}
  .home-page .header-actions{gap:14px}.home-page .header-actions .btn{padding:12px 23px;font-size:18px;border-radius:29px}.home-page .header-actions .btn svg{width:22px;height:22px}
}

/* Final tab-to-section seam alignment */
.home-page .reference-tabs{top:-50px!important;height:50px}.home-page .reference-tabs button{height:50px;margin:0}.home-page .reference-tabs button:after{display:none!important}
@media(max-width:650px){.home-page .reference-tabs{top:-42px!important;height:42px}.home-page .reference-tabs button{height:42px}}

/* Nominee directory grouped by award category */
.candidate-directory-groups{display:grid;gap:24px;padding-top:22px}.candidate-directory-group{border-top:1px solid rgba(255,255,255,.28)}.candidate-directory-group>header{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(90deg,rgba(38,35,32,.88),rgba(12,12,12,.68))}.candidate-directory-group>header>div{display:flex;align-items:center;gap:14px}.candidate-directory-group>header>div>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,181,75,.45);color:var(--gold-light);transform:rotate(45deg)}.candidate-directory-group>header>div>span svg{transform:rotate(-45deg)}.candidate-directory-group>header small{display:block;color:#2fc287;font-size:8px;letter-spacing:1.6px}.candidate-directory-group>header h3{font-size:20px;line-height:1.2;margin:3px 0 0;color:#fff}.candidate-directory-group>header>strong{font:29px/1 Marcellus;color:var(--gold-light);text-align:right}.candidate-directory-group>header>strong small{font:9px "IBM Plex Sans Thai";color:#777;letter-spacing:0;margin-top:4px}
.candidate-directory-group .candidate-directory-grid{border-top:1px solid rgba(255,255,255,.12)}.candidate-directory-empty{min-height:92px;display:flex;align-items:center;justify-content:center;gap:14px;background:rgba(12,12,12,.58);color:#777}.candidate-directory-empty span{font:25px Marcellus;color:#555}.candidate-directory-empty p{margin:0;font-size:12px}
@media(max-width:650px){.candidate-directory-groups{gap:17px;padding-top:16px}.candidate-directory-group>header{min-height:64px;padding:9px 11px}.candidate-directory-group>header>div>span{width:34px;height:34px}.candidate-directory-group>header h3{font-size:17px}.candidate-directory-group>header>strong{font-size:24px}}

.candidate-category-tabs{display:flex;align-items:center;gap:7px;padding:16px 4px 2px;overflow-x:auto;scrollbar-width:none}.candidate-category-tabs::-webkit-scrollbar{display:none}.candidate-category-tabs button{flex:0 0 auto;border:1px solid #3b3b3b;background:rgba(20,20,20,.72);color:#999;border-radius:20px;padding:8px 15px;font-size:12px;cursor:pointer;transition:.2s}.candidate-category-tabs button:hover{color:#fff;border-color:#777}.candidate-category-tabs button.active{background:#2fc287;border-color:#2fc287;color:#071a13;font-weight:600}.candidate-directory-group[hidden]{display:none!important}.candidate-directory-group{transition:opacity .22s ease,transform .22s ease}.candidate-directory-group.nominee-group-entering{opacity:0;transform:translateY(7px)}
@media(max-width:650px){.candidate-category-tabs{margin-inline:-10px;padding-inline:10px}.candidate-category-tabs button{padding:7px 12px;font-size:10px}}

.candidate-all-ranking{padding-top:15px;transition:opacity .22s ease,transform .22s ease}.candidate-all-ranking[hidden]{display:none!important}.candidate-all-winner{width:100%;height:168px;grid-template-columns:minmax(300px,1fr) 185px 150px!important;padding-left:28px!important}.candidate-all-winner>img{width:185px!important;height:168px!important}.candidate-all-winner h3{font-size:25px}.candidate-all-list>a{grid-template-columns:52px 72px minmax(0,1fr) 105px;min-height:91px;padding-inline:22px}.candidate-all-list .ranking-photo{width:62px;height:71px}.candidate-all-list .ranking-name b{font-size:16px}.candidate-all-list .ranking-name>small:first-child{color:#2fc287;font-size:8px;letter-spacing:.5px}.candidate-all-list>a>strong{font-size:25px}.candidate-directory-groups:has(.candidate-directory-group:not([hidden])){padding-top:18px}
@media(max-width:650px){.candidate-all-winner{height:138px;grid-template-columns:minmax(0,1fr) 100px 66px!important;padding-left:12px!important}.candidate-all-winner>img{width:100px!important;height:138px!important}.candidate-all-winner h3{font-size:17px}.candidate-all-list>a{grid-template-columns:30px 46px 1fr 61px;min-height:76px;padding-inline:8px}.candidate-all-list .ranking-photo{width:43px;height:55px}.candidate-all-list .ranking-name b{font-size:13px}.candidate-all-list>a>strong{font-size:20px}}

/* Vertical ranking rows inside each nominee category */
.candidate-directory-group .candidate-directory-grid{grid-template-columns:1fr;border-left:0}.candidate-directory-group .candidate-directory-item{min-height:94px;grid-template-columns:48px 70px minmax(0,1fr) 115px 34px;padding:9px 20px;border-right:0;border-left:2px solid rgba(255,255,255,.7);background:linear-gradient(90deg,rgba(31,31,31,.9),rgba(12,12,12,.76))}.candidate-directory-group .candidate-directory-item:first-child{border-left-color:var(--gold);background:linear-gradient(90deg,rgba(57,43,29,.9),rgba(13,13,13,.78))}.candidate-directory-group .candidate-directory-photo{width:62px;height:75px}.candidate-directory-group .candidate-directory-rank{font-size:23px;color:#eee}.candidate-directory-group .candidate-directory-copy small{color:#2fc287}.candidate-directory-group .candidate-directory-copy h3{font-size:17px}.candidate-directory-group .candidate-directory-item>strong{font-size:23px}.candidate-directory-group .candidate-directory-item:hover{transform:none;padding-left:27px}
@media(max-width:650px){.candidate-directory-group .candidate-directory-item{grid-template-columns:30px 48px 1fr 62px;padding:8px;gap:8px;min-height:76px}.candidate-directory-group .candidate-directory-photo{width:43px;height:56px}.candidate-directory-group .candidate-directory-item>svg{display:none}.candidate-directory-group .candidate-directory-rank{font-size:18px}.candidate-directory-group .candidate-directory-copy h3{font-size:13px}.candidate-directory-group .candidate-directory-item>strong{font-size:19px}}

/* Four category columns, nominees stacked vertically within each */
.candidate-directory-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.candidate-directory-group{min-width:0}.candidate-directory-group>header{min-height:88px;padding:11px 12px}.candidate-directory-group>header>div{gap:10px}.candidate-directory-group>header>div>span{width:34px;height:34px;flex:0 0 34px}.candidate-directory-group>header h3{font-size:16px}.candidate-directory-group>header>strong{font-size:23px}
.candidate-directory-group .candidate-directory-item{grid-template-columns:25px 48px minmax(0,1fr) 58px;min-height:78px;gap:7px;padding:7px 8px}.candidate-directory-group .candidate-directory-photo{width:44px;height:58px}.candidate-directory-group .candidate-directory-rank{font-size:17px}.candidate-directory-group .candidate-directory-copy small{font-size:7px}.candidate-directory-group .candidate-directory-copy h3{font-size:12px;margin:2px 0}.candidate-directory-group .candidate-directory-copy p{font-size:8px}.candidate-directory-group .candidate-directory-item>strong{font-size:17px}.candidate-directory-group .candidate-directory-item>strong small{font-size:7px}.candidate-directory-group .candidate-directory-item>svg{display:none}.candidate-directory-group .candidate-directory-item:hover{padding-left:12px}.candidate-directory-empty{min-height:156px;display:grid;align-content:center;text-align:center;padding:15px}.candidate-directory-empty p{font-size:10px}
@media(max-width:1100px){.candidate-directory-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.candidate-directory-group .candidate-directory-item{grid-template-columns:30px 55px 1fr 72px}.candidate-directory-group .candidate-directory-photo{width:50px;height:63px}.candidate-directory-group .candidate-directory-copy h3{font-size:14px}.candidate-directory-group .candidate-directory-copy p{font-size:9px}.candidate-directory-group .candidate-directory-item>strong{font-size:19px}}
@media(max-width:650px){.candidate-directory-groups{grid-template-columns:1fr}.candidate-directory-group .candidate-directory-item{grid-template-columns:30px 48px 1fr 62px}.candidate-directory-group .candidate-directory-copy h3{font-size:13px}}

/* A selected nominee sub-tab returns to the full-width ranking layout */
.candidate-directory-groups.is-filtered{grid-template-columns:1fr;gap:18px}.candidate-directory-groups.is-filtered .candidate-directory-group>header{min-height:76px;padding:12px 16px}.candidate-directory-groups.is-filtered .candidate-directory-group>header>div>span{width:42px;height:42px;flex-basis:42px}.candidate-directory-groups.is-filtered .candidate-directory-group>header h3{font-size:20px}.candidate-directory-groups.is-filtered .candidate-directory-group>header>strong{font-size:29px}
.candidate-directory-groups.is-filtered .candidate-directory-item{grid-template-columns:48px 70px minmax(0,1fr) 115px 34px;min-height:94px;gap:13px;padding:9px 20px}.candidate-directory-groups.is-filtered .candidate-directory-photo{width:62px;height:75px}.candidate-directory-groups.is-filtered .candidate-directory-rank{font-size:23px}.candidate-directory-groups.is-filtered .candidate-directory-copy small{font-size:9px}.candidate-directory-groups.is-filtered .candidate-directory-copy h3{font-size:17px}.candidate-directory-groups.is-filtered .candidate-directory-copy p{font-size:10px}.candidate-directory-groups.is-filtered .candidate-directory-item>strong{font-size:23px}.candidate-directory-groups.is-filtered .candidate-directory-item>strong small{font-size:9px}.candidate-directory-groups.is-filtered .candidate-directory-item>svg{display:block}.candidate-directory-groups.is-filtered .candidate-directory-empty{min-height:120px}
@media(max-width:650px){.candidate-directory-groups.is-filtered .candidate-directory-item{grid-template-columns:30px 48px 1fr 62px;padding:8px;gap:8px;min-height:76px}.candidate-directory-groups.is-filtered .candidate-directory-photo{width:43px;height:56px}.candidate-directory-groups.is-filtered .candidate-directory-item>svg{display:none}.candidate-directory-groups.is-filtered .candidate-directory-rank{font-size:18px}.candidate-directory-groups.is-filtered .candidate-directory-copy h3{font-size:13px}.candidate-directory-groups.is-filtered .candidate-directory-item>strong{font-size:19px}}

/* Larger nominee-category sub-tabs */
.candidate-category-tabs{gap:10px;padding-top:20px}.candidate-category-tabs button{padding:10px 21px;border-radius:24px;font-size:14px;min-height:42px}
@media(max-width:650px){.candidate-category-tabs{gap:7px}.candidate-category-tabs button{padding:8px 15px;min-height:36px;font-size:11px}}

/* Clean portrait gallery when viewing one nominee category */
.candidate-directory-groups.is-filtered .candidate-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,280px));justify-content:start;gap:28px;border:0;padding:30px 4px 38px}.candidate-directory-groups.is-filtered .candidate-directory-item{display:block;min-height:0;padding:0;border:0;background:transparent;transform:none}.candidate-directory-groups.is-filtered .candidate-directory-item:first-child{border:0;background:transparent}.candidate-directory-groups.is-filtered .candidate-directory-item:hover{padding:0;background:transparent;transform:translateY(-5px)}
.candidate-directory-groups.is-filtered .candidate-directory-rank,.candidate-directory-groups.is-filtered .candidate-directory-item>strong,.candidate-directory-groups.is-filtered .candidate-directory-item>svg,.candidate-directory-groups.is-filtered .candidate-directory-copy>small{display:none}.candidate-directory-groups.is-filtered .candidate-directory-photo{width:100%;height:auto;aspect-ratio:4/5;background:var(--accent);overflow:hidden}.candidate-directory-groups.is-filtered .candidate-directory-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .5s ease,filter .3s ease}.candidate-directory-groups.is-filtered .candidate-directory-item:hover .candidate-directory-photo img{transform:scale(1.025);filter:brightness(1.06)}
.candidate-directory-groups.is-filtered .candidate-directory-copy{padding-top:13px}.candidate-directory-groups.is-filtered .candidate-directory-copy h3{font-size:20px;line-height:1.25;margin:0 0 3px;color:#fff}.candidate-directory-groups.is-filtered .candidate-directory-copy p{font-size:12px;color:#888;margin:0}.candidate-directory-groups.is-filtered .candidate-directory-empty{grid-column:1/-1}
@media(max-width:650px){.candidate-directory-groups.is-filtered .candidate-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:20px 2px 28px}.candidate-directory-groups.is-filtered .candidate-directory-copy h3{font-size:15px}.candidate-directory-groups.is-filtered .candidate-directory-copy p{font-size:10px}}

.candidate-directory-groups.is-filtered .candidate-directory-photo{border-radius:50%;border:1px solid rgba(232,164,71,.48);box-shadow:0 14px 35px rgba(0,0,0,.24)}

.candidate-directory-groups.is-filtered .candidate-directory-photo{border:0;border-radius:0;padding:2px;background:linear-gradient(145deg,#f0b45b,#72451f);clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%)}.candidate-directory-groups.is-filtered .candidate-directory-photo img{clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%)}

.candidate-directory-groups.is-filtered .candidate-directory-photo{padding:0;background:var(--accent);box-shadow:none}.candidate-directory-groups.is-filtered .candidate-directory-copy{text-align:center}.candidate-directory-groups.is-filtered .candidate-directory-copy h3,.candidate-directory-groups.is-filtered .candidate-directory-copy p{text-align:center}

.candidate-directory-groups.is-filtered .candidate-directory-grid{justify-content:center}.candidate-directory-groups.is-filtered .candidate-directory-item{margin-inline:auto;width:100%}

.candidate-directory-foot{font-size:16px}.candidate-directory-foot a{font-size:16px}
@media(max-width:650px){.candidate-directory-foot{font-size:14px}.candidate-directory-foot a{font-size:14px}}

.candidate-category-tabs{gap:12px;padding-top:22px}.candidate-category-tabs button{min-height:48px;padding:12px 26px;border-radius:26px;font-size:16px}
@media(max-width:650px){.candidate-category-tabs button{min-height:40px;padding:9px 17px;font-size:12px}}

/* Balanced five-part nominee navigation */
.candidate-category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:18px 0 0;margin:0;border-bottom:1px solid rgba(255,255,255,.2);overflow:visible}.candidate-category-tabs button{position:relative;width:100%;min-width:0;min-height:58px;padding:10px 12px;border:0;border-left:1px solid rgba(255,255,255,.14);border-radius:0;background:rgba(12,12,12,.46);color:#999;font-size:14px;line-height:1.3;font-weight:400}.candidate-category-tabs button:last-child{border-right:1px solid rgba(255,255,255,.14)}.candidate-category-tabs button:after{content:"";position:absolute;left:20%;right:20%;bottom:-1px;height:3px;background:#2fc287;transform:scaleX(0);transition:transform .25s ease}.candidate-category-tabs button:hover{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.14)}.candidate-category-tabs button.active{background:linear-gradient(180deg,rgba(47,194,135,.12),rgba(47,194,135,.03));color:#fff;font-weight:500}.candidate-category-tabs button.active:after{transform:scaleX(1)}
@media(max-width:750px){.candidate-category-tabs{display:flex;overflow-x:auto;margin-inline:-10px;padding-inline:10px}.candidate-category-tabs button{flex:0 0 145px;min-height:50px;font-size:11px}.candidate-category-tabs button:last-child{flex-basis:190px}}

/* Restore pill sub-tabs; enlarge the four-column category content */
.candidate-category-tabs{display:flex;justify-content:center;gap:10px;padding:20px 4px 2px;margin:0;border:0;overflow-x:auto}.candidate-category-tabs button{flex:0 0 auto;width:auto;min-width:0;min-height:44px;padding:10px 21px;border:1px solid #3b3b3b!important;border-radius:24px;background:rgba(20,20,20,.76);color:#999;font-size:14px;font-weight:400}.candidate-category-tabs button:after{display:none}.candidate-category-tabs button:hover{border-color:#777!important;background:#252525;color:#fff}.candidate-category-tabs button.active{border-color:#2fc287!important;background:#2fc287;color:#071a13;font-weight:600}
.candidate-directory-groups:not(.is-filtered){gap:16px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-group>header{min-height:102px;padding:15px 14px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-group>header>div>span{width:40px;height:40px;flex-basis:40px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-group>header small{font-size:9px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-group>header h3{font-size:19px;line-height:1.25}.candidate-directory-groups:not(.is-filtered) .candidate-directory-group>header>strong{font-size:28px}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-item{grid-template-columns:30px 60px minmax(0,1fr) 68px;min-height:96px;gap:9px;padding:9px 10px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-photo{width:56px;height:72px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-rank{font-size:20px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-copy small{font-size:8px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-copy h3{font-size:15px;line-height:1.25;margin:3px 0}.candidate-directory-groups:not(.is-filtered) .candidate-directory-copy p{font-size:9px;line-height:1.35;white-space:normal}.candidate-directory-groups:not(.is-filtered) .candidate-directory-item>strong{font-size:20px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-item>strong small{font-size:8px}
@media(max-width:1100px){.candidate-directory-groups:not(.is-filtered) .candidate-directory-item{grid-template-columns:32px 65px 1fr 76px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-photo{width:60px;height:76px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-copy h3{font-size:16px}}
@media(max-width:650px){.candidate-category-tabs{justify-content:flex-start;margin-inline:-10px;padding-inline:10px}.candidate-category-tabs button{min-height:40px;padding:8px 15px;font-size:12px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-item{grid-template-columns:30px 54px 1fr 65px}.candidate-directory-groups:not(.is-filtered) .candidate-directory-photo{width:50px;height:64px}}

.candidate-category-tabs{gap:13px;padding-top:23px}.candidate-category-tabs button{min-height:52px;padding:13px 28px;border-radius:28px;font-size:17px}
@media(max-width:650px){.candidate-category-tabs button{min-height:44px;padding:10px 19px;font-size:13px}}

/* In-dashboard nomination experience */
.dashboard-nominate-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr);gap:65px;padding:30px 15px 50px}.dashboard-nominate-intro h2{font-size:clamp(34px,3.6vw,50px);line-height:1.08;margin:6px 0 14px;color:#fff}.dashboard-nominate-intro>p:not(.eyebrow){max-width:520px;color:#999;line-height:1.7}.dashboard-nominate-intro ol{list-style:none;padding:18px 0 0;margin:0}.dashboard-nominate-intro li{display:flex;gap:15px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.13)}.dashboard-nominate-intro li>span{font:20px Marcellus;color:var(--gold)}.dashboard-nominate-intro li p{margin:0}.dashboard-nominate-intro li b,.dashboard-nominate-intro li small{display:block}.dashboard-nominate-intro li b{font-size:14px}.dashboard-nominate-intro li small{color:#777;font-size:10px;margin-top:2px}
.dashboard-nominate-form{background:rgba(24,24,24,.82);border-top:3px solid var(--gold);padding:27px 30px;display:grid;gap:14px}.dashboard-nominate-form h3{font-size:25px;margin:2px 0 5px}.dashboard-nominate-form label{font-size:12px;color:#bbb}.dashboard-nominate-form input,.dashboard-nominate-form textarea{display:block;width:100%;margin-top:5px;background:#242021;border:1px solid #494143;color:#fff;padding:11px 13px;outline:none}.dashboard-nominate-form input:focus,.dashboard-nominate-form textarea:focus{border-color:var(--gold)}.dashboard-nominate-form>small{color:#777;display:flex;align-items:center;gap:5px}.dashboard-nominate-form .btn{justify-self:start;border-radius:24px}
@media(max-width:900px){.dashboard-nominate-layout{grid-template-columns:1fr;gap:28px}}

/* Definitive nomination layout: two-column intro, full-width form */
.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:none!important;margin:0!important;padding:34px 24px 54px!important;gap:38px!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro{display:grid!important;grid-template-columns:minmax(360px,.8fr) minmax(560px,1.2fr)!important;column-gap:clamp(70px,7vw,120px)!important;width:100%!important;padding:0 0 38px!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>.eyebrow,.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>h2,.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>p{grid-column:1!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>ol{grid-column:2!important;grid-row:1/4!important;width:100%!important;margin:0!important;padding:0!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-form{grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:0!important;padding:40px clamp(30px,4vw,68px)!important}
@media(max-width:1000px){.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro{grid-template-columns:1fr!important;row-gap:22px!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>.eyebrow,.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>h2,.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>p,.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>ol{grid-column:1!important;grid-row:auto!important}}
@media(max-width:650px){.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-layout{padding:24px 10px 36px!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-form{padding:24px 16px!important}}

/* Compact nomination intro band */
.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro{grid-template-columns:minmax(320px,.72fr) minmax(620px,1.28fr)!important;column-gap:clamp(45px,5vw,80px)!important;align-items:center!important;padding:8px 0 25px!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro h2{font-size:clamp(32px,2.8vw,42px)!important;line-height:1.08!important;margin:4px 0 9px!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>p:not(.eyebrow){font-size:13px!important;line-height:1.65!important;max-width:500px!important;margin:0!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>ol{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:start!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro li{display:block!important;min-height:118px!important;padding:14px 12px 8px 0!important;border:0!important;border-top:2px solid rgba(232,164,71,.6)!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro li+li{padding-left:0!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro li>span{display:block!important;font-size:24px!important;margin-bottom:12px!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro li b{font-size:13px!important;line-height:1.35!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro li small{font-size:10px!important;line-height:1.45!important;margin-top:5px!important}
@media(max-width:1050px){.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro{grid-template-columns:1fr!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>ol{grid-column:1!important;grid-row:auto!important;margin-top:20px!important}}
@media(max-width:650px){.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>ol{grid-template-columns:1fr!important;gap:0!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro li{min-height:0!important;padding:13px 0!important;display:grid!important;grid-template-columns:38px 1fr!important}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro li>span{margin:0!important}}

.category-portrait-item .category-score-photo{clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)}

.category-portrait-item h4,.category-portrait-item>strong,.category-portrait-item>strong small{width:100%;text-align:center}.category-portrait-item>strong{margin-inline:auto}

@media(max-width:650px){.home-page .reference-tabs button{width:33.333%}}

/* Softer corner system across the current UI */
.score-summary,.share-strip,.winner-card,.dashboard-callout,.category-score-view>header,.category-visual-head,.category-score-empty,.candidate-directory-head,.candidate-directory-group,.candidate-directory-group>header,.candidate-directory-empty,.package-intro,.vote-ticket,.package-foot,.profile-grid,.profile-panel,.history-panel,.auth-card,.login-modal-card,.modal-card,.category-showcase article,.news-grid article,.results-list,.about-story{border-radius:14px;overflow:hidden}
.score-summary{border-radius:14px 14px 0 0}.share-strip{border-radius:0 0 14px 14px}.ranking-list>a,.category-score-list>a,.candidate-directory-item,.history-row,.results-list>a{border-radius:9px;margin-bottom:6px;overflow:hidden}.ranking-list,.category-score-list,.candidate-directory-grid{display:grid;gap:0}
.vote-ticket{border-radius:12px}.vote-ticket.recommended{border-radius:12px}.dashboard-tabs button,.dashboard-tabs a,.filter-tabs button,.candidate-category-tabs button{border-radius:24px}.dashboard-nominate-form,.nominate-form{border-radius:16px;overflow:hidden}.dashboard-nominate-form input,.dashboard-nominate-form textarea,.nominate-form input,.nominate-form textarea,.nominate-form select,.form-stack input{border-radius:10px}.candidate-directory-photo,.ranking-photo,.category-score-photo{border-radius:8px}.candidate-directory-groups.is-filtered .candidate-directory-photo{border-radius:0;clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%)}
body:not(.home-page) main{border-radius:22px 22px 0 0}.page-hero{border-radius:22px 22px 0 0}.packages-section{border-radius:18px!important}.nominate-banner{border-radius:16px}
@media(max-width:650px){.score-summary,.winner-card,.dashboard-callout,.candidate-directory-group,.package-intro,.vote-ticket{border-radius:11px}.ranking-list>a,.candidate-directory-item,.category-score-list>a{border-radius:7px}}

/* Refined package composition */
.home-page .packages-section{align-items:stretch;background:linear-gradient(110deg,rgba(16,13,14,.94),rgba(8,8,8,.94));padding:44px 40px 34px}.home-page .package-intro{position:relative;padding:8px 45px 8px 8px;border-radius:0;overflow:visible}.home-page .package-intro:after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:1px;background:linear-gradient(transparent,rgba(232,164,71,.55),transparent)}.package-intro h2{font-size:clamp(30px,2.8vw,43px);line-height:1.12;margin:8px 0 13px}.package-intro>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#aaa}.package-trust{display:grid!important;grid-template-columns:1fr;gap:7px;margin-top:26px}.package-trust span{width:max-content;min-width:175px;border:0;padding:4px 0;font-size:11px}.package-trust svg{margin-right:4px}
.vote-ticket-list{gap:10px;align-content:center}.home-page .vote-ticket{min-height:104px;grid-template-columns:120px minmax(250px,1fr) 145px 40px;padding:14px 18px;border:1px solid #383838;background:linear-gradient(100deg,rgba(34,34,34,.96),rgba(14,14,14,.98));overflow:visible}.ticket-count{height:58px;justify-content:center}.ticket-count b{font-size:39px}.ticket-detail b{font-size:17px}.ticket-detail small{font-size:11px;margin-top:5px}.ticket-price b{font-size:29px;color:#fff}.ticket-price small{font-size:10px}.home-page .vote-ticket.recommended{border:1px solid #b77b3e;border-left:4px solid var(--gold);background:linear-gradient(100deg,rgba(70,44,24,.98),rgba(20,16,14,.98));box-shadow:0 10px 28px rgba(0,0,0,.2)}.home-page .vote-ticket.recommended>em{display:block;z-index:3;top:9px;right:166px;left:auto;background:#2fc287;color:#061710;border-radius:12px;padding:3px 10px;font-size:9px;line-height:1.2;white-space:nowrap}.package-foot{margin-top:0;padding-top:19px}
@media(max-width:1050px){.home-page .package-intro{padding-right:8px}.home-page .package-intro:after{display:none}.package-trust{grid-template-columns:repeat(3,max-content)!important}.home-page .vote-ticket{grid-template-columns:110px 1fr 125px 38px}.home-page .vote-ticket.recommended>em{right:145px}}
@media(max-width:650px){.home-page .packages-section{padding:28px 14px 22px}.package-trust{display:flex!important}.home-page .vote-ticket{min-height:90px;grid-template-columns:70px 1fr 75px 28px;padding:11px 8px}.ticket-count{height:50px}.ticket-count b{font-size:29px}.ticket-detail b{font-size:13px}.ticket-detail small{font-size:9px}.ticket-price b{font-size:21px}.home-page .vote-ticket.recommended>em{top:5px;right:88px;font-size:7px;padding:2px 7px}}

.home-page .package-intro>.eyebrow{font-size:13px;letter-spacing:3.4px}.home-page .package-intro h2{font-size:clamp(38px,3.35vw,52px);line-height:1.08;margin:11px 0 17px}.home-page .package-intro>p:not(.eyebrow){font-size:17px;line-height:1.75;max-width:520px}.home-page .package-trust{margin-top:31px;gap:10px}.home-page .package-trust span{font-size:13px;min-width:205px}.home-page .package-trust svg{width:19px;height:19px}
@media(max-width:650px){.home-page .package-intro>.eyebrow{font-size:10px}.home-page .package-intro h2{font-size:31px}.home-page .package-intro>p:not(.eyebrow){font-size:14px}.home-page .package-trust span{font-size:10px;min-width:auto}}

.home-page .vote-ticket.recommended>em{display:none}.home-page .ticket-detail em{display:none}.home-page .vote-ticket.recommended .ticket-detail em{display:inline-block;position:static;align-self:flex-start;width:max-content;margin:0 0 5px;padding:2px 9px;border-radius:10px;background:#2fc287;color:#061710;font-size:8px;line-height:1.35;font-style:normal;font-weight:700;letter-spacing:.5px}.home-page .vote-ticket.recommended .ticket-detail{justify-content:center}

.home-page .package-intro h2{font-size:clamp(29px,2.45vw,38px)}
@media(max-width:650px){.home-page .package-intro h2{font-size:25px}}

.candidate-category-tabs button,.candidate-category-tabs button:hover,.candidate-category-tabs button.active{color:#fff}

/* Nine-sided nominee portraits in home category tabs */
.category-score-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,270px));justify-content:center;gap:32px;padding:34px 20px 46px;background:rgba(8,8,8,.42)}.category-score-list:before{display:none}.category-score-list>a.category-portrait-item{display:block;min-height:0;padding:0;margin:0;border:0;background:transparent;text-align:center;overflow:visible}.category-score-list>a.category-portrait-item:hover{padding:0;background:transparent;transform:translateY(-5px)}.category-portrait-item .category-score-photo{width:100%;height:auto;aspect-ratio:4/5;margin:0 auto;background:var(--accent);clip-path:polygon(50% 0,82% 6%,100% 30%,96% 65%,75% 93%,40% 100%,10% 82%,0 50%,15% 18%);border-radius:0}.category-portrait-item .category-score-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .5s ease,filter .3s ease}.category-portrait-item:hover .category-score-photo img{transform:scale(1.025);filter:brightness(1.07)}.category-portrait-item h4{font-size:20px;line-height:1.25;color:#fff;margin:14px 0 5px}.category-portrait-item>strong{display:block;font:23px/1.2 Marcellus;color:var(--gold-light)}.category-portrait-item>strong small{display:block;font:10px "IBM Plex Sans Thai";color:#888;margin-top:3px}
@media(max-width:650px){.category-score-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:23px 5px 32px}.category-portrait-item h4{font-size:15px}.category-portrait-item>strong{font-size:19px}}

/* Intro in two columns, full-width form beneath */
.dashboard-nominate-layout{grid-template-columns:1fr;gap:32px}.dashboard-nominate-intro{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(430px,1.15fr);column-gap:70px;align-items:start}.dashboard-nominate-intro>.eyebrow,.dashboard-nominate-intro>h2,.dashboard-nominate-intro>p{grid-column:1}.dashboard-nominate-intro>ol{grid-column:2;grid-row:1/4;margin:0;padding:0}.dashboard-nominate-intro h2{font-size:clamp(32px,3.4vw,47px);margin-bottom:12px}.dashboard-nominate-intro li:first-child{padding-top:0}.dashboard-nominate-form{grid-column:1;width:100%}
@media(max-width:800px){.dashboard-nominate-intro{grid-template-columns:1fr;gap:0}.dashboard-nominate-intro>.eyebrow,.dashboard-nominate-intro>h2,.dashboard-nominate-intro>p,.dashboard-nominate-intro>ol{grid-column:1;grid-row:auto}.dashboard-nominate-intro>ol{margin-top:20px}}

/* Proportional full-width nomination content */
.dashboard-view[data-view-panel="nominate"]{width:100%;max-width:none}.dashboard-nominate-layout{width:100%;max-width:none;margin:0;padding:32px 0 52px;gap:38px}.dashboard-nominate-intro{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(45px,6vw,95px);padding:0 28px 30px;border-bottom:1px solid rgba(255,255,255,.18)}.dashboard-nominate-intro>p:not(.eyebrow){max-width:590px}.dashboard-nominate-intro>ol{width:100%}.dashboard-nominate-form{width:100%;max-width:none;padding:36px 42px;grid-template-columns:1fr}.dashboard-nominate-form .form-row{grid-template-columns:1fr 1fr;gap:20px}.dashboard-nominate-form textarea{width:100%;min-height:175px}
@media(max-width:800px){.dashboard-nominate-intro{grid-template-columns:1fr;padding-inline:10px}.dashboard-nominate-form{padding:25px 18px}.dashboard-nominate-form .form-row{grid-template-columns:1fr}}

/* Full-bleed nomination panel across the complete dashboard section */
.dashboard-view[data-view-panel="nominate"]{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-layout{width:100%;padding:34px 30px 54px}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro{padding-left:0;padding-right:0}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-form{width:100%;margin:0;padding:38px 44px}
@media(max-width:650px){.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-layout{padding:24px 10px 36px}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-form{padding:24px 16px}}

/* Roomier nomination typography and form proportions */
.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-layout{padding-left:18px;padding-right:18px}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro{grid-template-columns:minmax(380px,.72fr) minmax(600px,1.28fr);column-gap:clamp(80px,8vw,140px);padding-bottom:38px}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro h2{font-size:clamp(38px,3.5vw,52px);line-height:1.12}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>p:not(.eyebrow){font-size:16px;line-height:1.8}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro li{padding:18px 0;gap:20px}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro li b{font-size:17px}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro li small{font-size:12px;margin-top:5px}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-form{padding:40px clamp(30px,4vw,68px);gap:18px}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-form input,.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-form textarea{padding:14px 16px;font-size:15px}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-form label{font-size:14px}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-form .form-row{gap:28px}
@media(max-width:1150px){.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro{grid-template-columns:1fr 1.25fr;column-gap:45px}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro h2{font-size:38px}}
@media(max-width:850px){.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro{grid-template-columns:1fr;row-gap:20px}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-intro>ol{grid-column:1;grid-row:auto}.dashboard-view[data-view-panel="nominate"] .dashboard-nominate-form .form-row{grid-template-columns:1fr}}
@media(max-width:650px){.home-page .reference-tabs{width:96%}.home-page .reference-tabs button{width:25%;font-size:10px;padding-inline:3px}.dashboard-nominate-layout{padding:20px 3px 30px}.dashboard-nominate-form{padding:22px 15px}.dashboard-nominate-intro h2{font-size:31px}}

[data-nomination-step][hidden]{display:none!important}.nomination-category-step,.dashboard-nominate-layout{transition:opacity .24s ease,transform .24s ease}.nomination-category-step.is-entering,.dashboard-nominate-layout.is-entering{opacity:0;transform:translateY(8px)}
.nomination-category-step{padding:28px 8px 48px}.nomination-category-step>header{text-align:center;max-width:720px;margin:0 auto 30px}.nomination-category-step>header h2{font-size:38px;margin:4px 0 8px;color:#fff}.nomination-category-step>header p:last-child{color:#999;margin:0}.nomination-category-options{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.nomination-category-options button{min-height:270px;border:1px solid #363636;border-top:3px solid var(--gold);background:rgba(20,20,20,.8);color:#fff;text-align:left;padding:25px 21px;position:relative;cursor:pointer;transition:.25s}.nomination-category-options button:hover{transform:translateY(-5px);background:rgba(37,33,29,.94);border-color:#805a31}.nomination-category-options button>span{position:absolute;right:18px;top:12px;font:38px Marcellus;color:rgba(255,255,255,.08)}.nomination-category-options button>i{display:block;color:#2fc287;margin-bottom:24px}.nomination-category-options button small{color:#2fc287;font-size:8px;letter-spacing:1.5px}.nomination-category-options button h3{font-size:21px;margin:4px 0 8px}.nomination-category-options button p{font-size:11px;line-height:1.6;color:#888;margin:0}.nomination-category-options button>svg{position:absolute;right:18px;bottom:17px;color:var(--gold-light)}
.nomination-form-head{position:relative}.nomination-form-head>button{border:0;background:none;color:#999;padding:0;margin-bottom:11px;font-size:11px;cursor:pointer}.nomination-form-head>button:hover{color:var(--gold-light)}.nomination-form-head>span{display:inline-block;margin-top:5px;padding:5px 10px;border:1px solid #555;color:#888;font-size:10px}.nomination-form-head>span b{color:#2fc287;margin-left:4px}.nominate-form select{display:block;width:100%;margin-top:5px;background:#211016;border:1px solid #58302d;border-radius:9px;color:#fff;padding:11px 13px}
@media(max-width:950px){.nomination-category-options{grid-template-columns:repeat(2,1fr)}.nomination-category-options button{min-height:220px}}
@media(max-width:600px){.nomination-category-step{padding:20px 2px 30px}.nomination-category-step>header h2{font-size:29px}.nomination-category-options{grid-template-columns:1fr;gap:9px}.nomination-category-options button{min-height:165px}}

/* Editorial nomination category selector — no card containers */
.nomination-category-step{max-width:1180px;margin:0 auto}.nomination-category-step>header{text-align:left;max-width:none;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:end;margin-bottom:24px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.22)}.nomination-category-step>header .eyebrow,.nomination-category-step>header h2{grid-column:1}.nomination-category-step>header p:last-child{grid-column:2;grid-row:1/3;max-width:520px;align-self:end;line-height:1.7}.nomination-category-step>header h2{font-size:40px;line-height:1.12}
.nomination-category-options{display:block}.nomination-category-options button{width:100%;min-height:116px;border:0;border-bottom:1px solid rgba(255,255,255,.18);background:transparent;display:grid;grid-template-columns:75px 58px minmax(0,1fr) 38px;align-items:center;gap:20px;padding:19px 8px;color:#fff;transform:none}.nomination-category-options button:first-child{border-top:0}.nomination-category-options button:hover{transform:none;background:linear-gradient(90deg,rgba(255,255,255,.045),transparent);border-color:rgba(255,255,255,.3);padding-left:18px}.nomination-category-options button>span{position:static;font:27px Marcellus;color:#777}.nomination-category-options button>i{margin:0;width:46px;height:46px;display:grid;place-items:center;color:var(--gold-light);transform:rotate(45deg)}.nomination-category-options button>i svg{transform:rotate(-45deg)}.nomination-category-options button>div{min-width:0}.nomination-category-options button small{font-size:8px}.nomination-category-options button h3{font-size:24px;margin:2px 0 4px}.nomination-category-options button p{font-size:12px;max-width:760px}.nomination-category-options button>svg{position:static;color:#777;border:1px solid #555;border-radius:50%;padding:6px;width:35px;height:35px;transition:.22s}.nomination-category-options button:hover>svg{background:var(--gold-light);border-color:var(--gold-light);color:#111;transform:translateX(4px)}
@media(max-width:750px){.nomination-category-step>header{grid-template-columns:1fr;gap:8px}.nomination-category-step>header p:last-child{grid-column:1;grid-row:auto}.nomination-category-options button{grid-template-columns:42px 1fr 32px;gap:10px}.nomination-category-options button>i{display:none}.nomination-category-options button h3{font-size:19px}.nomination-category-options button p{font-size:10px}.nomination-category-options button>svg{width:30px;height:30px}}

/* Single-column nomination form flow */
.dashboard-nominate-layout{grid-template-columns:1fr;max-width:900px;margin:0 auto;gap:32px;padding-top:28px}.dashboard-nominate-intro{text-align:left}.dashboard-nominate-intro h2 br{display:none}.dashboard-nominate-intro>p:not(.eyebrow){max-width:720px}.dashboard-nominate-intro ol{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.16)}.dashboard-nominate-intro li{padding:17px 18px 17px 0;border-bottom:1px solid rgba(255,255,255,.16)}.dashboard-nominate-intro li+li{padding-left:18px;border-left:1px solid rgba(255,255,255,.16)}.dashboard-nominate-form{width:100%;padding:32px 36px}.dashboard-nominate-form textarea{min-height:150px}
@media(max-width:650px){.dashboard-nominate-layout{gap:22px}.dashboard-nominate-intro ol{grid-template-columns:1fr}.dashboard-nominate-intro li+li{padding-left:0;border-left:0}.dashboard-nominate-form{padding:23px 16px}}

/* Full-section two-column nomination layout */
.dashboard-nominate-layout{grid-template-columns:minmax(320px,.75fr) minmax(520px,1.25fr);max-width:none;width:100%;gap:60px;padding-inline:8px}.dashboard-nominate-intro ol{display:block;border-top:0}.dashboard-nominate-intro li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16)}.dashboard-nominate-intro li+li{padding-left:0;border-left:0}.dashboard-nominate-form{width:100%;align-self:start}
@media(max-width:900px){.dashboard-nominate-layout{grid-template-columns:1fr;gap:28px}}

/* Standard symmetrical octagon portraits */
.category-portrait-item .category-score-photo{clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)}

/* Keep each candidate name and vote total on the same centered axis */
.category-score-list>a.category-portrait-item h4,
.category-score-list>a.category-portrait-item>strong,
.category-score-list>a.category-portrait-item>strong small{display:block;width:100%;margin-left:auto;margin-right:auto;text-align:center}

/* Open editorial treatment for category results — no boxed card UI */
.category-score-view>.category-visual-head{
  display:grid;
  grid-template-columns:minmax(300px,1fr) minmax(180px,.42fr) minmax(360px,.85fr);
  align-items:end;
  gap:clamp(30px,4vw,72px);
  padding:42px 12px 34px;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.16);
  border-radius:0;
  overflow:visible;
}
.category-visual-title .eyebrow{margin-bottom:10px;letter-spacing:2.8px;color:var(--gold)}
.category-visual-title h3{font-size:clamp(34px,3.2vw,50px);line-height:1.05;margin:0 0 12px}
.category-visual-title>p:last-of-type{max-width:620px;font-size:14px;line-height:1.65;color:#aaa}
.category-visual-title>span{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:11px;color:#777}
.category-visual-title>span:before{content:"";width:28px;height:1px;background:var(--gold)}
.category-visual-title>span b{margin:0;color:#fff;font-size:13px;font-weight:500}
.category-ring{
  width:100%;height:auto;min-height:112px;border-radius:0;display:flex;align-items:flex-end;
  padding:0 0 22px;background:transparent;box-shadow:none;position:relative;
}
.category-ring:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12)}
.category-ring:before{content:"";position:absolute;inset:auto auto 0 0;width:calc(var(--share)*1%);height:3px;border:0;border-radius:0;background:linear-gradient(90deg,var(--gold),#f3c681);box-shadow:0 0 18px rgba(232,164,71,.38)}
.category-ring>div{width:100%;text-align:left}
.category-ring strong{display:flex;align-items:flex-start;font-size:clamp(52px,5vw,76px);line-height:.82;letter-spacing:-2px;color:#fff}
.category-ring strong{flex-wrap:nowrap;white-space:nowrap}
.category-ring strong small{display:inline-block;width:auto;font-size:19px;line-height:1;margin:2px 0 0 5px;color:var(--gold);white-space:nowrap}
.category-ring span{margin-top:14px;font-size:10px;letter-spacing:1.2px;color:#777}
.category-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;margin:0;padding:0 0 20px;border-bottom:3px solid rgba(255,255,255,.12)}
.category-metrics>div,.category-metrics>div:first-child{grid-column:auto;padding:0 18px;border:0;border-left:1px solid rgba(255,255,255,.14)}
.category-metrics>div:first-child{padding-left:0;border-left:0}
.category-metrics dt{font-size:10px;letter-spacing:.5px;color:#777;white-space:nowrap}
.category-metrics dd,.category-metrics>div:first-child dd{margin:7px 0 0;font:clamp(24px,2.3vw,34px)/1 Marcellus;color:#fff}
.category-metrics>div:first-child dd{color:var(--gold-light)}
@media(max-width:900px){
  .category-score-view>.category-visual-head{grid-template-columns:minmax(0,1fr) 180px;padding-inline:10px}
  .category-metrics{grid-column:1/-1}
}
@media(max-width:600px){
  .category-score-view>.category-visual-head{grid-template-columns:1fr;gap:26px;padding:30px 4px 26px}
  .category-ring{min-height:0;padding-bottom:18px}
  .category-ring strong{font-size:52px}
  .category-metrics{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:15px}
  .category-metrics>div,.category-metrics>div:first-child{padding:0 8px}
  .category-metrics>div:first-child{padding-left:0}
  .category-metrics dt{font-size:8px;white-space:normal}
  .category-metrics dd,.category-metrics>div:first-child dd{font-size:21px}
}

/* Four-column nominee comparison chart in the “all” tab */
.candidate-chart-bar{display:none}
.candidate-directory-groups:not(.is-filtered){gap:clamp(18px,2vw,32px);padding-top:34px;align-items:stretch}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-group{display:flex;flex-direction:column;border:0;border-radius:0;background:transparent;overflow:visible}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-group>header{min-height:126px;padding:0 0 20px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;overflow:visible;align-items:flex-start}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-group>header>div>span{display:none}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-group>header small{font-size:9px;letter-spacing:2px;color:var(--gold)}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-group>header h3{font-size:clamp(18px,1.55vw,24px);margin-top:8px}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-group>header>strong{font-size:34px;line-height:.9;color:#fff}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-group>header>strong small{margin-top:7px;color:#777}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-grid{display:flex;flex-direction:column;gap:0;padding:12px 0 4px;border:0;flex:1}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-item{
  display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 7px;
  column-gap:10px;row-gap:10px;min-height:0;padding:15px 0 14px;margin:0;
  border:0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;background:transparent;
}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-item:first-child{border-left:0;background:transparent}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-item:hover{padding:15px 0 14px;background:transparent;transform:none}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-rank,
.candidate-directory-groups:not(.is-filtered) .candidate-directory-photo,
.candidate-directory-groups:not(.is-filtered) .candidate-directory-copy>small,
.candidate-directory-groups:not(.is-filtered) .candidate-directory-copy>p,
.candidate-directory-groups:not(.is-filtered) .candidate-directory-item>svg{display:none}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-copy{grid-column:1;grid-row:1;min-width:0;padding:0}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-copy h3{margin:0;font-size:13px;line-height:1.35;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ddd}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-item>strong{grid-column:2;grid-row:1;align-self:center;font:16px/1 Marcellus;color:#fff;text-align:right}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-item>strong small{display:none}
.candidate-directory-groups:not(.is-filtered) .candidate-chart-bar{display:block;grid-column:1/-1;grid-row:2;height:4px;background:rgba(255,255,255,.1);overflow:visible;position:relative}
.candidate-directory-groups:not(.is-filtered) .candidate-chart-bar i{display:block;width:var(--chart-value);height:100%;background:linear-gradient(90deg,var(--chart-color),var(--gold-light));transform-origin:left;transition:width .45s ease;box-shadow:0 0 12px color-mix(in srgb,var(--chart-color) 45%,transparent)}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-item:hover .candidate-chart-bar i{filter:brightness(1.25)}
.candidate-directory-groups:not(.is-filtered) .candidate-directory-empty{flex:1;min-height:170px;border:0;border-radius:0;background:repeating-linear-gradient(-45deg,transparent 0 8px,rgba(255,255,255,.025) 8px 9px)}
.candidate-directory-groups.is-filtered .candidate-chart-bar{display:none}
@media(max-width:1100px){.candidate-directory-groups:not(.is-filtered){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .candidate-directory-groups:not(.is-filtered){grid-template-columns:1fr;gap:32px}
  .candidate-directory-groups:not(.is-filtered) .candidate-directory-group>header{min-height:0}
  .candidate-directory-groups:not(.is-filtered) .candidate-directory-copy h3{font-size:14px}
}

/* One full-width chart combining nominees from every category */
.candidate-directory-groups:not(.is-filtered){display:none}
.candidate-combined-chart{padding:36px 0 42px}
.candidate-combined-chart[hidden]{display:none!important}
.candidate-combined-chart>header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:0 4px 24px;border-bottom:1px solid rgba(255,255,255,.18)}
.candidate-combined-chart>header h3{font-size:clamp(27px,2.5vw,38px);line-height:1.1;margin:5px 0 0;color:#fff}
.candidate-combined-chart>header>span{font-size:10px;color:#777;text-align:right}
.candidate-combined-chart>header>span b{display:block;margin-top:4px;font:27px/1 Marcellus;color:var(--gold-light)}
.combined-chart-scale{display:grid;grid-template-columns:repeat(5,1fr);margin:18px 116px 5px 246px;color:#606060;font:9px Marcellus;letter-spacing:.5px}
.combined-chart-scale span{text-align:right}.combined-chart-scale span:first-child{text-align:left}
.combined-chart-rows{display:grid;gap:3px;padding-top:2px}
.combined-chart-row{display:grid;grid-template-columns:34px 190px minmax(240px,1fr) 105px;align-items:center;gap:14px;min-height:58px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.07);transition:background .2s}
.combined-chart-row:hover{background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent)}
.combined-chart-rank{font:16px Marcellus;color:#666}
.combined-chart-name{min-width:0}.combined-chart-name b,.combined-chart-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combined-chart-name b{font-size:14px;color:#eee}.combined-chart-name small{margin-top:3px;font-size:9px;color:var(--bar-color)}
.combined-chart-track{height:18px;position:relative;background-color:rgba(255,255,255,.065);background-image:linear-gradient(90deg,transparent calc(25% - 1px),rgba(255,255,255,.09) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),rgba(255,255,255,.09) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),rgba(255,255,255,.09) 75%,transparent calc(75% + 1px))}
.combined-chart-track i{display:block;width:var(--bar-width);height:100%;background:linear-gradient(90deg,var(--bar-color),color-mix(in srgb,var(--bar-color) 68%,#fff));box-shadow:0 0 18px color-mix(in srgb,var(--bar-color) 28%,transparent);transition:width .55s ease,filter .2s}
.combined-chart-row:hover .combined-chart-track i{filter:brightness(1.2)}
.combined-chart-row>strong{text-align:right;font:20px/1 Marcellus;color:#fff}.combined-chart-row>strong small{font:8px "IBM Plex Sans Thai";color:#777}
@media(max-width:750px){
  .candidate-combined-chart{padding-top:28px}
  .combined-chart-scale{display:none}
  .combined-chart-rows{padding-top:12px}
  .combined-chart-row{grid-template-columns:27px minmax(0,1fr) 76px;grid-template-rows:auto 12px;gap:7px 9px;min-height:70px}
  .combined-chart-rank{grid-row:1}.combined-chart-name{grid-column:2;grid-row:1}.combined-chart-row>strong{grid-column:3;grid-row:1;font-size:17px}
  .combined-chart-track{grid-column:2/4;grid-row:2;height:10px}
}

/* Neon line-chart presentation inspired by the supplied reference */
.combined-line-chart{position:relative;margin-top:12px;padding:12px 0 0;overflow-x:auto;overflow-y:hidden;background:radial-gradient(ellipse at 50% 48%,rgba(17,74,119,.22),transparent 63%);scrollbar-width:thin;scrollbar-color:#2c5969 transparent}
.combined-line-chart svg{display:block;width:100%;min-width:850px;height:auto;overflow:visible}
.chart-grid-line{stroke:rgba(121,191,211,.12);stroke-width:1;stroke-dasharray:3 10}
.chart-area{fill:url(#voteArea)}
.chart-glow-line{fill:none;stroke:#22ddea;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;opacity:.22;filter:url(#voteGlow)}
.chart-main-line{fill:none;stroke:url(#voteLine);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:url(#voteGlow)}
.chart-point-halo{fill:rgba(30,231,226,.12);stroke:none;transition:.25s}
.chart-point{fill:#071316;stroke:var(--point-color);stroke-width:4;filter:url(#voteGlow);transition:.25s}
.chart-value{fill:#d8fbff;font:600 14px Marcellus;paint-order:stroke;stroke:#071114;stroke-width:4px;stroke-linejoin:round}
.chart-index{fill:#63818a;font:12px Marcellus;letter-spacing:1px}
.chart-point-link:hover .chart-point-halo{r:17;fill:rgba(232,164,71,.18)}
.chart-point-link:hover .chart-point{r:8;stroke:#ffd079}
.chart-point-link:hover .chart-value{fill:#ffd079}
.combined-chart-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 18px;padding:8px 0 4px;border-top:1px solid rgba(255,255,255,.13)}
.combined-chart-legend a{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.combined-chart-legend a:hover{background:rgba(255,255,255,.035)}
.combined-chart-legend i{font:13px Marcellus;color:var(--gold);font-style:normal}
.combined-chart-legend span{min-width:0}.combined-chart-legend b,.combined-chart-legend small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combined-chart-legend b{font-size:11px;color:#ddd}.combined-chart-legend small{font-size:8px;color:#64757b;margin-top:2px}
@media(max-width:750px){
  .candidate-combined-chart>header{align-items:flex-start}
  .combined-line-chart{margin-inline:-10px;padding-inline:10px}
  .combined-line-chart svg{width:850px}
  .combined-chart-legend{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin:0}
}

/* Suriya Dheva palette for the line chart */
.combined-line-chart{background:radial-gradient(ellipse at 52% 44%,rgba(111,71,28,.18),transparent 58%),linear-gradient(180deg,rgba(18,16,14,.38),rgba(5,5,5,.12));scrollbar-color:#8f6535 transparent}
.chart-grid-line{stroke:rgba(232,164,71,.13);stroke-dasharray:2 12}
.chart-glow-line{stroke:#e8a447;stroke-width:8;opacity:.12}
.chart-main-line{stroke-width:3.5;filter:url(#voteGlow)}
.chart-point-halo{fill:rgba(232,164,71,.1)}
.chart-point{fill:#0b0a09;stroke:#e8a447;stroke-width:3}
.chart-value{fill:#f6e4c5;stroke:#090807;stroke-width:5px;font-size:14px}
.chart-index{fill:#806d55}
.chart-point-link:hover .chart-point-halo{fill:rgba(47,194,135,.16)}
.chart-point-link:hover .chart-point{stroke:#2fc287}
.chart-point-link:hover .chart-value{fill:#7ce1ba}
.combined-chart-legend{border-top-color:rgba(232,164,71,.2)}
.combined-chart-legend a{border-bottom-color:rgba(255,255,255,.065)}
.combined-chart-legend a:hover{background:linear-gradient(90deg,rgba(232,164,71,.07),transparent)}
.combined-chart-legend i{color:#dca05a}
.combined-chart-legend small{color:#81786d}

/* Fluid chart motion and depth */
.chart-main-line{stroke-dasharray:1;stroke-dashoffset:1;animation:chartDraw 1.25s cubic-bezier(.22,.8,.3,1) .12s forwards}
.chart-glow-line{opacity:0;animation:chartGlowIn .8s ease .75s forwards}
.chart-area{opacity:0;animation:chartAreaIn .9s ease .55s forwards}
.chart-point-guide{stroke:rgba(232,164,71,.11);stroke-width:1;stroke-dasharray:2 7}
.chart-point-link .chart-point,.chart-point-link .chart-point-halo,.chart-point-link .chart-value,.chart-point-link .chart-index{opacity:0;transform-box:fill-box;transform-origin:center;animation:chartPointIn .42s cubic-bezier(.2,.8,.3,1.35) forwards}
.chart-point-link:nth-of-type(1) :is(.chart-point,.chart-point-halo,.chart-value,.chart-index){animation-delay:.25s}
.chart-point-link:nth-of-type(2) :is(.chart-point,.chart-point-halo,.chart-value,.chart-index){animation-delay:.35s}
.chart-point-link:nth-of-type(3) :is(.chart-point,.chart-point-halo,.chart-value,.chart-index){animation-delay:.45s}
.chart-point-link:nth-of-type(4) :is(.chart-point,.chart-point-halo,.chart-value,.chart-index){animation-delay:.55s}
.chart-point-link:nth-of-type(5) :is(.chart-point,.chart-point-halo,.chart-value,.chart-index){animation-delay:.65s}
.chart-point-link:nth-of-type(6) :is(.chart-point,.chart-point-halo,.chart-value,.chart-index){animation-delay:.75s}
.chart-point-link:nth-of-type(7) :is(.chart-point,.chart-point-halo,.chart-value,.chart-index){animation-delay:.85s}
.chart-point-link:nth-of-type(8) :is(.chart-point,.chart-point-halo,.chart-value,.chart-index){animation-delay:.95s}
@keyframes chartDraw{to{stroke-dashoffset:0}}
@keyframes chartGlowIn{to{opacity:.12}}
@keyframes chartAreaIn{to{opacity:1}}
@keyframes chartPointIn{from{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.chart-main-line,.chart-glow-line,.chart-area,.chart-point-link .chart-point,.chart-point-link .chart-point-halo,.chart-point-link .chart-value,.chart-point-link .chart-index{animation:none;opacity:1;stroke-dashoffset:0}}

/* Detailed chart annotation and hover information */
.candidate-combined-chart .chart-description{margin:9px 0 0;color:#817b73;font-size:11px;line-height:1.5}
.chart-main-line{stroke-width:2}
.chart-glow-line{stroke-width:5;opacity:0}
@keyframes chartGlowIn{to{opacity:.08}}
.chart-point{stroke-width:2.5}
.chart-point-halo{opacity:.7}
.chart-axis-value{fill:#6f665b;font:10px Marcellus}
.chart-axis-label{fill:#796c5d;font:9px "IBM Plex Sans Thai";letter-spacing:1.5px}
.chart-tooltip{position:absolute;z-index:8;display:grid;grid-template-columns:74px minmax(0,1fr);gap:13px;width:292px;padding:12px;background:rgba(15,13,11,.96);border:1px solid rgba(232,164,71,.42);border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.48),0 0 24px rgba(232,164,71,.08);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .16s,transform .16s,visibility .16s;backdrop-filter:blur(12px)}
.chart-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.chart-tooltip-photo{width:74px;height:88px;display:grid;place-items:center;background:#29231d;color:var(--gold);font:18px Marcellus;overflow:hidden;clip-path:polygon(16% 0,84% 0,100% 16%,100% 84%,84% 100%,16% 100%,0 84%,0 16%)}
.chart-tooltip-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.chart-tooltip>div:last-child{min-width:0;align-self:center}.chart-tooltip small,.chart-tooltip b,.chart-tooltip p,.chart-tooltip strong{display:block}.chart-tooltip small{color:#2fc287;font-size:8px;letter-spacing:.4px}.chart-tooltip b{margin-top:4px;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-tooltip p{margin:2px 0 7px;color:#8d8881;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-tooltip strong{font:20px/1 Marcellus;color:var(--gold-light)}
.chart-reading-key{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 28px;padding:16px 12px 2px;color:#756e65;font-size:9px}.chart-reading-key span{display:flex;align-items:center;gap:7px}.chart-reading-key i{width:24px;height:2px;background:linear-gradient(90deg,#2fc287,var(--gold));box-shadow:0 0 6px rgba(232,164,71,.2)}
@media(max-width:750px){.chart-tooltip{display:none}.candidate-combined-chart .chart-description{max-width:260px}.chart-reading-key{justify-content:flex-start;gap:8px 18px}}

.chart-tooltip{border:0;background:rgba(15,13,11,.92);box-shadow:0 18px 45px rgba(0,0,0,.42)}
.chart-tooltip strong{display:flex;align-items:baseline;gap:5px}
.chart-tooltip strong .tooltip-vote-unit{display:inline;color:#a59d92;font:10px/1.2 "IBM Plex Sans Thai",sans-serif;letter-spacing:0}

/* Compact header actions and language control */
.home-page .header-actions,.header-actions{align-items:center;gap:8px}
.home-page .header-actions .btn,body:not(.home-page) .header-actions .btn{min-height:39px;padding:8px 16px;font-size:15px;border-radius:22px;gap:7px}
.home-page .header-actions .btn svg,body:not(.home-page) .header-actions .btn svg{width:18px;height:18px}
.language-switch{position:relative;width:42px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;color:#777;cursor:pointer;transition:transform .2s,filter .2s}
.language-switch:hover{background:transparent;filter:brightness(1.12)}
.language-switch span{display:none}.language-switch span.active{display:block}.language-switch span img{display:block;width:34px;height:23px;border-radius:4px;object-fit:cover;box-shadow:0 2px 7px rgba(0,0,0,.4)}.language-switch:hover{transform:translateY(-1px)}
.language-switch.is-translating{cursor:progress;opacity:.72}.language-switch.is-translating:after{content:"";position:absolute;width:9px;height:9px;border:1px solid rgba(255,255,255,.3);border-top-color:#e8a447;border-radius:50%;animation:languageSpin .55s linear infinite}@keyframes languageSpin{to{transform:rotate(360deg)}}
.gtranslate-engine{position:fixed!important;left:-9999px!important;bottom:0!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
html{margin-top:0!important}body{top:0!important;margin-top:0!important}
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,iframe.goog-te-banner-frame,iframe.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9od-ORHb-OEVmcd{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;opacity:0!important;pointer-events:none!important}
#goog-gt-tt,.goog-te-balloon-frame,.VIpgJd-yAWNEb-L7lbkb{display:none!important}
@media(max-width:900px){.language-switch{padding:0 9px}.home-page .header-actions .btn,body:not(.home-page) .header-actions .btn{padding:7px 10px}}

/* Editorial feature treatment for the overall No. 1 nominee */
.home-page .ranking-panel>.winner-card{
  position:relative;display:block;height:248px;min-height:248px;padding:0;
  border:0;border-top:2px solid var(--gold);border-radius:15px;
  background:linear-gradient(115deg,#211b16 0,#15120f 52%,#090909 100%);
  isolation:isolate;overflow:hidden;
}
.home-page .ranking-panel>.winner-card:before{content:"01";position:absolute;z-index:-1;left:18px;top:4px;font:112px/.9 Marcellus;color:rgba(232,164,71,.075);letter-spacing:-8px}
.home-page .ranking-panel>.winner-card:after{content:"อันดับสูงสุด";position:absolute;z-index:3;right:17px;top:16px;padding:5px 10px;border-radius:16px;background:rgba(8,8,8,.7);color:#f0c985;font-size:8px;letter-spacing:1px;backdrop-filter:blur(6px)}
.home-page .ranking-panel>.winner-card>div:first-child{position:relative;z-index:2;width:58%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px 0 70px 24px}
.home-page .ranking-panel>.winner-card>div:first-child>small{display:inline-flex;width:auto;padding:5px 11px;margin-bottom:10px;border-radius:15px;background:#2fc287;color:#071a13;font-size:9px;font-weight:700}
.home-page .ranking-panel>.winner-card h3{max-width:100%;font-size:clamp(23px,2vw,30px);line-height:1.1;margin:0 0 7px;color:#fff}
.home-page .ranking-panel>.winner-card p{max-width:100%;font-size:11px;line-height:1.45;color:#a9a198}
.home-page .ranking-panel>.winner-card>img{position:absolute;z-index:1;inset:0 0 0 auto;width:52%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.86) contrast(1.04);mix-blend-mode:normal;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 100%)}
.home-page .ranking-panel>.winner-card>strong{position:absolute;z-index:3;left:24px;bottom:19px;display:flex;align-items:baseline;gap:2px;text-align:left;font:36px/1 Marcellus;color:var(--gold-light)}
.home-page .ranking-panel>.winner-card>strong>small{font:16px/1 Marcellus;color:var(--gold)}
.home-page .ranking-panel>.winner-card>strong span{position:relative;margin:0 0 0 14px;padding-left:14px;font:11px/1.2 "IBM Plex Sans Thai";color:#c8c0b6}
.home-page .ranking-panel>.winner-card>strong span:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(255,255,255,.22)}
.home-page .ranking-panel>.winner-card:hover>img{transform:scale(1.025);transition:transform .45s ease}
@media(max-width:650px){
  .home-page .ranking-panel>.winner-card{height:205px;min-height:205px;border-radius:12px}
  .home-page .ranking-panel>.winner-card:before{font-size:86px}
  .home-page .ranking-panel>.winner-card:after{right:10px;top:10px}
  .home-page .ranking-panel>.winner-card>div:first-child{width:64%;padding:18px 0 58px 15px}
  .home-page .ranking-panel>.winner-card h3{font-size:21px}
  .home-page .ranking-panel>.winner-card p{font-size:9px}
  .home-page .ranking-panel>.winner-card>img{width:48%;height:100%;object-position:center 22%}
  .home-page .ranking-panel>.winner-card>strong{left:15px;bottom:15px;font-size:28px}
  .home-page .ranking-panel>.winner-card>strong span{margin-left:9px;padding-left:9px;font-size:9px}
}

/* Keep the winner feature proportional to the ranking column */
.home-page .ranking-panel>.winner-card{height:194px;min-height:194px}
.home-page .ranking-panel>.winner-card:before{top:5px;font-size:82px}
.home-page .ranking-panel>.winner-card>div:first-child{width:62%;padding:18px 0 58px 20px}
.home-page .ranking-panel>.winner-card>div:first-child>small{margin-bottom:7px;padding:4px 9px}
.home-page .ranking-panel>.winner-card h3{font-size:clamp(20px,1.7vw,25px)}
.home-page .ranking-panel>.winner-card>img{width:48%}
.home-page .ranking-panel>.winner-card>strong{left:20px;bottom:16px;font-size:29px}
@media(max-width:650px){
  .home-page .ranking-panel>.winner-card{height:174px;min-height:174px}
  .home-page .ranking-panel>.winner-card:before{font-size:68px}
  .home-page .ranking-panel>.winner-card>div:first-child{padding:14px 0 51px 14px}
  .home-page .ranking-panel>.winner-card h3{font-size:18px}
  .home-page .ranking-panel>.winner-card>strong{left:14px;bottom:13px;font-size:25px}
}

/* Layered depth for the live ranking panel */
.home-page .ranking-panel{perspective:1100px;filter:drop-shadow(0 22px 28px rgba(0,0,0,.2))}
.home-page .ranking-panel>.winner-card{
  box-shadow:0 22px 42px rgba(0,0,0,.42),0 5px 12px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.1),inset 20px 0 45px rgba(232,164,71,.035);
  transform:translateZ(16px);transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s ease;
}
.home-page .ranking-panel>.winner-card:hover{transform:translateY(-3px) translateZ(22px);box-shadow:0 28px 55px rgba(0,0,0,.5),0 8px 18px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.13)}
.home-page .ranking-panel>.winner-card>img{filter:saturate(.92) contrast(1.06) drop-shadow(-12px 8px 16px rgba(0,0,0,.28))}
.home-page .ranking-head{position:relative;z-index:2;margin-top:13px;padding-inline:13px}
.home-page .ranking-list{position:relative;z-index:1;gap:7px;padding:2px 0 5px}
.home-page .ranking-list>a{
  position:relative;height:82px;margin:0;border:1px solid rgba(255,255,255,.085);border-left:3px solid rgba(232,164,71,.55);border-radius:9px;
  background:linear-gradient(100deg,rgba(43,40,37,.94),rgba(19,18,17,.9) 58%,rgba(8,8,8,.92));
  box-shadow:0 10px 19px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045);
  overflow:hidden;transform:translateZ(0);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.home-page .ranking-list>a:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 28%,transparent 72%,rgba(232,164,71,.035))}
.home-page .ranking-list>a:nth-child(even){background:linear-gradient(100deg,rgba(35,34,33,.92),rgba(14,14,14,.91) 62%,rgba(7,7,7,.94))}
.home-page .ranking-list>a:hover{z-index:3;transform:translateX(-5px) translateY(-2px) translateZ(12px);border-color:rgba(232,164,71,.38);border-left-color:var(--gold);box-shadow:13px 17px 28px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08)}
.home-page .ranking-photo{position:relative;border:1px solid rgba(255,255,255,.14);box-shadow:7px 8px 14px rgba(0,0,0,.36);transform:translateZ(8px)}
.home-page .ranking-photo:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 18px rgba(0,0,0,.18);pointer-events:none}
.home-page .ranking-list em{color:var(--gold-light);text-shadow:0 5px 12px rgba(0,0,0,.55)}
.home-page .ranking-list>a>strong{color:#fff;text-shadow:0 5px 14px rgba(0,0,0,.6)}
.home-page .ranking-name i{height:3px;border-radius:3px;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}
.home-page .ranking-name i span{border-radius:3px;box-shadow:0 0 9px color-mix(in srgb,var(--accent) 42%,transparent)}
@media(max-width:650px){
  .home-page .ranking-list{gap:5px}.home-page .ranking-list>a{height:78px;border-left-width:2px}
  .home-page .ranking-list>a:hover{transform:translateY(-2px)}
}

/* Unified depth system for framed surfaces across the site */
:is(.score-summary,.share-strip,.award-visual,.dashboard-callout,.category-score-view,.candidate-directory-head,.candidate-directory-group,.packages-section,.vote-ticket,.nominate-banner,.candidate-card,.profile-panel,.history-panel,.auth-card,.modal-card,.category-showcase article,.news-grid article,.results-list,.about-story,.profile-grid){
  border-color:rgba(255,255,255,.105);
  box-shadow:0 18px 38px rgba(0,0,0,.24),0 5px 13px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.26);
}
:is(.score-summary,.share-strip,.award-visual,.dashboard-callout,.category-score-view,.candidate-directory-group,.packages-section,.nominate-banner,.candidate-card,.profile-panel,.history-panel,.auth-card,.category-showcase article,.news-grid article,.results-list,.about-story){
  position:relative;transform:translateZ(0);transition:transform .28s cubic-bezier(.2,.75,.3,1),box-shadow .28s ease,border-color .28s ease;
}
.home-page .vote-dashboard{box-shadow:0 30px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)}
.home-page .score-summary{box-shadow:0 15px 29px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.07)}
.home-page .share-strip{box-shadow:0 19px 34px rgba(0,0,0,.25),inset 0 -1px 0 rgba(255,255,255,.045)}
.award-visual{box-shadow:0 25px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045)}
.dashboard-callout{box-shadow:0 15px 29px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.72)}
.packages-section{box-shadow:0 30px 65px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07)}
.vote-ticket{box-shadow:0 12px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.075)}
.vote-ticket:hover{transform:translateY(-4px) translateZ(8px);box-shadow:0 21px 38px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12)}
.candidate-card:hover,.category-showcase article:hover,.news-grid article:hover{transform:translateY(-5px);box-shadow:0 27px 48px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1)}
.candidate-directory-group{box-shadow:0 18px 34px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.055)}
.candidate-directory-item{box-shadow:0 9px 18px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.045)}
.candidate-directory-item:hover{box-shadow:0 17px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)}
.category-score-view{box-shadow:0 25px 50px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04)}
.category-portrait-item .category-score-photo,.candidate-directory-groups.is-filtered .candidate-directory-photo{filter:drop-shadow(0 16px 17px rgba(0,0,0,.35));transition:transform .32s ease,filter .32s ease}
.category-portrait-item:hover .category-score-photo,.candidate-directory-groups.is-filtered .candidate-directory-item:hover .candidate-directory-photo{transform:translateY(-4px) scale(1.012);filter:drop-shadow(0 23px 22px rgba(0,0,0,.45))}
.modal-card{box-shadow:0 40px 90px rgba(0,0,0,.62),0 8px 25px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.09)}
.profile-panel,.history-panel,.auth-card{box-shadow:0 24px 52px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07)}
@media(max-width:650px){
  :is(.score-summary,.share-strip,.award-visual,.dashboard-callout,.category-score-view,.candidate-directory-group,.packages-section,.vote-ticket,.nominate-banner,.candidate-card,.profile-panel,.history-panel,.auth-card,.modal-card){box-shadow:0 12px 25px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05)}
  .vote-ticket:hover,.candidate-card:hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){.vote-ticket,.candidate-card,.category-showcase article,.news-grid article,.candidate-directory-item,.category-score-photo,.candidate-directory-photo{transition:none!important;transform:none!important}}

/* Stronger visible separation over the moving video background */
:is(.results-hero,.vote-dashboard,.score-summary,.share-strip,.award-visual,.dashboard-callout,.category-score-view,.candidate-combined-chart,.candidate-directory-head,.candidate-directory-group,.packages-section,.vote-ticket,.nominate-banner,.candidate-card,.profile-panel,.history-panel,.auth-card,.modal-card,.category-showcase article,.news-grid article,.results-list,.about-story){
  outline:1px solid rgba(255,255,255,.075);
  outline-offset:-1px;
}
:is(.score-summary,.award-visual,.dashboard-callout,.category-score-view,.candidate-directory-group,.packages-section,.vote-ticket,.nominate-banner,.candidate-card,.profile-panel,.history-panel,.auth-card,.modal-card,.category-showcase article,.news-grid article,.results-list,.about-story){
  box-shadow:0 2px 0 rgba(255,255,255,.065) inset,0 -2px 0 rgba(0,0,0,.26) inset,0 13px 0 -9px rgba(232,164,71,.12),0 24px 48px rgba(0,0,0,.4),0 7px 16px rgba(0,0,0,.3);
}
.home-page .vote-dashboard{outline-color:rgba(232,164,71,.13);box-shadow:0 2px 0 rgba(255,255,255,.055) inset,0 36px 85px rgba(0,0,0,.48),0 8px 24px rgba(0,0,0,.34)}
.home-page .score-summary{outline-color:rgba(255,255,255,.13);box-shadow:0 2px 0 rgba(255,255,255,.08) inset,0 17px 34px rgba(0,0,0,.38),10px 0 32px rgba(232,164,71,.025)}
.home-page .share-strip{outline-color:rgba(255,255,255,.09);box-shadow:0 -1px 0 rgba(255,255,255,.025) inset,0 20px 38px rgba(0,0,0,.4)}
.home-page .award-visual{outline-color:rgba(232,164,71,.14);box-shadow:0 2px 0 rgba(255,255,255,.055) inset,0 31px 62px rgba(0,0,0,.47),0 0 38px rgba(232,164,71,.035)}
.category-score-view,.candidate-combined-chart{outline-color:rgba(232,164,71,.12);box-shadow:0 2px 0 rgba(255,255,255,.045) inset,0 28px 58px rgba(0,0,0,.43)}
.candidate-directory-head{padding-inline:18px;box-shadow:0 17px 32px -24px rgba(232,164,71,.42);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.candidate-directory-group{outline-color:rgba(232,164,71,.12);box-shadow:0 2px 0 rgba(255,255,255,.06) inset,0 24px 45px rgba(0,0,0,.4),0 8px 18px rgba(0,0,0,.28)}
.candidate-directory-item{outline:1px solid rgba(255,255,255,.055);outline-offset:-1px;box-shadow:0 2px 0 rgba(255,255,255,.035) inset,0 13px 25px rgba(0,0,0,.29)}
.packages-section{outline-color:rgba(232,164,71,.17);box-shadow:0 2px 0 rgba(255,255,255,.06) inset,0 38px 78px rgba(0,0,0,.52),0 0 45px rgba(232,164,71,.035)}
.vote-ticket{outline-color:rgba(255,255,255,.12);box-shadow:0 2px 0 rgba(255,255,255,.08) inset,0 16px 31px rgba(0,0,0,.42),0 5px 12px rgba(0,0,0,.31)}
.vote-ticket.recommended{outline-color:rgba(232,164,71,.46);box-shadow:0 2px 0 rgba(255,255,255,.1) inset,0 19px 36px rgba(0,0,0,.48),0 0 25px rgba(232,164,71,.09)}
.nominate-banner{outline-color:rgba(232,164,71,.18);box-shadow:0 2px 0 rgba(255,255,255,.07) inset,0 27px 52px rgba(0,0,0,.42)}
.modal-card{outline-color:rgba(232,164,71,.27);box-shadow:0 2px 0 rgba(255,255,255,.11) inset,0 48px 105px rgba(0,0,0,.72),0 12px 35px rgba(0,0,0,.55),0 0 38px rgba(232,164,71,.08)}
.category-showcase article,.news-grid article,.candidate-card{outline-color:rgba(255,255,255,.11)}
@media(max-width:650px){
  :is(.score-summary,.award-visual,.dashboard-callout,.category-score-view,.candidate-directory-group,.packages-section,.vote-ticket,.nominate-banner,.candidate-card,.profile-panel,.history-panel,.auth-card,.modal-card){box-shadow:0 2px 0 rgba(255,255,255,.05) inset,0 16px 32px rgba(0,0,0,.34),0 5px 12px rgba(0,0,0,.25)}
}

/* Tactile depth for category filter tabs */
:is(.dashboard-tabs,.candidate-category-tabs,.filter-tabs){perspective:700px}
:is(.dashboard-tabs button,.candidate-category-tabs button,.filter-tabs button){
  position:relative;border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg,rgba(47,47,47,.94),rgba(16,16,16,.96))!important;
  color:#d9d5d0!important;
  box-shadow:0 2px 0 rgba(255,255,255,.09) inset,0 -2px 0 rgba(0,0,0,.48) inset,0 7px 13px rgba(0,0,0,.3);
  transform:translateY(0) translateZ(0);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,background .2s ease!important;
}
:is(.dashboard-tabs button,.candidate-category-tabs button,.filter-tabs button):hover{
  color:#fff!important;border-color:rgba(232,164,71,.46)!important;
  background:linear-gradient(180deg,rgba(62,54,46,.97),rgba(23,19,16,.98))!important;
  box-shadow:0 2px 0 rgba(255,255,255,.12) inset,0 -2px 0 rgba(0,0,0,.5) inset,0 11px 19px rgba(0,0,0,.4),0 0 15px rgba(232,164,71,.06);
  transform:translateY(-2px) translateZ(6px);
}
:is(.dashboard-tabs button,.candidate-category-tabs button,.filter-tabs button).active{
  color:#061a12!important;border-color:#43d39c!important;
  background:linear-gradient(180deg,#48dba5,#24a975)!important;
  box-shadow:0 2px 0 rgba(255,255,255,.3) inset,0 -3px 0 rgba(4,79,52,.5) inset,0 10px 20px rgba(0,0,0,.38),0 0 20px rgba(47,194,135,.18);
  transform:translateY(-2px) translateZ(9px);
  text-shadow:0 1px 0 rgba(255,255,255,.16);
}
:is(.dashboard-tabs button,.candidate-category-tabs button,.filter-tabs button):active{
  transform:translateY(1px) translateZ(0);
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 -1px 0 rgba(0,0,0,.45) inset,0 3px 7px rgba(0,0,0,.3);
}
@media(max-width:650px){
  :is(.dashboard-tabs button,.candidate-category-tabs button,.filter-tabs button){box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 -2px 0 rgba(0,0,0,.42) inset,0 5px 10px rgba(0,0,0,.26)}
  :is(.dashboard-tabs button,.candidate-category-tabs button,.filter-tabs button):hover{transform:translateY(-1px)}
}

/* Open layouts beneath nominee filters — keep depth on controls, not content wrappers */
.candidate-combined-chart{
  outline:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible;
}
.candidate-combined-chart>header{background:transparent!important;box-shadow:none!important;border-radius:0!important}
.combined-line-chart{outline:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:radial-gradient(ellipse at 52% 44%,rgba(111,71,28,.12),transparent 58%)!important}
.candidate-directory-groups.is-filtered,.candidate-directory-groups.is-filtered .candidate-directory-group{
  outline:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.candidate-directory-groups.is-filtered .candidate-directory-group>header{
  outline:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.15)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.candidate-directory-groups.is-filtered .candidate-directory-grid{background:transparent!important;box-shadow:none!important}
.candidate-directory-groups.is-filtered .candidate-directory-item{
  outline:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.candidate-directory-groups.is-filtered .candidate-directory-item:hover{background:transparent!important;box-shadow:none!important}
.candidate-directory-groups.is-filtered .candidate-directory-photo{
  outline:0!important;border:0!important;box-shadow:none!important;
}
.candidate-directory-groups.is-filtered .candidate-directory-photo:after{display:none!important}

/* Breathing room for raised score filters so the first button is not clipped */
.home-page .dashboard-tabs{padding-left:22px;padding-right:16px;scroll-padding-left:22px}
@media(max-width:650px){.home-page .dashboard-tabs{margin-inline:0;padding-left:15px;padding-right:12px;scroll-padding-left:15px}}

/* Consistent nominee portrait sizing in every category tab */
.category-score-list{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;justify-content:stretch;gap:clamp(15px,1.7vw,28px)}
.category-portrait-item{width:100%;min-width:0}
.category-portrait-item .category-score-photo{width:100%;height:auto;aspect-ratio:4/5;margin-inline:auto}
.category-portrait-item .category-score-photo img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
.candidate-directory-groups.is-filtered .candidate-directory-grid{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:stretch;align-items:start;gap:clamp(15px,1.7vw,28px)}
.candidate-directory-groups.is-filtered .candidate-directory-item{width:100%;min-width:0;margin:0}
.candidate-directory-groups.is-filtered .candidate-directory-photo{width:100%;height:auto;aspect-ratio:4/5}
.candidate-directory-groups.is-filtered .candidate-directory-photo img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
@media(max-width:1100px){.category-score-list,.candidate-directory-groups.is-filtered .candidate-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){.category-score-list,.candidate-directory-groups.is-filtered .candidate-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.category-score-list,.candidate-directory-groups.is-filtered .candidate-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}}

/* Category analytics remain open on the background, without a surrounding card */
.category-score-panel,.category-score-view{
  outline:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.category-score-view>.category-visual-head{
  outline:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.category-score-view>.category-score-list{outline:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

/* Hard-lock media boxes so intrinsic image dimensions can never change card height */
.category-score-list>a.category-portrait-item,
.candidate-directory-groups.is-filtered .candidate-directory-item{display:grid!important;grid-template-rows:auto auto auto!important;align-content:start!important}
.category-portrait-item .category-score-photo,
.candidate-directory-groups.is-filtered .candidate-directory-photo{
  position:relative!important;display:block!important;width:100%!important;height:0!important;
  padding:0 0 125%!important;aspect-ratio:auto!important;overflow:hidden!important;min-height:0!important;max-height:none!important;
  clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%)!important;
}
.category-portrait-item .category-score-photo img,
.candidate-directory-groups.is-filtered .candidate-directory-photo img{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;object-position:center 24%!important;
  clip-path:none!important;
}
.category-portrait-item h4,.candidate-directory-groups.is-filtered .candidate-directory-copy h3{min-height:2.5em;display:flex!important;align-items:center;justify-content:center;text-align:center}
/* Logos retain their full mark but use the exact same outer dimensions as portraits. */
.category-score-view[data-score-panel="2"] .category-score-photo img,
.candidate-directory-group[data-nominee-group="2"] .candidate-directory-photo img{object-fit:contain!important;padding:12%!important;background:rgba(245,243,239,.96)}

/* Match the visible octagonal frame used by the all-nominees portraits */
.category-portrait-item .category-score-photo,
.candidate-directory-groups.is-filtered .candidate-directory-photo{
  background:linear-gradient(145deg,#f2c172 0,#9a642d 45%,#4d301b 100%)!important;
  clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)!important;
}
.category-portrait-item .category-score-photo img,
.candidate-directory-groups.is-filtered .candidate-directory-photo img{
  inset:3px!important;width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;
  clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)!important;
}
.category-score-view[data-score-panel="2"] .category-score-photo img,
.candidate-directory-group[data-nominee-group="2"] .candidate-directory-photo img{padding:12%!important}

/* One shared layout contract for score-tab and all-nominee portrait galleries */
:is(.category-score-list,.candidate-directory-groups.is-filtered .candidate-directory-grid){
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  justify-content:stretch!important;align-items:start!important;
  gap:clamp(15px,1.7vw,28px)!important;
  width:100%!important;margin:0!important;padding:30px 4px 38px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
:is(.category-score-list>a.category-portrait-item,.candidate-directory-groups.is-filtered .candidate-directory-item){
  display:block!important;width:100%!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;outline:0!important;overflow:visible!important;
  text-align:center!important;transform:none!important;
}
:is(.category-score-list>a.category-portrait-item,.candidate-directory-groups.is-filtered .candidate-directory-item):hover{
  margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;transform:translateY(-5px)!important;
}
:is(.category-portrait-item .category-score-photo,.candidate-directory-groups.is-filtered .candidate-directory-photo){
  position:relative!important;display:block!important;width:100%!important;height:0!important;
  margin:0 auto!important;padding:0 0 125%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;
  border:0!important;border-radius:0!important;overflow:hidden!important;
  background:linear-gradient(145deg,#f2c172 0,#9a642d 45%,#4d301b 100%)!important;
  clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)!important;
  filter:drop-shadow(0 16px 17px rgba(0,0,0,.35))!important;
}
:is(.category-portrait-item .category-score-photo,.candidate-directory-groups.is-filtered .candidate-directory-photo) img{
  position:absolute!important;inset:3px!important;display:block!important;
  width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;margin:0!important;padding:0!important;
  max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center 24%!important;
  border:0!important;border-radius:0!important;
  clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)!important;
}
:is(.category-portrait-item h4,.candidate-directory-groups.is-filtered .candidate-directory-copy){
  width:100%!important;margin:13px 0 0!important;padding:0!important;text-align:center!important;
}
:is(.category-portrait-item h4,.candidate-directory-groups.is-filtered .candidate-directory-copy h3){
  min-height:2.5em!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  color:#fff!important;font-size:clamp(14px,1.3vw,20px)!important;line-height:1.25!important;text-align:center!important;
}
.candidate-directory-groups.is-filtered .candidate-directory-copy p{margin:3px 0 0!important;text-align:center!important}
.category-score-view[data-score-panel="2"] .category-score-photo img,
.candidate-directory-group[data-nominee-group="2"] .candidate-directory-photo img{object-fit:contain!important;padding:12%!important;background:rgba(245,243,239,.96)!important}
@media(max-width:1100px){:is(.category-score-list,.candidate-directory-groups.is-filtered .candidate-directory-grid){grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:780px){:is(.category-score-list,.candidate-directory-groups.is-filtered .candidate-directory-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:520px){:is(.category-score-list,.candidate-directory-groups.is-filtered .candidate-directory-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;padding:20px 2px 28px!important}}

/* White labels for selected score and nominee filters */
:is(.dashboard-tabs button,.candidate-category-tabs button,.filter-tabs button).active{
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.32)!important;
}
:is(.dashboard-tabs button,.candidate-category-tabs button,.filter-tabs button).active svg{color:#fff!important}

/* Interactive vote-share details */
.share-strip{position:relative;z-index:12;overflow:visible!important}
.share-strip>span{display:flex;align-items:center;justify-content:space-between;gap:12px}
.share-strip>span small{color:#777;font-size:9px;font-weight:400}
.share-strip .share-chart-bars{overflow:visible}
.share-chart-bars button{display:block;min-width:3px;height:100%;padding:0;border:0;background:var(--bar);cursor:pointer;transition:filter .18s,transform .18s,opacity .18s;position:relative}
.share-chart-bars button:first-child{border-radius:7px 0 0 7px}.share-chart-bars button:last-child{border-radius:0 7px 7px 0}
.share-chart-bars:hover button:not(:hover),.share-chart-bars:focus-within button:not(:focus){opacity:.5}
.share-chart-bars button:hover,.share-chart-bars button:focus-visible{filter:brightness(1.3) saturate(1.15);transform:translateY(-2px) scaleY(1.12);z-index:2;outline:2px solid rgba(255,255,255,.8);outline-offset:2px}
.share-strip>.share-tooltip{position:absolute;z-index:40;top:auto;bottom:calc(100% - 2px);display:grid;height:auto;overflow:visible;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px;width:286px;margin:0;padding:13px;background:linear-gradient(145deg,rgba(24,22,19,.98),rgba(10,10,9,.98));border:1px solid rgba(232,164,71,.32);border-radius:14px;box-shadow:0 22px 48px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.07);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(7px) scale(.98);transform-origin:center bottom;transition:opacity .16s ease,transform .16s ease,visibility .16s;backdrop-filter:blur(16px)}
.share-strip>.share-tooltip:after{content:"";position:absolute;left:50%;bottom:-6px;width:11px;height:11px;background:#0c0b0a;border-right:1px solid rgba(232,164,71,.32);border-bottom:1px solid rgba(232,164,71,.32);transform:translateX(-50%) rotate(45deg)}
.share-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.share-tooltip-photo{width:62px;height:72px;display:grid;place-items:center;overflow:hidden;color:var(--gold);background:#28221c;font:15px Marcellus;clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%)}
.share-tooltip-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.share-tooltip>div:last-child{position:relative;min-width:0;padding-right:52px}.share-tooltip small,.share-tooltip b,.share-tooltip p,.share-tooltip strong{display:block}.share-tooltip small{color:#42d49e;font-size:8px;letter-spacing:.25px}.share-tooltip b{margin-top:3px;color:#fff;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-tooltip p{margin:2px 0 8px;color:#9a938a;font-size:9px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-tooltip strong{color:var(--gold-light);font:500 10px/1.2 "IBM Plex Sans Thai",sans-serif;white-space:nowrap}.share-tooltip strong span{display:inline;margin-right:4px;font:18px/1 Marcellus}.share-tooltip em{position:absolute;right:0;bottom:0;padding:4px 7px;color:#fff;background:rgba(47,194,135,.14);border-radius:7px;font:600 14px/1 Marcellus;font-style:normal}
@media(max-width:600px){.share-strip>span small{display:none}.share-strip>.share-tooltip{width:min(260px,calc(100vw - 42px));grid-template-columns:56px minmax(0,1fr);padding:11px}.share-tooltip-photo{width:56px;height:66px}.share-tooltip>div:last-child{padding-right:46px}.share-chart-bars button{min-width:5px}}

/* Keep vote-share tooltip fully opaque over the dashboard video */
.share-strip>.share-tooltip{background:#11100e!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.share-strip>.share-tooltip:after{background:#11100e!important}
.home-page .share-strip>.share-tooltip{display:grid!important;width:286px!important;height:auto!important;min-height:100px!important;padding:13px!important;gap:12px!important;overflow:visible!important;isolation:isolate;background:#11100e!important;background-color:#11100e!important;background-image:none!important;opacity:0}
.home-page .share-strip>.share-tooltip.is-visible{opacity:1!important}
.home-page .share-strip>.share-tooltip>*{position:relative;z-index:2}
@media(max-width:600px){.home-page .share-strip>.share-tooltip{width:min(260px,calc(100vw - 42px))!important;min-height:92px!important;padding:11px!important;gap:10px!important}}

/* Softer upper corners for the three primary dashboard tabs */
.home-page .reference-tabs button{border-radius:30px 30px 0 0!important}
@media(max-width:650px){.home-page .reference-tabs button{border-radius:20px 20px 0 0!important}}

/* Finer data points for the overall line chart */
.chart-point-link:hover .chart-point-halo{r:9!important}
.chart-point-link:hover .chart-point{r:4!important}

/* Candidate profile stays inside the nominees dashboard tab */
.candidate-inline-profile[hidden]{display:none!important}
.dashboard-view.is-showing-candidate>:not(.candidate-inline-profile){display:none!important}
.candidate-inline-profile{padding:18px 4px 42px}
.candidate-inline-back{margin:0 0 22px;padding:7px 0;border:0;background:transparent;color:#aaa;font:500 12px "IBM Plex Sans Thai",sans-serif;cursor:pointer;transition:color .18s,transform .18s}
.candidate-inline-back:hover{color:#fff;transform:translateX(-3px)}
.candidate-inline-layout{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr);gap:clamp(38px,6vw,90px);align-items:start;min-height:720px;padding:32px clamp(20px,4vw,58px) 40px;border-top:1px solid rgba(232,164,71,.18);border-bottom:1px solid rgba(255,255,255,.08)}
.candidate-inline-visual{position:relative;width:min(100%,440px);aspect-ratio:4/5;margin:auto;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--candidate-accent) 72%,#111),#090909);clip-path:polygon(16% 0,84% 0,100% 16%,100% 84%,84% 100%,16% 100%,0 84%,0 16%);filter:drop-shadow(0 28px 28px rgba(0,0,0,.45));color:#fff;font:44px Marcellus}
.candidate-inline-visual:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px rgba(232,164,71,.42);clip-path:inherit;pointer-events:none}
.candidate-inline-visual img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.candidate-inline-copy{max-width:700px}.candidate-inline-copy .eyebrow{margin:0 0 10px;color:#35ce95;font-size:10px;letter-spacing:2px}.candidate-inline-copy h2{margin:0;color:#fff;font-size:clamp(34px,4vw,58px);line-height:1.08}.candidate-inline-title{margin:10px 0 0;color:#d0c5b7;font-size:18px}.candidate-inline-location{display:flex;align-items:center;gap:7px;margin:14px 0 0;color:#817a72;font-size:12px}.candidate-inline-story{margin-top:25px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1)}.candidate-inline-story small{color:#d9a75f;font-size:10px;letter-spacing:.8px}.candidate-inline-story p{max-width:650px;margin:8px 0 0;color:#bbb4ab;font-size:14px;line-height:1.7}.candidate-inline-achievements{display:grid;grid-template-columns:145px minmax(0,1fr);gap:22px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.1)}.candidate-inline-achievements>div small{color:#d9a75f;font:9px Marcellus;letter-spacing:1px}.candidate-inline-achievements>div h3{margin:5px 0 0;color:#fff;font-size:16px;line-height:1.35}.candidate-inline-achievements ol{list-style:none;margin:0;padding:0}.candidate-inline-achievements li{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:0 0 13px;margin:0 0 13px;border-bottom:1px solid rgba(255,255,255,.065)}.candidate-inline-achievements li:last-child{padding-bottom:0;margin-bottom:0;border:0}.candidate-inline-achievements li>small{color:#48dba5;font-size:9px}.candidate-inline-achievements li b{display:block;color:#eee;font-size:12px}.candidate-inline-achievements li p{margin:3px 0 0;color:#817b74;font-size:10px;line-height:1.55}.candidate-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px}.candidate-inline-actions>div strong,.candidate-inline-actions>div span{display:block}.candidate-inline-actions>div strong{color:#f1cd8d;font:clamp(31px,4vw,48px)/1 Marcellus}.candidate-inline-actions>div span{margin-top:5px;color:#7d766e;font-size:10px}.candidate-inline-actions form{margin:0}.candidate-inline-actions .btn{white-space:nowrap;border-radius:28px}.candidate-inline-credit{display:block;margin-top:12px;color:#6f6962;font-size:9px;text-align:right}.candidate-inline-profile.is-entering{animation:inlineCandidateIn .2s ease both}@keyframes inlineCandidateIn{from{opacity:0}to{opacity:1}}
@media(max-width:800px){.candidate-inline-layout{grid-template-columns:1fr;gap:30px;padding-inline:8px}.candidate-inline-visual{width:min(78vw,390px)}.candidate-inline-copy{text-align:center;margin:auto}.candidate-inline-location{justify-content:center}.candidate-inline-achievements{grid-template-columns:1fr;text-align:left}.candidate-inline-actions{flex-direction:column}.candidate-inline-credit{text-align:center}.candidate-inline-story p{font-size:13px}}

/* Use the regular interface typeface for numbers in inline nominee profiles */
.candidate-inline-profile,.candidate-inline-profile :is(strong,em,small){font-family:"IBM Plex Sans Thai",sans-serif!important}
.candidate-inline-actions>div strong{font-weight:600!important;letter-spacing:0!important}

/* One consistent interface typeface for numeric data across the whole site */
:is(
  .rank,
  .candidate-info strong,
  .package-grid strong,
  .vote-total strong,
  .credit-box strong,
  .results-list>a>span,
  .score-summary strong,
  .winner-card>strong,
  .ranking-list em,
  .ranking-list>a>strong,
  .dashboard-category-grid article>span,
  .category-index,
  .ticket-count b,
  .ticket-price b,
  .category-score-view>header strong,
  .category-score-list>a>em,
  .category-score-list>a>strong,
  .category-ring strong,
  .category-metrics dd,
  .candidate-directory-head>strong,
  .candidate-directory-rank,
  .candidate-directory-item>strong,
  .candidate-directory-group>header>strong,
  .nomination-category-options button>span,
  .combined-chart-rank,
  .combined-chart-row>strong,
  .candidate-combined-chart>header>span b,
  .combined-chart-legend i,
  .chart-tooltip strong,
  .share-tooltip strong span,
  .share-tooltip em,
  .candidate-inline-actions>div strong
){font-family:"IBM Plex Sans Thai",sans-serif!important;font-variant-numeric:tabular-nums}
.combined-chart-scale,.chart-value,.chart-index,.chart-axis-value{font-family:"IBM Plex Sans Thai",sans-serif!important;font-variant-numeric:tabular-nums}

/* Phone authentication and OTP flow */
[data-register-details]{display:grid;gap:10px}[data-register-details][hidden],[data-register-otp][hidden]{display:none!important}[data-register-otp]{display:grid;gap:11px}.otp-sent-copy{margin:0 0 3px;color:#999;font-size:11px}.otp-sent-copy b{color:#fff}.otp-sent-copy span{display:inline-block;margin-top:4px}.otp-back,.otp-resend{border:0;background:transparent;color:#999;font:11px "IBM Plex Sans Thai";cursor:pointer}.otp-back:hover,.otp-resend:hover:not(:disabled){color:#fff}.otp-resend:disabled{cursor:not-allowed;opacity:.55}.auth-form-message{min-height:17px;margin:0!important;color:#999!important;font-size:10px!important}.auth-form-message.is-error{color:#ff8c8c!important}.auth-form-message.is-success{padding:7px 10px;border-radius:8px;background:rgba(47,194,135,.12);color:#65ddaF!important}.register-modal-card input[name="otp"]{text-align:center;font-size:22px;letter-spacing:7px}

/* Standalone member dashboard — same visual language as the home results */
.dashboard-page .site-header,.dashboard-page>footer{display:none!important}.dashboard-page{min-height:100vh;background:#080706}.dashboard-page>.nav-background-video{position:fixed!important;z-index:0!important;inset:0!important;width:100%!important;height:100vh!important;object-fit:cover!important;filter:saturate(.68) brightness(.34) contrast(1.12)!important}.dashboard-page main{position:relative;z-index:2;min-height:100vh;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(7,5,4,.55),rgba(0,0,0,.76))}.member-dashboard{width:min(1380px,calc(100% - 44px));min-height:100vh;margin:auto;padding:24px 0 70px}.member-dashboard-head{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.member-dashboard-head>a{display:flex;align-items:center;gap:11px}.member-dashboard-head>a img{width:48px}.member-dashboard-head>a b,.member-dashboard-head>a small{display:block}.member-dashboard-head>a b{color:#fff;font-size:14px;letter-spacing:1px}.member-dashboard-head>a small{color:#b28a55;font-size:9px}.member-dashboard-head>div{display:flex;align-items:center;gap:22px}.member-dashboard-head>div>a,.member-dashboard-head button{border:0;background:transparent;color:#aaa;font:500 11px "IBM Plex Sans Thai";cursor:pointer}.member-dashboard-head form{margin:0}.member-dashboard-head button{display:flex;align-items:center;gap:7px}.member-dashboard-head :is(a,button):hover{color:#fff}.member-dashboard-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;padding:70px 4% 55px}.member-dashboard-intro h1{margin:7px 0 14px;color:#fff;font-size:clamp(45px,5vw,76px);line-height:.98}.member-dashboard-intro h1 span{color:#e8b76d}.member-dashboard-intro>div:first-child>p:last-child{color:#928b83}.member-identity{display:flex;align-items:center;gap:20px;padding-bottom:9px}.member-identity>span{width:86px;height:86px;display:grid;place-items:center;flex:0 0 auto;color:#111;background:linear-gradient(145deg,#f2c67e,#9c682e);clip-path:polygon(16% 0,84% 0,100% 16%,100% 84%,84% 100%,16% 100%,0 84%,0 16%);font-size:34px;font-weight:600}.member-identity small{color:#42d49e;font-size:9px}.member-identity h2{margin:3px 0;color:#fff;font-size:25px}.member-identity p{margin:0;color:#777;font-size:11px}.member-stat-line{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;align-items:stretch;border-top:1px solid rgba(232,164,71,.25);border-bottom:1px solid rgba(255,255,255,.11)}.member-stat-line>div{padding:25px 28px;border-right:1px solid rgba(255,255,255,.1)}.member-stat-line small,.member-stat-line span{display:block}.member-stat-line>div>small{color:#888;font-size:9px}.member-stat-line strong{display:block;margin:5px 0;color:#fff;font-size:35px;line-height:1}.member-stat-line span{color:#69645e;font-size:9px}.member-stat-line>a{display:flex;align-items:center;justify-content:center;gap:14px;color:#10120f;background:linear-gradient(135deg,#3bd19a,#c7a05e);font-size:14px;font-weight:600;transition:.2s}.member-stat-line>a:hover{filter:brightness(1.08);gap:20px}.member-history{padding:54px 4% 0}.member-history>header{display:flex;align-items:end;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.14)}.member-history h2{margin:3px 0 0;color:#fff;font-size:31px}.member-history>header>span{color:#867d72;font-size:11px}.member-history-list article{display:grid;grid-template-columns:45px 42px minmax(0,1fr) 110px;gap:15px;align-items:center;min-height:78px;border-bottom:1px solid rgba(255,255,255,.085);transition:.2s}.member-history-list article:hover{padding-left:10px;background:linear-gradient(90deg,rgba(232,164,71,.055),transparent)}.member-history-list article>em{color:#665f57;font-style:normal;font-size:11px}.member-history-list article>i{width:34px;height:34px;display:grid;place-items:center;color:#41d19b;border:1px solid rgba(65,209,155,.35);transform:rotate(45deg)}.member-history-list article>i svg{transform:rotate(-45deg)}.member-history-list article b,.member-history-list article div small{display:block}.member-history-list article b{color:#eee;font-size:13px}.member-history-list article div small{margin-top:2px;color:#6e6963;font-size:9px}.member-history-list article>strong{text-align:right;color:#e6bd7b;font-size:16px}.member-history-list article>strong small{font-size:9px;font-weight:400}.member-history-empty{text-align:center;padding:80px 20px}.member-history-empty>span{color:#dca45c;font-size:30px}.member-history-empty h3{margin:9px 0 3px;color:#fff}.member-history-empty p{margin:0 0 18px;color:#777;font-size:11px}
@media(max-width:800px){.member-dashboard{width:min(100% - 24px,1380px)}.member-dashboard-head>div>a{display:none}.member-dashboard-intro{grid-template-columns:1fr;padding:45px 5px 35px;gap:30px}.member-stat-line{grid-template-columns:repeat(3,1fr)}.member-stat-line>div{padding:17px 10px}.member-stat-line>a{grid-column:1/-1;padding:15px}.member-history{padding-inline:2px}.member-history-list article{grid-template-columns:27px 34px 1fr 75px;gap:9px}.member-history-list article>strong{font-size:13px}}

/* Member account as a native panel inside the home dashboard */
.home-page .dashboard-member-inline{padding:12px 0 48px}.home-page .dashboard-member-inline .member-dashboard-intro{padding-top:35px}.home-page .member-stat-line>button{border:0;display:flex;align-items:center;justify-content:center;gap:14px;color:#10120f;background:linear-gradient(135deg,#3bd19a,#c7a05e);font:600 14px "IBM Plex Sans Thai";cursor:pointer;transition:.2s}.home-page .member-stat-line>button:hover{filter:brightness(1.08);gap:20px}.member-inline-logout{display:flex;justify-content:flex-end;margin:30px 4% 0}.member-inline-logout button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#777;font:11px "IBM Plex Sans Thai";cursor:pointer}.member-inline-logout button:hover{color:#fff}.home-page .reference-tabs:has([data-dashboard-view="member"]){left:50%;width:min(760px,96%)}.home-page .reference-tabs:has([data-dashboard-view="member"]) button{width:25%!important}
@media(max-width:650px){.home-page .reference-tabs:has([data-dashboard-view="member"]) button{font-size:9px!important;padding-inline:2px}.home-page .dashboard-member-inline .member-dashboard-intro{padding-top:20px}.home-page .member-stat-line>button{grid-column:1/-1;padding:14px}.member-inline-logout{justify-content:center}}

/* Member dashboard opens as a stable viewport modal */
body.modal-open{overflow:hidden}
.home-page .vote-dashboard>.member-modal{position:fixed!important;z-index:1000!important;inset:0!important;display:grid!important;place-items:center;padding:22px;background:rgba(0,0,0,.82);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;backdrop-filter:blur(10px)}
.home-page .vote-dashboard>.member-modal.show{opacity:1;visibility:visible;pointer-events:auto}
.member-modal-shell{position:relative;width:min(1180px,100%);max-height:calc(100vh - 44px);overflow:auto;padding:12px 30px 30px;background:#0c0b0a;border:1px solid rgba(232,164,71,.28);border-radius:24px;box-shadow:0 35px 90px rgba(0,0,0,.68);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#76532f transparent}
.member-modal-close{position:sticky;z-index:5;top:4px;left:100%;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#171513;color:#ddd;font-size:25px;line-height:1;cursor:pointer}.member-modal-close:hover{color:#fff;border-color:#bc8749}
.member-modal .member-dashboard-intro{display:block;padding:0 3% 20px}.member-modal .member-identity{padding:0}.member-modal .member-identity>span{width:64px;height:64px;font-size:25px}.member-modal .member-identity small{color:#d8a75f;letter-spacing:.6px}.member-modal .member-identity h2{margin:2px 0;font-size:21px}.member-modal .member-stat-line>div{padding:19px 24px}.member-modal .member-stat-line strong{font-size:29px}.member-modal .member-stat-line>button{border:0;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#3bd19a,#c7a05e);color:#10120f;font:600 13px "IBM Plex Sans Thai";cursor:pointer}.member-modal .member-history{padding:28px 3% 0}.member-modal .member-history h2{font-size:25px}.member-modal .member-history-list article{min-height:67px}.member-modal .member-inline-logout{margin:20px 3% 0}
@media(max-width:650px){.home-page .vote-dashboard>.member-modal{padding:8px}.member-modal-shell{max-height:calc(100vh - 16px);padding:8px 14px 24px;border-radius:17px}.member-modal .member-dashboard-intro{padding-top:4px}.member-modal .member-stat-line{grid-template-columns:repeat(3,1fr)}.member-modal .member-stat-line>button{grid-column:1/-1;padding:13px}.member-modal .member-history{padding-inline:0}}

/* Compact account dialog */
.member-modal-shell{width:min(820px,calc(100vw - 32px));max-height:min(82vh,720px);padding:12px 24px 20px;border-radius:19px;overflow:hidden}
.member-modal-close{position:absolute;top:14px;right:14px;left:auto;width:32px;height:32px;font-size:21px}
.member-modal .member-dashboard-intro{padding:10px 42px 16px 0}
.member-modal .member-identity>span{width:54px;height:54px;font-size:21px}.member-modal .member-identity{gap:14px}.member-modal .member-identity h2{font-size:18px}
.member-modal .member-stat-line{grid-template-columns:repeat(3,1fr) 1.05fr}.member-modal .member-stat-line>div{padding:15px 16px}.member-modal .member-stat-line strong{font-size:25px}.member-modal .member-stat-line>button{padding:10px;font-size:11px}
.member-modal .member-history{padding:22px 0 0}.member-modal .member-history>header{padding-bottom:12px}.member-modal .member-history h2{font-size:21px}.member-modal .member-history-list{max-height:295px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#76532f transparent}.member-modal .member-history-list article{min-height:58px}.member-modal .member-inline-logout{margin:14px 0 0}
@media(max-width:650px){.member-modal-shell{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:12px 14px 18px;overflow:auto}.member-modal .member-dashboard-intro{padding-top:6px}.member-modal .member-stat-line{grid-template-columns:repeat(3,1fr)}.member-modal .member-stat-line>div{padding:12px 7px}.member-modal .member-stat-line strong{font-size:21px}.member-modal .member-stat-line>button{grid-column:1/-1;padding:11px}.member-modal .member-history-list{max-height:38vh}}

/* Compact profile management and vote-credit tools */
.member-modal .member-dashboard-intro{display:flex;align-items:center;justify-content:space-between;gap:18px}.member-identity>span img{width:100%;height:100%;object-fit:cover}.member-manage-actions{display:flex;gap:7px}.member-manage-actions button,.member-manage-actions a{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#171513;color:#999;font:10px "IBM Plex Sans Thai";line-height:1.2;text-decoration:none;cursor:pointer;white-space:nowrap}.member-manage-actions button:hover,.member-manage-actions button.active,.member-manage-actions a:hover{border-color:#a8763e;color:#fff;background:#282019}.member-manage-actions .member-admin-link{border-color:rgba(224,167,86,.52);background:linear-gradient(135deg,#37291b,#211a14);color:#efc27e}.member-manage-actions .member-admin-link:hover{border-color:#e0a756;background:linear-gradient(135deg,#4b3420,#2d2117);color:#fff}.member-tool-panel{padding:14px 16px;margin-bottom:14px;background:#151311;border:1px solid rgba(232,164,71,.18);border-radius:12px}.member-tool-panel[hidden]{display:none!important}.member-tool-panel>form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}.member-tool-panel label{color:#8c857d;font-size:9px}.member-tool-panel input{display:block;width:100%;height:37px;margin-top:4px;padding:7px 10px;border:1px solid #39342f;border-radius:8px;background:#0d0c0b;color:#fff;font:11px "IBM Plex Sans Thai"}.member-tool-panel input[type="file"]{padding:7px;font-size:9px}.member-tool-panel .btn{height:37px;padding:7px 17px}.member-topup-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.member-topup-head small,.member-topup-head b{display:block}.member-topup-head small{color:#3ed29b;font-size:8px}.member-topup-head b{color:#fff;font-size:15px}.member-topup-head>span{color:#68625c;font-size:8px}.member-topup-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.member-topup-options button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border:1px solid #3a342e;border-radius:9px;background:#0e0d0c;color:#fff;cursor:pointer}.member-topup-options button:hover{border-color:#b27d42;background:#211a14}.member-topup-options span b,.member-topup-options span small{display:block;text-align:left}.member-topup-options span b{font-size:18px}.member-topup-options span small{color:#777;font-size:8px}.member-topup-options strong{color:#e5b871;font-size:15px}
@media(max-width:650px){.member-modal .member-dashboard-intro{align-items:flex-start;flex-direction:column}.member-manage-actions{width:100%;flex-wrap:wrap}.member-manage-actions button,.member-manage-actions a{flex:1;justify-content:center;min-width:calc(50% - 4px)}.member-manage-actions .member-admin-link{flex-basis:100%}.member-tool-panel>form{grid-template-columns:1fr}.member-topup-options{grid-template-columns:1fr 1fr 1fr}.member-topup-options button{display:block;text-align:center;padding:8px}.member-topup-options span b,.member-topup-options span small{text-align:center}.member-topup-options strong{display:block;margin-top:5px}}

/* Custom vote amount at a fixed 1 baht : 10 votes rate */
.member-tool-panel>.member-custom-topup{display:grid;grid-template-columns:minmax(145px,.8fr) 1.25fr minmax(125px,.7fr) auto;align-items:end;gap:12px}.member-custom-topup>label>span{display:block;margin-bottom:4px;color:#8c857d;font-size:9px}.member-custom-topup>label>div{height:40px;display:flex;align-items:center;border:1px solid #423a32;border-radius:9px;background:#0c0b0a;overflow:hidden}.member-custom-topup>label b{padding-left:12px;color:#dca45d}.member-custom-topup input[name="amount"]{height:38px;margin:0;border:0;background:transparent;font-size:16px}.topup-quick{height:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.topup-quick button{border:1px solid #37312c;border-radius:8px;background:#0d0c0b;color:#aaa;font:10px "IBM Plex Sans Thai";cursor:pointer}.topup-quick button:hover{border-color:#aa773f;color:#fff;background:#241c15}.topup-conversion{min-width:0}.topup-conversion small,.topup-conversion strong,.topup-conversion span{display:block}.topup-conversion small{color:#777;font-size:8px}.topup-conversion strong{color:#efc27e;font-size:20px;line-height:1.1}.topup-conversion span{color:#777;font-size:8px}.member-custom-topup>.btn{height:40px;white-space:nowrap}
@media(max-width:700px){.member-tool-panel>.member-custom-topup{grid-template-columns:1fr 1fr}.topup-quick{grid-column:1/-1;grid-row:2}.member-custom-topup>.btn{width:100%}}

/* Lighter labels and finer points on the overall score chart */
.chart-value{font-size:9px!important;font-weight:400!important;stroke-width:2px!important;letter-spacing:0!important}
.chart-axis-value{font-size:8px!important;font-weight:400!important}
.chart-index{font-size:9px!important;font-weight:400!important}
.chart-point{stroke-width:1.25px!important}
.chart-point-halo{opacity:.35!important}
.chart-point-link:hover .chart-point-halo{r:6!important}
.chart-point-link:hover .chart-point{r:2.8!important;stroke-width:1.5px!important}

/* Clearer member name and vote-credit balance in the top navigation */
.home-page .header-actions .account-btn{display:grid;grid-template-columns:18px minmax(42px,auto) auto;align-items:center;column-gap:9px;padding:7px 9px 7px 14px!important;min-width:0;background:rgba(18,17,16,.88)!important;border:1px solid rgba(255,255,255,.13)!important}
.home-page .account-btn>span{max-width:105px;overflow:hidden;text-overflow:ellipsis;color:#f3f0eb;font-size:13px!important;font-weight:500;line-height:1.2}
.home-page .account-btn>em{display:flex;align-items:center;justify-content:center;gap:5px;min-width:52px;height:28px;padding:0 9px;border-radius:15px;background:linear-gradient(135deg,#e7b765,#9f6e35);color:#16100a;font:600 12px/1 "IBM Plex Sans Thai",sans-serif;font-style:normal;box-shadow:inset 0 1px rgba(255,255,255,.35),0 3px 9px rgba(0,0,0,.25)}
.home-page .account-btn>em:before{content:"✦";font-size:9px;color:#fff2c8}
.home-page .account-btn:hover{border-color:rgba(231,183,101,.5)!important;background:#211d18!important}
@media(max-width:900px){.home-page .account-btn>span{display:none}.home-page .header-actions .account-btn{grid-template-columns:18px auto;padding-left:10px!important}.home-page .account-btn>em{min-width:48px}}

/* Alternate account control: quiet identity + separated balance */
.home-page .header-actions .account-btn{display:flex;gap:0!important;padding:0 0 0 11px!important;min-height:42px!important;border-color:rgba(255,255,255,.14)!important;border-radius:23px!important;background:rgba(10,9,9,.72)!important;overflow:hidden}
.home-page .account-btn>svg{margin-right:8px;color:#d6a55f}
.home-page .account-btn>span{max-width:105px;margin-right:12px;color:#eee;font-size:12px!important;font-weight:400}
.home-page .account-btn>em{align-self:stretch;min-width:66px;height:auto;padding:5px 11px;border:0;border-left:1px solid rgba(229,177,98,.28);border-radius:0;background:rgba(229,177,98,.08);box-shadow:none;display:grid;grid-template-columns:auto;grid-template-rows:auto auto;place-content:center;color:#edc27e;font-size:13px;line-height:1;font-weight:600}
.home-page .account-btn>em:before{display:none}
.home-page .account-btn>em:after{content:"คะแนน";display:block;margin-top:3px;color:#817567;font:400 7px/1 "IBM Plex Sans Thai",sans-serif;letter-spacing:.5px;text-align:center}
.home-page .account-btn:hover>em{background:rgba(229,177,98,.14);color:#ffe0a7}
@media(max-width:900px){.home-page .header-actions .account-btn{padding-left:10px!important}.home-page .account-btn>span{display:none}.home-page .account-btn>svg{margin-right:9px}.home-page .account-btn>em{min-width:60px}}

/* Final compact account balance: one clean line, no unit label */
.home-page .header-actions .account-btn{height:40px!important;min-height:40px!important;padding:0 13px!important;gap:9px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:21px!important;background:rgba(12,11,11,.76)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 5px 16px rgba(0,0,0,.16);overflow:visible}
.home-page .account-btn>svg{width:16px!important;height:16px!important;margin:0!important;color:#d8a55e}
.home-page .account-btn>span{max-width:100px;margin:0;color:#f3f1ed;font-size:12px!important;line-height:1;font-weight:500}
.home-page .account-btn>em{display:flex;align-items:center;align-self:center;justify-content:center;gap:6px;min-width:0;height:19px;margin-left:2px;padding:0 0 0 11px;border:0;border-left:1px solid rgba(255,255,255,.17);border-radius:0;background:transparent;box-shadow:none;color:#efbd6d;font:600 12px/1 "IBM Plex Sans Thai",sans-serif;font-style:normal}
.home-page .account-btn>em:before{content:"◆";display:inline;color:#d99f4f;font-size:7px}
.home-page .account-btn>em:after{display:none!important;content:none!important}
.home-page .account-btn:hover{background:rgba(28,24,20,.9)!important;border-color:rgba(224,170,91,.4)!important}.home-page .account-btn:hover>em{background:transparent;color:#ffd995}
@media(max-width:900px){.home-page .header-actions .account-btn{padding-inline:11px!important}.home-page .account-btn>span{display:none}.home-page .account-btn>em{padding-left:9px}}

/* Keep the account/payment dialog above every home-page section */
.home-page .vote-dashboard:has(.member-modal.show){z-index:9999!important;isolation:auto!important}
.home-page .vote-dashboard>.member-modal{z-index:10000!important;background:#050505!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.home-page .vote-dashboard>.member-modal.show{display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.home-page .member-modal-shell{position:relative!important;z-index:10001!important;max-height:calc(100dvh - 32px)!important;overflow-x:hidden!important;overflow-y:auto!important;background:#0d0c0b!important;opacity:1!important;pointer-events:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.home-page .member-tool-panel{background:#171411!important}.home-page .member-custom-topup input,.home-page .member-tool-panel input{pointer-events:auto!important}
.topup-modal .payment-methods{grid-template-columns:1fr!important}.topup-modal .slip-upload input[type="file"]{height:auto;min-height:40px;padding:8px;color:#ddd}.topup-modal .slip-upload{min-width:180px}
.mobile-bank-mark{flex:0 0 190px;width:190px;height:110px;display:block;overflow:hidden;border-radius:18px;background:#46c889;box-shadow:0 10px 28px rgba(0,0,0,.35)}.mobile-bank-mark img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:700px){.mobile-bank-mark{align-self:stretch;flex-basis:auto;width:100%;height:130px;border-radius:16px}}
@media(max-width:650px){.home-page .vote-dashboard>.member-modal{padding:8px!important}.home-page .member-modal-shell{max-height:calc(100dvh - 16px)!important}}

/* Payment destination, gateway choice and final review */
.payment-recipient{display:flex;align-items:center;gap:10px;margin:11px 0;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#0d0c0b}.payment-recipient>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:rgba(47,194,135,.12);color:#42d39d}.payment-recipient small,.payment-recipient b,.payment-recipient p{display:block}.payment-recipient small{color:#777;font-size:7px}.payment-recipient b{color:#eee;font-size:11px}.payment-recipient p{margin:1px 0 0;color:#756f68;font-size:7px}.member-custom-topup .payment-methods{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0;border:0}.payment-methods legend{margin-bottom:5px;color:#837c74;font-size:8px}.payment-methods label{position:relative}.payment-methods input{position:absolute;opacity:0}.payment-methods label>span{display:block;padding:8px 10px;border:1px solid #37322d;border-radius:8px;background:#0e0d0c;cursor:pointer}.payment-methods span b,.payment-methods span small{display:block}.payment-methods span b{color:#bbb;font-size:9px}.payment-methods span small{margin-top:1px;color:#65605a;font-size:7px}.payment-methods input:checked+span{border-color:#b47d40;background:#211a14;box-shadow:inset 3px 0 #d8a054}.payment-methods input:checked+span b{color:#fff}.payment-review-modal{position:fixed;z-index:12000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.86);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.payment-review-modal.show{opacity:1;visibility:visible;pointer-events:auto}.payment-review-card{position:relative;width:min(460px,100%);padding:28px;background:#11100e;border:1px solid rgba(232,164,71,.32);border-radius:17px;box-shadow:0 30px 80px rgba(0,0,0,.65)}.payment-review-card>button:first-child{position:absolute;right:13px;top:12px;border:0;background:transparent;color:#999;font-size:24px;cursor:pointer}.payment-review-card h2{margin:3px 0;color:#fff;font-size:25px}.payment-review-card>p:not(.eyebrow){margin:0;color:#777;font-size:10px}.payment-review-card dl{margin:20px 0;border-top:1px solid #333}.payment-review-card dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #2b2926}.payment-review-card dt{color:#777;font-size:9px}.payment-review-card dd{margin:0;color:#eee;font-size:11px;text-align:right}.payment-review-card dl>div:nth-last-child(-n+2) dd{color:#e6b66f;font-size:15px;font-weight:600}.payment-review-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.payment-review-actions>button{height:39px;border:1px solid #3b3732;border-radius:20px;background:transparent;color:#aaa;font:10px "IBM Plex Sans Thai";cursor:pointer}.payment-review-actions>.btn{color:#17110b;background:var(--gold)}.payment-review-card>small{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:13px;color:#625e58;font-size:7px}
@media(max-width:700px){.member-custom-topup .payment-methods{grid-template-columns:1fr}.payment-review-card{padding:24px 18px}}

/* Dedicated top-up modal, independent from the member account modal */
.topup-modal{position:fixed;z-index:11000;inset:0;display:grid;place-items:center;padding:18px;background:#050505;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s}.topup-modal.show{opacity:1;visibility:visible;pointer-events:auto}.topup-modal-card.member-tool-panel{position:relative;display:block;width:min(760px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;margin:0;padding:24px;background:#151311;border:1px solid rgba(232,164,71,.25);border-radius:18px;box-shadow:0 30px 85px rgba(0,0,0,.7)}.topup-modal-close{position:absolute;z-index:3;right:13px;top:11px;width:32px;height:32px;border:1px solid #3c3732;border-radius:50%;background:#0d0c0b;color:#aaa;font-size:21px;cursor:pointer}.topup-modal-close:hover{color:#fff;border-color:#a87841}.topup-modal .member-topup-head{padding-right:38px}.topup-modal .member-custom-topup{margin-top:13px}.topup-modal .payment-recipient{margin-top:14px}
@media(max-width:650px){.topup-modal{padding:8px}.topup-modal-card.member-tool-panel{max-height:calc(100dvh - 16px);padding:19px 14px;border-radius:15px}}
.home-page .vote-dashboard:has(.payment-review-modal.show){z-index:13000!important;isolation:auto!important}

/* Expanded gateway modal and responsive payment-method details */
.topup-modal-card.member-tool-panel{width:min(920px,100%);padding:32px!important}.topup-modal .member-topup-head b{font-size:21px}.topup-modal .member-topup-head small{font-size:10px}.topup-modal .member-topup-head>span{font-size:10px}.topup-modal .payment-recipient{padding:13px 15px}.topup-modal .payment-recipient b{font-size:14px}.topup-modal .payment-recipient small,.topup-modal .payment-recipient p{font-size:9px}.topup-modal .payment-methods legend{font-size:10px}.topup-modal .payment-methods label>span{padding:12px 14px}.topup-modal .payment-methods span b{font-size:12px}.topup-modal .payment-methods span small{font-size:9px}.payment-method-detail{grid-column:1/-1;min-height:145px;display:flex;align-items:center;gap:22px;padding:17px;border:1px solid #3d3731;border-radius:12px;background:#0d0c0b}.payment-method-detail[hidden]{display:none!important}.promptpay-qr{position:relative;flex:0 0 112px;width:112px;height:112px;border:9px solid #fff;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0 0/13px 13px;box-shadow:0 5px 20px rgba(0,0,0,.32)}.promptpay-qr i{position:absolute;width:27px;height:27px;border:6px solid #111;background:#fff}.promptpay-qr i:nth-child(1){left:3px;top:3px}.promptpay-qr i:nth-child(2){right:3px;top:3px}.promptpay-qr i:nth-child(3){left:3px;bottom:3px}.payment-method-detail>div:last-child small,.payment-method-detail>div:last-child b,.payment-method-detail>div:last-child p,.payment-method-detail>div:last-child strong{display:block}.payment-method-detail>div:last-child small{color:#42d49e;font-size:9px;letter-spacing:1px}.payment-method-detail>div:last-child b{margin-top:4px;color:#fff;font-size:16px}.payment-method-detail>div:last-child p{margin:3px 0 10px;color:#777;font-size:10px}.payment-method-detail>div:last-child strong{color:#e8b86e;font-size:19px}.mobile-bank-copy{min-width:180px}.mobile-bank-list{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px;flex:1}.mobile-bank-list button{min-height:76px;border:1px solid #38332e;border-radius:9px;background:#151311;color:#aaa;cursor:pointer}.mobile-bank-list button.active{border-color:#c28a48;background:#261e16;color:#fff;box-shadow:inset 0 3px #d49a52}.mobile-bank-list i,.mobile-bank-list span{display:block}.mobile-bank-list i{font-style:normal;font-weight:700}.mobile-bank-list span{margin-top:5px;font-size:8px}.card-payment-detail{display:grid;grid-template-columns:2fr 1.4fr .8fr .7fr;gap:9px}.card-payment-detail label{color:#888;font-size:9px}.card-payment-detail input{display:block;width:100%;height:42px;margin-top:5px;padding:8px 10px;border:1px solid #3c3731;border-radius:8px;background:#171513;color:#fff;font:11px "IBM Plex Sans Thai"}.topup-modal .member-custom-topup>label>span{font-size:11px}.topup-modal .member-custom-topup input[name="amount"]{font-size:18px}.topup-modal .topup-conversion strong{font-size:24px}.topup-modal .member-custom-topup>.btn{height:44px;font-size:12px}
@media(max-width:700px){.topup-modal-card.member-tool-panel{padding:22px 15px!important}.payment-method-detail{align-items:flex-start;flex-direction:column}.promptpay-qr{align-self:center}.mobile-bank-list{width:100%;grid-template-columns:1fr 1fr}.card-payment-detail{display:grid;grid-template-columns:1fr 1fr}.card-payment-detail label:first-child,.card-payment-detail label:nth-child(2){grid-column:1/-1}}

/* Tighter, better-balanced home hero */
.home-page .results-hero{height:320px;margin-top:14px;margin-bottom:18px}
.home-page .results-hero-copy{width:min(1460px,100%);padding:34px clamp(28px,5vw,72px);justify-content:center}
.home-page .results-hero-copy h1{max-width:720px;margin:2px 0 9px;font-size:clamp(38px,3.5vw,53px);line-height:1.02}
.home-page .results-hero-copy>p:not(.eyebrow){max-width:620px;margin-bottom:17px;font-size:14px}
.home-page .results-hero-copy .eyebrow{margin-bottom:4px;font-size:9px;letter-spacing:2.2px}
.home-page .results-hero-copy .btn{min-height:39px;padding:8px 17px;font-size:12px}
.home-page .results-hero-award{right:max(8vw,62px);bottom:-124px;width:310px;height:430px}
.home-page .results-hero-award img{height:430px}
@media(max-width:650px){.home-page .results-hero{height:370px;margin:10px 9px 14px}.home-page .results-hero-copy{padding:32px 18px;justify-content:flex-start}.home-page .results-hero-copy h1{font-size:34px}.home-page .results-hero-copy>p:not(.eyebrow){max-width:72%;font-size:12px}.home-page .results-hero-copy>div{width:62%;padding:0}.home-page .results-hero-award{right:-23px;bottom:-72px;width:180px;height:290px}.home-page .results-hero-award img{height:300px}}

/* Let the results surface end exactly where its content ends */
.home-page .vote-dashboard{min-height:0!important;height:auto!important;padding-bottom:30px!important}
.home-page .dashboard-view.active,.home-page .dashboard-grid-main{height:auto!important;min-height:0!important}
.home-page .dashboard-grid-main{align-items:start}
.home-page .dashboard-view{min-height:0!important;height:auto!important}.home-page .dashboard-view[hidden]{display:none!important}.home-page .dashboard-overview,.home-page .ranking-panel{align-self:start;height:auto!important;min-height:0!important}

/* Direct bank-account details shown only after choosing Mobile Banking */
.mobile-account-detail{display:grid;grid-template-columns:190px 1fr;align-items:center}.mobile-bank-mark{width:190px;height:110px;display:block!important;overflow:hidden;border-radius:18px;background:#46c889;box-shadow:0 10px 28px rgba(0,0,0,.35)}.mobile-bank-mark img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.mobile-account-detail em{display:block;margin-top:6px;color:#6d6760;font-size:7px;font-style:normal}.mobile-account-detail .bank-account-number{display:flex!important;align-items:center;gap:10px;color:#f0c27d!important;font-size:22px!important;letter-spacing:1px}.bank-account-number button{padding:4px 8px;border:1px solid #4a433c;border-radius:12px;background:transparent;color:#aaa;font:8px "IBM Plex Sans Thai";cursor:pointer}.bank-account-number button:hover{color:#fff;border-color:#b47d40}
@media(max-width:700px){.mobile-account-detail{grid-template-columns:1fr}.mobile-bank-mark{width:100%;height:130px;border-radius:16px}.mobile-account-detail .bank-account-number{font-size:17px!important}}

/* Two-step vote confirmation */
.vote-flow-modal{position:fixed;z-index:14000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.86);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;backdrop-filter:blur(8px)}
.vote-flow-modal.show{opacity:1;visibility:visible;pointer-events:auto}.vote-flow-card{position:relative;width:min(520px,100%);padding:34px;background:linear-gradient(150deg,#181512,#0c0b0a);border:1px solid rgba(232,164,71,.32);border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.07)}
.vote-flow-close{position:absolute;right:14px;top:13px;width:34px;height:34px;border:1px solid #45403a;border-radius:50%;background:#0b0a09;color:#aaa;font-size:23px;cursor:pointer}.vote-flow-card h2{margin:5px 38px 5px 0;color:#fff;font-size:27px;line-height:1.25}.vote-flow-card h2 span{color:#efb967}.vote-flow-card>div>p:not(.eyebrow){margin:0 0 22px;color:#888;font-size:12px}
.vote-amount-control{display:grid;grid-template-columns:48px 1fr 48px;gap:10px;align-items:stretch;margin:22px 0 12px}.vote-amount-control>button{border:1px solid #423b34;border-radius:12px;background:#12100e;color:#e8b46a;font-size:25px;cursor:pointer}.vote-amount-control label{display:flex;align-items:baseline;justify-content:center;gap:9px;padding:12px;border:1px solid #5c4934;border-radius:13px;background:#0a0908}.vote-amount-control input{width:120px;border:0;outline:0;background:transparent;color:#fff;text-align:right;font:400 38px/1 "IBM Plex Sans Thai"}.vote-amount-control label span{color:#8c8379;font-size:11px}
.vote-quick-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.vote-quick-picks button{height:35px;border:1px solid #39342f;border-radius:18px;background:#11100e;color:#aaa;font:11px "IBM Plex Sans Thai";cursor:pointer}.vote-quick-picks button:hover{border-color:#d39a52;color:#fff}.vote-flow-card [data-vote-step="amount"]>small{display:block;margin:13px 0 19px;color:#777;font-size:10px}.vote-flow-card [data-vote-step="amount"]>.btn{width:100%;border-radius:22px}
.vote-flow-card dl{margin:22px 0;border-top:1px solid #39342f}.vote-flow-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 2px;border-bottom:1px solid #302c28}.vote-flow-card dt{color:#817970;font-size:11px}.vote-flow-card dd{margin:0;color:#eee;font-size:13px;text-align:right}.vote-flow-card dd strong{color:#efb967;font-size:24px;font-weight:500}.vote-review-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:9px}.vote-review-actions button{height:43px;border:1px solid #464039;border-radius:22px;background:transparent;color:#aaa;font:11px "IBM Plex Sans Thai";cursor:pointer}.vote-review-actions .btn{background:var(--gold);color:#17100a}.vote-flow-card [hidden]{display:none!important}
@media(max-width:600px){.vote-flow-modal{padding:10px}.vote-flow-card{padding:27px 18px;border-radius:17px}.vote-flow-card h2{font-size:22px}.vote-amount-control{grid-template-columns:43px 1fr 43px}.vote-amount-control input{width:90px;font-size:32px}}

/* Refined vote review */
.vote-flow-card:has([data-vote-step="review"]:not([hidden])){width:min(590px,100%);padding:42px 44px 38px;background:radial-gradient(circle at 88% 8%,rgba(232,164,71,.13),transparent 34%),linear-gradient(145deg,#1b1713,#0b0a09 72%);border-color:rgba(232,164,71,.46)}
.vote-flow-card [data-vote-step="review"]>.eyebrow{margin:0 0 10px;color:#eab36a;font-size:11px;letter-spacing:3px;font-weight:500}
.vote-flow-card [data-vote-step="review"]>h2{margin:0 40px 7px 0;font-size:34px;line-height:1.18;font-weight:600;letter-spacing:-.4px}
.vote-flow-card [data-vote-step="review"]>p:not(.eyebrow){margin:0;color:#aaa;font-size:14px;line-height:1.65}
.vote-flow-card [data-vote-step="review"] dl{margin:28px 0 26px;padding:0 22px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(7,7,6,.52);overflow:hidden}
.vote-flow-card [data-vote-step="review"] dl>div{min-height:70px;padding:14px 2px;border-bottom-color:rgba(255,255,255,.09)}
.vote-flow-card [data-vote-step="review"] dl>div:last-child{border-bottom:0}
.vote-flow-card [data-vote-step="review"] dt{color:#918981;font-size:13px;font-weight:400}
.vote-flow-card [data-vote-step="review"] dd{max-width:65%;color:#f5f1eb;font-size:16px;font-weight:500;line-height:1.35}
.vote-flow-card [data-vote-step="review"] dl>div:first-child dd{font-size:19px;color:#fff}
.vote-flow-card [data-vote-step="review"] dl>div:nth-child(2){position:relative}
.vote-flow-card [data-vote-step="review"] dl>div:nth-child(2):before{content:"";position:absolute;left:-22px;top:0;bottom:0;width:3px;background:linear-gradient(#f2c277,#b87935)}
.vote-flow-card [data-vote-step="review"] dd strong{margin-right:5px;color:#f3bd6b;font-size:34px;line-height:1;font-weight:600}
.vote-flow-card [data-vote-step="review"] dl>div:last-child dd{color:#bdb5ab;font-size:15px}
.vote-flow-card [data-vote-step="review"] [data-vote-review-balance]{color:#fff;font-size:20px;font-weight:500}
.vote-flow-card [data-vote-step="review"] .vote-review-actions{grid-template-columns:.85fr 1.35fr;gap:12px}
.vote-flow-card [data-vote-step="review"] .vote-review-actions button{height:50px;border-radius:26px;font-size:14px;font-weight:500}
.vote-flow-card [data-vote-step="review"] .vote-review-actions>button:first-child{border-color:#514a43;color:#c5bdb4;background:rgba(255,255,255,.025)}
.vote-flow-card [data-vote-step="review"] .vote-review-actions>.btn{border-color:#e8a447;background:linear-gradient(135deg,#f0bd70,#d88d3a);color:#1a1109;box-shadow:0 10px 25px rgba(216,141,58,.2)}
.vote-flow-card [data-vote-step="review"] .vote-review-actions>.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
@media(max-width:600px){.vote-flow-card:has([data-vote-step="review"]:not([hidden])){padding:31px 20px 23px}.vote-flow-card [data-vote-step="review"]>h2{font-size:27px}.vote-flow-card [data-vote-step="review"]>p:not(.eyebrow){font-size:12px}.vote-flow-card [data-vote-step="review"] dl{margin:22px 0;padding-inline:14px}.vote-flow-card [data-vote-step="review"] dl>div{min-height:62px}.vote-flow-card [data-vote-step="review"] dl>div:nth-child(2):before{left:-14px}.vote-flow-card [data-vote-step="review"] dt{font-size:11px}.vote-flow-card [data-vote-step="review"] dd{font-size:14px}.vote-flow-card [data-vote-step="review"] dl>div:first-child dd{font-size:16px}.vote-flow-card [data-vote-step="review"] dd strong{font-size:29px}.vote-flow-card [data-vote-step="review"] .vote-review-actions button{height:46px;font-size:12px}}

/* Keep dashboard overlays out of document flow (prevents the post-vote blank area) */
.home-page .vote-dashboard>.payment-review-modal{position:fixed!important;inset:0!important;margin:0!important;width:auto!important;height:auto!important}
.topup-modal .payment-methods{grid-template-columns:repeat(2,1fr)!important}

/* Responsive system: desktop, tablet, phone and compact phone */
html,body{max-width:100%;overflow-x:hidden}img,video,svg{max-width:100%}.home-page main>*{min-width:0}.dashboard-view,.dashboard-overview,.ranking-panel,.candidate-inline-copy{min-width:0}
@media(max-width:1200px){
  .home-page .site-header{padding-inline:24px}.home-page .brand b{font-size:14px}.home-page .header-actions{gap:7px}.home-page .header-actions .btn{padding-inline:12px;font-size:11px}
  .home-page .vote-dashboard{padding-inline:22px!important}.home-page .dashboard-grid-main{grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:20px}
  .home-page .dashboard-tabs{gap:8px;overflow-x:auto;scrollbar-width:none}.home-page .dashboard-tabs::-webkit-scrollbar{display:none}.home-page .dashboard-tabs button{flex:0 0 auto;white-space:nowrap;padding-inline:17px}
  .candidate-inline-layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:32px}.candidate-combined-chart{overflow-x:auto}
  .home-page .packages-section{margin-inline:22px;padding-inline:25px}.home-page .vote-ticket{grid-template-columns:100px minmax(190px,1fr) 115px 34px}
}
@media(max-width:980px){
  .home-page .site-header{height:94px;padding-top:13px}.home-page .brand .nav-logo{width:40px;flex-basis:40px}.home-page .brand-by{font-size:6px}
  .home-page .header-actions .header-vote span{display:none}.language-switch{width:40px;height:32px;padding:0}
  .home-page .dashboard-grid-main{grid-template-columns:1fr}.home-page .ranking-panel{width:100%;max-width:none}.home-page .award-visual{height:420px}.home-page .award-visual img{height:395px}
  .candidate-inline-layout{grid-template-columns:1fr}.candidate-inline-visual{width:min(480px,100%);margin-inline:auto;aspect-ratio:4/4.5}.candidate-inline-copy{padding-inline:6px}
  .categories-editorial-head{grid-template-columns:1fr;gap:12px}.category-editorial-row{grid-template-columns:58px 52px minmax(0,1fr);gap:15px}.category-editorial-link{grid-column:3;justify-content:flex-start}
  .home-page .packages-section{grid-template-columns:1fr;gap:28px}.home-page .package-intro{padding:0 0 25px}.home-page .package-intro:after{top:auto;left:0;right:0;bottom:0;width:auto;height:1px}.vote-ticket-list{width:100%}
  .topup-modal .member-custom-topup{grid-template-columns:1fr 1fr}.topup-modal .member-custom-topup>.btn{grid-column:1/-1}.payment-method-detail{grid-column:1/-1}
}
@media(max-width:720px){
  body{font-size:14px}.home-page .site-header{height:82px;padding:10px 12px 0}.home-page .brand{gap:8px}.home-page .brand .nav-logo{width:36px;flex-basis:36px}.home-page .brand b{font-size:12px}.home-page .brand small{font-size:8px}.home-page .menu-toggle{display:grid}.home-page .header-actions{display:none}
  .home-page .vote-dashboard{padding:52px 10px 20px!important;border-radius:19px!important}.home-page .reference-tabs{top:-42px!important;width:calc(100% - 22px)!important;max-width:none!important;height:44px!important}.home-page .reference-tabs button{flex:1;width:auto!important;min-width:0;padding:7px 5px;font-size:11px!important;white-space:nowrap}
  .home-page .reference-note{font-size:8px;text-align:center;left:10px;right:10px}.home-page .dashboard-titlebar{padding-inline:2px}.home-page .dashboard-titlebar h2{font-size:20px}.home-page .dashboard-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.home-page .dashboard-switch a{text-align:center}
  .home-page .dashboard-tabs{margin-inline:-10px;padding-inline:10px;height:auto;min-height:50px}.home-page .dashboard-tabs button{font-size:11px;padding:8px 13px}
  .score-summary{grid-template-columns:1fr 68px 68px!important;padding:15px 11px!important}.score-summary strong{font-size:28px!important}.score-summary span{font-size:9px}.share-strip{padding-inline:11px}.share-strip>span{font-size:10px}
  .home-page .award-visual{height:330px}.home-page .award-visual img{height:310px}.home-page .award-visual>div{left:7%;top:34%}.home-page .award-visual>div strong{font-size:27px}
  .dashboard-callout{grid-template-columns:32px 1fr!important;padding:13px!important}.dashboard-callout a{grid-column:2}.home-page .winner-card{height:170px!important;min-height:170px!important}.home-page .ranking-panel>.winner-card>div:first-child{width:65%;padding-left:13px}.home-page .ranking-list>a{grid-template-columns:28px 44px minmax(0,1fr) 58px;height:76px;padding-inline:7px;gap:6px}.home-page .ranking-photo{width:42px;height:54px}.ranking-name b{font-size:12px!important}.ranking-name small{font-size:8px!important}
  .candidate-category-tabs{justify-content:flex-start!important;margin-inline:-10px!important;padding-inline:10px!important;gap:7px!important}.candidate-category-tabs button{font-size:11px!important;padding:9px 14px!important;min-height:40px!important}.candidate-directory-groups:not(.is-filtered){grid-template-columns:1fr}.candidate-directory-groups.is-filtered .candidate-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding-inline:0}.candidate-directory-groups.is-filtered .candidate-directory-copy h3{font-size:15px}
  .category-editorial-row{grid-template-columns:40px 42px minmax(0,1fr);padding-block:22px;gap:10px}.category-editorial-copy h3{font-size:21px}.category-editorial-copy p{font-size:12px}.category-editorial-link{grid-column:3;font-size:11px}
  .candidate-inline-profile{padding-inline:2px}.candidate-inline-visual{max-height:440px}.candidate-inline-copy h2{font-size:31px}.candidate-inline-actions{align-items:flex-start;flex-direction:column}.candidate-inline-actions form,.candidate-inline-actions .btn{width:100%}
  .home-page .results-hero{height:350px}.home-page .results-hero-copy h1{font-size:31px}.home-page .results-hero-copy>p:not(.eyebrow){font-size:11px}.home-page .results-hero-award{width:160px;height:270px}.home-page .results-hero-award img{height:275px}
  .home-page .packages-section{margin:12px 9px;padding:25px 14px}.home-page .package-intro h2{font-size:29px}.home-page .package-intro>p:not(.eyebrow){font-size:13px}.home-page .vote-ticket{grid-template-columns:66px minmax(0,1fr) 66px 25px;min-height:86px;padding:10px 7px}.ticket-detail{padding-left:10px}.ticket-detail b{font-size:12px!important}.ticket-detail small{font-size:8px!important}.ticket-price b{font-size:20px!important}
  .vote-flow-modal,.topup-modal,.payment-review-modal,.member-modal{padding:8px!important}.vote-flow-card,.payment-review-card{max-height:calc(100dvh - 16px);overflow-y:auto}.topup-modal .member-custom-topup{grid-template-columns:1fr}.topup-quick{grid-template-columns:repeat(4,1fr)}.payment-method-detail{min-height:0}.payment-review-actions,.vote-review-actions{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  .home-page .brand small,.home-page .brand-by{display:none}.home-page .reference-tabs button{font-size:9px!important}.home-page .dashboard-titlebar h2{font-size:17px}.score-summary{grid-template-columns:1fr 55px 55px!important}.score-summary strong{font-size:24px!important}.score-summary .summary-stat{padding-left:7px!important}
  .candidate-directory-groups.is-filtered .candidate-directory-grid{grid-template-columns:1fr 1fr}.candidate-directory-groups.is-filtered .candidate-directory-copy h3{font-size:13px}.candidate-directory-groups.is-filtered .candidate-directory-copy p{font-size:9px}
  .home-page .ranking-list>a{grid-template-columns:22px 38px minmax(0,1fr) 51px}.home-page .ranking-photo{width:36px;height:47px}.home-page .ranking-list em{font-size:17px}.home-page .ranking-list>a>strong{font-size:17px}
  .vote-amount-control{grid-template-columns:40px minmax(0,1fr) 40px}.vote-quick-picks{grid-template-columns:1fr 1fr}.vote-flow-card [data-vote-step="review"] dl>div{align-items:flex-start;flex-direction:column;gap:5px}.vote-flow-card [data-vote-step="review"] dd{max-width:100%;text-align:left}
}

/* Member hub — sidebar dashboard inside modal */
.home-page .member-modal-shell.member-hub{width:min(1040px,calc(100vw - 36px))!important;height:min(720px,calc(100dvh - 36px));max-height:none!important;display:grid;grid-template-columns:270px minmax(0,1fr);padding:0!important;overflow:hidden!important;border:1px solid rgba(220,164,91,.24);border-radius:24px;background:#0b0a09!important;box-shadow:0 38px 110px rgba(0,0,0,.78)}
.member-hub>.member-modal-close{position:absolute;z-index:30;top:16px;right:16px;left:auto;float:none;margin:0;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(19,17,15,.92);color:#b9b1a8;font:24px/1 Arial,sans-serif;box-shadow:0 7px 20px rgba(0,0,0,.28);cursor:pointer}.member-hub>.member-modal-close:hover{border-color:#d6a15d;background:#261d14;color:#fff;transform:rotate(90deg)}
.member-hub-sidebar{min-width:0;display:flex;flex-direction:column;padding:24px 17px 18px;background:radial-gradient(circle at 20% 0,rgba(180,122,54,.16),transparent 32%),linear-gradient(180deg,#18130e,#100e0c 58%,#0b0a09);border-right:1px solid rgba(255,255,255,.08)}
.member-hub-brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.member-hub-brand img{width:35px;height:35px;object-fit:contain}.member-hub-brand b,.member-hub-brand small{display:block}.member-hub-brand b{color:#f0d1a0;font-size:11px;letter-spacing:1.2px}.member-hub-brand small{margin-top:2px;color:#625a51;font-size:7px;letter-spacing:.8px}
.member-hub-person{display:flex;align-items:center;gap:12px;padding:20px 7px}.member-hub-person>span{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid rgba(226,177,104,.48);border-radius:14px;background:linear-gradient(145deg,#e9bd76,#875829);color:#17100a;font-size:19px;font-weight:700}.member-hub-person>span img{width:100%;height:100%;object-fit:cover}.member-hub-person div{min-width:0}.member-hub-person small,.member-hub-person b,.member-hub-person p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-hub-person small{color:#42c995;font-size:7px}.member-hub-person b{margin-top:2px;color:#f3eee8;font-size:11px}.member-hub-person p{margin:2px 0 0;color:#736c64;font-size:8px}
.member-hub-nav{display:grid;gap:5px}.member-hub-nav :is(button,a),.member-hub-logout button{width:100%;display:flex;align-items:center;gap:11px;padding:10px 11px;border:1px solid transparent;border-radius:11px;background:transparent;color:#88817a;text-align:left;text-decoration:none;cursor:pointer;transition:.18s}.member-hub-nav :is(button,a)>i,.member-hub-nav :is(button,a)>svg{width:19px;height:19px;display:grid;place-items:center;flex:0 0 auto;color:#83715c;font-style:normal;font-size:16px}.member-hub-nav span{min-width:0;color:inherit;font:500 10px "IBM Plex Sans Thai"}.member-hub-nav span small{display:block;margin-top:1px;color:#5f5a54;font-size:7px;font-weight:400}.member-hub-nav :is(button,a):hover,.member-hub-nav button.active{border-color:rgba(218,161,86,.2);background:linear-gradient(90deg,rgba(180,119,48,.18),rgba(180,119,48,.04));color:#f3e9dc}.member-hub-nav button.active{box-shadow:inset 3px 0 #d9a158}.member-hub-nav button.active>i,.member-hub-nav button.active>svg{color:#e3ae67}
.member-hub-logout{margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.07)}.member-hub-logout button{color:#756d65;font:10px "IBM Plex Sans Thai"}.member-hub-logout button:hover{color:#e99b91;background:rgba(153,55,43,.1)}
.member-hub-content{position:relative;min-width:0;overflow-y:auto;padding:38px 42px 34px;background:radial-gradient(circle at 100% 0,rgba(161,108,45,.09),transparent 28%),#0c0b0a;scrollbar-width:thin;scrollbar-color:#76532f transparent}.member-hub-content>.member-modal-close{position:fixed;position:sticky;z-index:8;float:right;top:0;margin:-23px -27px 0 0;width:33px;height:33px;background:#171411}.member-hub-panel[hidden]{display:none!important}
.member-hub-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px}.member-hub-heading .eyebrow{color:#d8a45f;font-size:8px;letter-spacing:1.5px}.member-hub-heading h2{margin:5px 0 5px;color:#f5f1eb;font-size:clamp(25px,3vw,35px);line-height:1.1}.member-hub-heading>div>p:last-child{margin:0;color:#777068;font-size:10px}.member-hub-heading>button{flex:0 0 auto;padding:10px 15px;border:1px solid rgba(227,174,103,.34);border-radius:18px;background:linear-gradient(135deg,#dbaa64,#8d5d2f);color:#17100a;font:600 9px "IBM Plex Sans Thai";cursor:pointer}.member-history-count{padding:6px 10px;border:1px solid #302b26;border-radius:13px;color:#8b8176;font-size:8px}
.member-hub-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.member-hub-stats article{position:relative;min-height:132px;padding:18px;border:1px solid rgba(255,255,255,.085);border-radius:15px;background:linear-gradient(145deg,#171411,#100f0d);overflow:hidden}.member-hub-stats article:after{content:"";position:absolute;right:-24px;bottom:-36px;width:88px;height:88px;border:1px solid rgba(220,162,87,.11);border-radius:50%}.member-hub-stats i{position:absolute;right:16px;top:15px;color:#906b40;font-style:normal}.member-hub-stats small,.member-hub-stats strong,.member-hub-stats span{display:block}.member-hub-stats small{color:#817970;font-size:8px}.member-hub-stats strong{margin:12px 0 4px;color:#f3c27e;font-size:32px;line-height:1}.member-hub-stats span{color:#5e5852;font-size:8px}
.member-hub-feature{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:12px;padding:20px 22px;border:1px solid rgba(57,194,143,.19);border-radius:16px;background:linear-gradient(115deg,rgba(35,119,88,.22),rgba(116,77,35,.18)),#11100e}.member-hub-feature span{color:#43ca98;font-size:7px;letter-spacing:1.4px}.member-hub-feature h3{margin:3px 0;color:#eee8df;font-size:17px}.member-hub-feature p{margin:0;color:#706a63;font-size:9px}.member-hub-feature button{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 15px;border:0;border-radius:19px;background:#dbaa64;color:#17100a;font:600 9px "IBM Plex Sans Thai";cursor:pointer}
.member-hub-recent{margin-top:24px}.member-hub-recent>header{display:flex;align-items:end;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.09)}.member-hub-recent h3{margin:2px 0;color:#e8e2db;font-size:15px}.member-hub-recent>header button{border:0;background:transparent;color:#b58a54;font:8px "IBM Plex Sans Thai";cursor:pointer}.member-hub .member-history-list article{grid-template-columns:27px 33px minmax(0,1fr) 90px;min-height:57px;gap:10px}.member-hub .member-history-list article>i{width:29px;height:29px}.member-hub-empty{display:flex;align-items:center;gap:13px;padding:18px 5px;color:#8a8178}.member-hub-empty>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid #3c342c;border-radius:12px;color:#d5a15c}.member-hub-empty b{color:#cfc7bd;font-size:10px}.member-hub-empty p{margin:2px 0 0;font-size:8px}
.member-profile-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#13110f}.member-profile-avatar{width:130px;height:130px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(223,167,91,.4);border-radius:28px;background:linear-gradient(145deg,#e8bc77,#815226);color:#17100a;font-size:47px;font-weight:700}.member-profile-avatar img{width:100%;height:100%;object-fit:cover}.member-profile-card form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.member-profile-card label:first-of-type,.member-profile-card button{grid-column:1/-1}.member-profile-card label span{display:block;margin-bottom:5px;color:#817970;font-size:8px}.member-profile-card input{width:100%;height:42px;padding:9px 11px;border:1px solid #39332d;border-radius:9px;background:#0c0b0a;color:#eee;font:10px "IBM Plex Sans Thai"}.member-profile-card input[type=file]{padding:9px}.member-profile-card button{justify-self:start;padding-inline:22px}.member-hub-history{max-height:520px;overflow-y:auto;padding-right:5px}
@media(max-width:760px){.home-page .member-modal-shell.member-hub{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);border-radius:17px}.member-hub-sidebar{padding:12px 11px 9px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.member-hub-brand{display:none}.member-hub-person{padding:2px 4px 10px}.member-hub-person>span{width:38px;height:38px;border-radius:11px}.member-hub-nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.member-hub-nav::-webkit-scrollbar{display:none}.member-hub-nav :is(button,a){width:auto;min-width:max-content;padding:8px 10px}.member-hub-nav span small,.member-hub-nav :is(button,a)>i,.member-hub-nav :is(button,a)>svg{display:none}.member-hub-nav button.active{box-shadow:inset 0 -2px #d9a158}.member-hub-logout{position:absolute;right:46px;top:15px;margin:0;padding:0;border:0}.member-hub-logout button{width:32px;height:32px;padding:7px}.member-hub-logout span{display:none}.member-hub-content{padding:27px 16px 24px}.member-hub-content>.member-modal-close{position:absolute;right:10px;top:10px;margin:0}.member-hub-heading{padding-right:34px;gap:12px}.member-hub-heading h2{font-size:25px}.member-hub-heading>button{display:none}.member-hub-stats{grid-template-columns:1fr}.member-hub-stats article{min-height:94px;padding:14px}.member-hub-stats strong{margin:7px 0 2px;font-size:27px}.member-hub-feature{align-items:flex-start;flex-direction:column}.member-hub-feature button{width:100%;justify-content:center}.member-profile-card{grid-template-columns:1fr;padding:20px}.member-profile-avatar{width:92px;height:92px;border-radius:22px}.member-profile-card form{grid-template-columns:1fr}.member-profile-card label,.member-profile-card button{grid-column:1!important}.member-hub .member-history-list article{grid-template-columns:25px 31px minmax(0,1fr) 72px}.member-hub .member-history-list article>strong{font-size:12px}}
.member-hub>.member-modal-close{top:14px;right:14px}
@media(max-width:760px){.member-hub>.member-modal-close{top:11px;right:10px;width:34px;height:34px}.member-hub-content{padding-top:32px}}

.member-hub-payment{padding:18px;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:#13110f}.member-hub-payment>.payment-recipient{margin:0 0 14px;padding:11px 13px}.member-hub-payment>.payment-recipient>span{width:60px;height:42px;overflow:hidden;border-radius:9px;background:#46c889}.member-hub-payment>.payment-recipient>span img{width:100%;height:100%;object-fit:cover}.member-hub-payment>.payment-recipient b{font-size:11px}.member-hub-payment>.payment-recipient p{font-size:8px}
.member-hub-payment .member-custom-topup{display:grid;grid-template-columns:1fr 1fr;gap:13px}.member-hub-bank-detail{grid-column:1/-1;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:20px;padding:15px;border:1px solid rgba(70,200,137,.25);border-radius:14px;background:#0b0d0b}.member-hub-bank-detail>img{width:180px;height:98px;object-fit:cover;border-radius:14px;box-shadow:0 9px 24px rgba(0,0,0,.28)}.member-hub-bank-detail small,.member-hub-bank-detail b,.member-hub-bank-detail p,.member-hub-bank-detail strong{display:block}.member-hub-bank-detail small{color:#4bd39f;font-size:8px;letter-spacing:1px}.member-hub-bank-detail b{margin-top:3px;color:#eee;font-size:13px}.member-hub-bank-detail p{margin:2px 0 7px;color:#777068;font-size:9px}.member-hub-bank-detail strong{color:#efbc73;font-size:19px;letter-spacing:1px}.member-hub-bank-detail strong button{margin-left:7px;padding:4px 8px;border:1px solid #443c34;border-radius:11px;background:transparent;color:#aaa;font:8px "IBM Plex Sans Thai";cursor:pointer}
.member-hub-payment label>span{display:block;margin-bottom:5px;color:#8b837b;font-size:9px}.member-hub-payment .member-payment-amount>div{height:44px;display:flex;align-items:center;border:1px solid #3c3630;border-radius:10px;background:#0b0a09;overflow:hidden}.member-hub-payment .member-payment-amount b{padding-left:13px;color:#e6ad63}.member-hub-payment input[name=amount]{width:100%;height:42px;padding:8px 10px;border:0;background:transparent;color:#fff;font-size:16px}.member-hub-payment .topup-quick{height:44px}.member-hub-payment .slip-upload{grid-column:1/-1}.member-hub-payment .slip-upload input{width:100%;padding:10px;border:1px dashed #4b4239;border-radius:10px;background:#0b0a09;color:#bbb;font:9px "IBM Plex Sans Thai"}.member-hub-payment .slip-upload small{display:block;margin-top:4px;color:#5f5953;font-size:7px}.member-hub-payment .topup-conversion{padding:10px 13px;border:1px solid #342f2a;border-radius:10px;background:#0d0c0b}.member-hub-payment .topup-conversion strong{font-size:24px}.member-hub-payment .member-payment-submit{height:52px;align-self:stretch}.member-hub-topup .member-hub-heading{padding-bottom:18px}
@media(max-width:760px){.member-hub-payment{padding:12px}.member-hub-payment .member-custom-topup{grid-template-columns:1fr}.member-hub-bank-detail{grid-template-columns:1fr;padding:12px}.member-hub-bank-detail>img{width:100%;height:120px}.member-hub-payment .slip-upload,.member-hub-bank-detail{grid-column:1}.member-hub-payment .topup-quick{grid-row:auto;grid-column:1}.member-hub-payment .member-payment-submit{width:100%}}

/* Aligned payment form */
.member-hub-payment .member-custom-topup{grid-template-columns:repeat(2,minmax(0,1fr))}.member-hub-payment .member-custom-topup>*{min-width:0;width:100%}.member-hub-payment .topup-quick{height:44px;grid-template-columns:repeat(4,minmax(0,1fr))}.member-hub-payment .topup-quick button{width:100%;height:44px}.member-hub-payment .slip-upload input{height:48px}.member-hub-payment .topup-conversion,.member-hub-payment .member-payment-submit{height:54px}.member-hub-payment .topup-conversion{padding:8px 13px}.member-hub-payment .topup-conversion strong{font-size:22px}
@media(max-width:760px){.member-hub-payment .member-custom-topup{grid-template-columns:1fr}.member-hub-payment .member-custom-topup>*{grid-column:1}}

/* Bright member workspace */
.home-page .vote-dashboard>.member-modal{background:rgba(35,45,40,.5)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important}.home-page .member-modal-shell.member-hub{border-color:#d8ddd7;background:#f7f5ef!important;box-shadow:0 30px 90px rgba(24,39,32,.24)}
.member-hub-sidebar{background:linear-gradient(180deg,#edf5ef 0%,#e5efe8 58%,#dce8df 100%);border-right-color:#d1ddd4}.member-hub-brand{border-bottom-color:#d2ddd4}.member-hub-brand b{color:#246347;font-size:13px}.member-hub-brand small{color:#718078;font-size:9px}.member-hub-person{padding-block:22px}.member-hub-person>span{border-color:#92b5a1;background:linear-gradient(145deg,#a9d5b9,#4f8c6c);color:#fff}.member-hub-person small{color:#33815d;font-size:9px}.member-hub-person b{color:#25352d;font-size:13px}.member-hub-person p{color:#748078;font-size:10px}
.member-hub-nav{gap:7px}.member-hub-nav :is(button,a){min-height:52px;padding:10px 12px;border-radius:12px;color:#53635a}.member-hub-nav :is(button,a)>i,.member-hub-nav :is(button,a)>svg{color:#668879}.member-hub-nav span{font-size:12px;font-weight:600}.member-hub-nav span small{margin-top:2px;color:#87938c;font-size:9px}.member-hub-nav :is(button,a):hover,.member-hub-nav button.active{border-color:#b7cdbf;background:#fff;color:#235a42;box-shadow:0 5px 15px rgba(44,87,65,.08)}.member-hub-nav button.active{box-shadow:inset 4px 0 #4b9a70,0 5px 15px rgba(44,87,65,.08)}.member-hub-nav button.active>i,.member-hub-nav button.active>svg{color:#37835d}.member-hub-logout{border-top-color:#cbd8cf}.member-hub-logout button{color:#7b625f;font-size:12px}.member-hub-logout button:hover{background:#f8e9e7;color:#a34841}
.member-hub-content{background:radial-gradient(circle at 100% 0,rgba(106,164,129,.12),transparent 30%),#f8f6f1;color:#28352f}.member-hub>.member-modal-close{border-color:#ccd4ce;background:#fff;color:#5e6b64;box-shadow:0 5px 16px rgba(43,57,49,.13)}.member-hub>.member-modal-close:hover{border-color:#62a17e;background:#e9f3ed;color:#246347}
.member-hub-heading .eyebrow{color:#438364;font-size:10px;font-weight:700}.member-hub-heading h2{color:#24342c;font-size:clamp(29px,3vw,39px)}.member-hub-heading>div>p:last-child{color:#6f7c75;font-size:12px}.member-hub-heading>button{padding:11px 18px;border-color:#3e8763;background:#3f8d67;color:#fff;font-size:11px;box-shadow:0 7px 18px rgba(46,119,82,.18)}.member-history-count{padding:7px 12px;border-color:#cbd7cf;background:#fff;color:#537064;font-size:10px}
.member-hub-stats{gap:14px}.member-hub-stats article{min-height:145px;padding:20px;border-color:#dce2dd;background:#fff;box-shadow:0 8px 24px rgba(39,62,50,.07)}.member-hub-stats article:after{border-color:rgba(63,141,103,.13)}.member-hub-stats i{color:#599373;font-size:18px}.member-hub-stats small{color:#617068;font-size:11px}.member-hub-stats strong{margin:14px 0 5px;color:#286548;font-size:36px}.member-hub-stats span{color:#87918b;font-size:10px}
.member-hub-feature{margin-top:15px;padding:23px 24px;border-color:#c5dbcd;background:linear-gradient(120deg,#e4f2e8,#f2eee1)}.member-hub-feature span{color:#377b58;font-size:9px;font-weight:700}.member-hub-feature h3{color:#294536;font-size:20px}.member-hub-feature p{color:#6d7b73;font-size:11px}.member-hub-feature button{padding:11px 18px;background:#438b66;color:#fff;font-size:11px}
.member-hub-recent{margin-top:28px}.member-hub-recent>header{padding-bottom:12px;border-bottom-color:#d9dfda}.member-hub-recent h3{color:#2e3c35;font-size:18px}.member-hub-recent>header button{color:#397b59;font-size:10px}.member-hub .member-history-list article{border-bottom-color:#dce1dd}.member-hub .member-history-list article:hover{background:#edf4ef}.member-hub .member-history-list article>em{color:#8a958f}.member-hub .member-history-list article>i{border-color:#9ac5ad;color:#3b9168;background:#edf7f1}.member-hub .member-history-list article b{color:#304038;font-size:13px}.member-hub .member-history-list article div small{color:#7f8b84;font-size:10px}.member-hub .member-history-list article>strong{color:#327052;font-size:15px}.member-hub-empty{color:#6d7b73}.member-hub-empty>span{border-color:#bcd0c3;background:#fff;color:#438b66}.member-hub-empty b{color:#304038;font-size:12px}.member-hub-empty p{font-size:10px}.member-history-empty h3{color:#304038;font-size:18px}.member-history-empty p{color:#748078;font-size:12px}
.member-profile-card,.member-hub-payment{border-color:#d8dfda;background:#fff;box-shadow:0 8px 25px rgba(39,62,50,.06)}.member-profile-card label span,.member-hub-payment label>span{color:#56665d;font-size:11px}.member-profile-card input,.member-hub-payment .member-payment-amount>div,.member-hub-payment .slip-upload input{border-color:#cdd7d0;background:#fbfcfb;color:#26372e;font-size:12px}.member-profile-card input:focus,.member-hub-payment input:focus{outline:2px solid rgba(67,139,102,.25);border-color:#579476}.member-profile-avatar{border-color:#91b9a1;background:linear-gradient(145deg,#a7d3b7,#4f896a);color:#fff}
.member-hub-bank-detail{border-color:#a9cdb8;background:#edf7f1}.member-hub-bank-detail small{color:#337d58;font-size:10px}.member-hub-bank-detail b{color:#294137;font-size:15px}.member-hub-bank-detail p{color:#64756c;font-size:11px}.member-hub-bank-detail strong{color:#286548;font-size:22px}.member-hub-bank-detail strong button{border-color:#a9beb1;background:#fff;color:#47675a;font-size:10px}.member-hub-payment .member-payment-amount b{color:#377c58}.member-hub-payment input[name=amount]{color:#26372e;font-size:17px}.member-hub-payment .topup-quick button{border-color:#c9d5cd;background:#f7faf8;color:#476259;font-size:11px}.member-hub-payment .topup-quick button:hover{border-color:#559476;background:#e8f3ec;color:#23573f}.member-hub-payment .slip-upload small{color:#7d8982;font-size:9px}.member-hub-payment .topup-conversion{border-color:#cdd8d0;background:#f3f8f5}.member-hub-payment .topup-conversion small,.member-hub-payment .topup-conversion span{color:#708078;font-size:9px}.member-hub-payment .topup-conversion strong{color:#2d7451}.member-hub-payment .member-payment-submit{background:#3f8d67;color:#fff;border-color:#357b59;box-shadow:0 7px 18px rgba(46,119,82,.17)}
@media(max-width:760px){.member-hub-sidebar{background:#e6f0e9;border-bottom-color:#cbd8cf}.member-hub-nav :is(button,a){min-height:40px;background:rgba(255,255,255,.45)}.member-hub-nav span{font-size:11px}.member-hub-nav button.active{box-shadow:inset 0 -3px #438b66}.member-hub-content{background:#f8f6f1}.member-hub-heading h2{font-size:28px}.member-hub-heading>div>p:last-child{font-size:11px}.member-hub-stats article{min-height:105px}.member-hub-bank-detail b{font-size:14px}.member-hub-bank-detail strong{font-size:19px}}

/* Warm cream and gold theme, aligned with the award identity */
.home-page .vote-dashboard>.member-modal{background:rgba(45,34,24,.48)!important}.home-page .member-modal-shell.member-hub{border-color:#ddc9aa;background:#fbf7ef!important;box-shadow:0 32px 95px rgba(66,43,20,.28)}
.member-hub-sidebar{background:linear-gradient(180deg,#f3eadb 0%,#eee1ce 58%,#e7d6bd 100%);border-right-color:#dac6a8}.member-hub-brand{border-bottom-color:#dcc9ad}.member-hub-brand b{color:#865b2d}.member-hub-brand small{color:#967f67}.member-hub-person>span{border-color:#c9a36d;background:linear-gradient(145deg,#edc98d,#aa7134)}.member-hub-person small{color:#9a682e}.member-hub-person b{color:#493622}.member-hub-person p{color:#907c67}
.member-hub-nav :is(button,a){color:#75614d}.member-hub-nav :is(button,a)>i,.member-hub-nav :is(button,a)>svg{color:#a17b50}.member-hub-nav span small{color:#9b8977}.member-hub-nav :is(button,a):hover,.member-hub-nav button.active{border-color:#d8bd94;background:#fffaf2;color:#71481f;box-shadow:0 5px 15px rgba(102,65,27,.09)}.member-hub-nav button.active{box-shadow:inset 4px 0 #c58a45,0 5px 15px rgba(102,65,27,.09)}.member-hub-nav button.active>i,.member-hub-nav button.active>svg{color:#b57631}.member-hub-logout{border-top-color:#d6c2a4}
.member-hub-content{background:radial-gradient(circle at 100% 0,rgba(205,161,96,.15),transparent 30%),#fbf8f2;color:#493a2c}.member-hub>.member-modal-close{border-color:#dccdb8;background:#fffaf3;color:#806b55}.member-hub>.member-modal-close:hover{border-color:#c58a45;background:#f4e6d2;color:#7a491b}
.member-hub-heading .eyebrow{color:#b27635}.member-hub-heading h2{color:#473421}.member-hub-heading>div>p:last-child{color:#847361}.member-hub-heading>button,.member-hub-feature button,.member-hub-payment .member-payment-submit{border-color:#a96828;background:linear-gradient(135deg,#d7a35f,#a76b2d);color:#fff;box-shadow:0 7px 18px rgba(151,94,34,.2)}.member-history-count{border-color:#dfcfb8;background:#fffaf4;color:#876744}
.member-hub-stats article{border-color:#e4d8c7;background:#fffdf9;box-shadow:0 8px 24px rgba(88,58,28,.07)}.member-hub-stats article:after{border-color:rgba(190,132,64,.14)}.member-hub-stats i{color:#ba8140}.member-hub-stats small{color:#796958}.member-hub-stats strong{color:#9a6128}.member-hub-stats span{color:#a08f7e}
.member-hub-feature{border-color:#dfc8a6;background:linear-gradient(120deg,#f3e4ce,#fbf4e8)}.member-hub-feature span{color:#a56a2d}.member-hub-feature h3{color:#5b4025}.member-hub-feature p{color:#897662}.member-hub-recent>header{border-bottom-color:#e2d7c8}.member-hub-recent h3{color:#4e3a27}.member-hub-recent>header button{color:#aa6e30}
.member-hub .member-history-list article{border-bottom-color:#e5dacb}.member-hub .member-history-list article:hover{background:#f7eee1}.member-hub .member-history-list article>i{border-color:#d5b17e;color:#b37431;background:#fbf1e2}.member-hub .member-history-list article b{color:#51402f}.member-hub .member-history-list article div small{color:#978674}.member-hub .member-history-list article>strong{color:#9e652b}.member-hub-empty>span{border-color:#d8bd96;background:#fffaf3;color:#b47835}.member-hub-empty b,.member-history-empty h3{color:#513e2c}.member-hub-empty p,.member-history-empty p{color:#8c7a67}
.member-profile-card,.member-hub-payment{border-color:#e2d4c1;background:#fffdf9;box-shadow:0 8px 25px rgba(88,58,28,.06)}.member-profile-card label span,.member-hub-payment label>span{color:#715f4d}.member-profile-card input,.member-hub-payment .member-payment-amount>div,.member-hub-payment .slip-upload input{border-color:#dfd0bc;background:#fffaf4;color:#493827}.member-profile-card input:focus,.member-hub-payment input:focus{outline-color:rgba(190,132,64,.25);border-color:#c28a48}.member-profile-avatar{border-color:#c9a36d;background:linear-gradient(145deg,#edc98d,#a96f34)}
.member-hub-bank-detail{border-color:#d9c3a1;background:#f7ecdc}.member-hub-bank-detail small{color:#9d672d}.member-hub-bank-detail b{color:#513b26}.member-hub-bank-detail p{color:#806e5c}.member-hub-bank-detail strong{color:#945c27}.member-hub-bank-detail strong button{border-color:#d5c2a6;background:#fffaf3;color:#76583a}.member-hub-payment .member-payment-amount b{color:#ad7132}.member-hub-payment input[name=amount]{color:#493827}.member-hub-payment .topup-quick button{border-color:#ddcdb7;background:#fffaf4;color:#745c44}.member-hub-payment .topup-quick button:hover{border-color:#c28a48;background:#f5e7d2;color:#70451d}.member-hub-payment .topup-conversion{border-color:#ddceb9;background:#f9f0e3}.member-hub-payment .topup-conversion strong{color:#9b6229}.member-hub-payment .topup-conversion small,.member-hub-payment .topup-conversion span{color:#8c7965}
@media(max-width:760px){.member-hub-sidebar{background:#efe3d0;border-bottom-color:#d8c4a7}.member-hub-nav :is(button,a){background:rgba(255,250,242,.7)}.member-hub-nav button.active{box-shadow:inset 0 -3px #c58a45}.member-hub-content{background:#fbf8f2}}

/* Brighter public experience — warm award palette */
.home-page{background:#e7dac6}.home-page .site-header{background:linear-gradient(180deg,rgba(91,59,34,.92),rgba(69,43,27,.9))!important;border-bottom:1px solid rgba(238,198,139,.3)}.home-page .site-header:before{background:linear-gradient(90deg,rgba(81,51,30,.54),rgba(130,85,43,.22),rgba(75,45,28,.5))}.home-page .header-actions .btn{background:#fff8ed;border-color:#ead1aa;color:#5b3a1f}.home-page .header-actions .btn-gold{background:linear-gradient(135deg,#f0c985,#c98c44);border-color:#e7be7b;color:#4d3018}
.home-page .vote-dashboard{background:#f8f3e9!important;outline:1px solid #dfcfb6!important;box-shadow:0 28px 70px rgba(75,48,24,.18),inset 0 1px #fff!important;color:#483727}.home-page .reference-tabs button,.home-page .reference-tabs a{border-color:#d9c2a0!important;background:#eadbc5!important;color:#735333!important}.home-page .reference-tabs .active{background:#f8f3e9!important;color:#8e5924!important}.home-page .dashboard-titlebar h2{color:#493523}.home-page .dashboard-updated,.home-page .reference-note{color:#806f5e}.home-page .dashboard-switch{border-color:#d9c9b3;background:#eee3d3}.home-page .dashboard-switch button{color:#786551}.home-page .dashboard-switch .active{background:#b77a38;color:#fff}.home-page .dashboard-tabs{border-bottom:1px solid #ded1bf}.home-page .dashboard-tabs button,.home-page .dashboard-tabs a{color:#735f4b}.home-page .dashboard-tabs .active{background:#b77a38;color:#fff}
.home-page .score-summary{border:1px solid #e1d5c4;background:#fffdf9;box-shadow:0 9px 25px rgba(75,48,24,.07)}.home-page .score-summary small{color:#786b5e}.home-page .score-summary strong{color:#4d3824}.home-page .score-summary span{color:#988878}.home-page .score-summary .summary-stat{border-left-color:#dfd2c0}.home-page .score-summary .summary-stat strong{color:#a46629}.home-page .share-strip{background:#fffdf9;border:1px solid #e1d5c4;border-top:0}.home-page .share-strip small{color:#735f4d}.home-page .award-visual{background:radial-gradient(circle at 50% 45%,#fff9eb,#ecddc4 65%,#d8c3a3)}.home-page .award-visual>div small{color:#80694f}.home-page .award-visual>div strong{color:#80501f}.home-page .award-visual>div span{color:#947c64}
.home-page .ranking-panel,.home-page .ranking-head{color:#503d2c}.home-page .ranking-head{background:#ecdfcc;border-color:#ddcbb1}.home-page .ranking-list>a{border-top:7px solid #f8f3e9;border-left:3px solid #c88d48;background:#fffdf9;color:#493a2d;box-shadow:0 5px 14px rgba(76,52,29,.06)}.home-page .ranking-list>a:hover{background:#f7ecdc}.home-page .ranking-list a b{color:#49372a}.home-page .ranking-list a small{color:#8b7a69}.home-page .ranking-list a>strong{color:#9d6128}.home-page .ranking-more{border-color:#d9c5a6;background:#fff9ef;color:#7e5229}.home-page .dashboard-callout{background:#fffdf9;box-shadow:0 8px 20px rgba(75,48,24,.07)}
.home-page .category-score-view,.home-page .candidate-directory-head,.home-page .candidate-directory-group{border-color:#dfd0ba;background:#fffdf9;color:#493829}.home-page .category-score-view h3,.home-page .candidate-directory-head h2,.home-page .candidate-directory-group h3{color:#493829}.home-page .category-score-view p,.home-page .candidate-directory-head p,.home-page .candidate-directory-group p{color:#847361}.home-page .category-score-list>a,.home-page .candidate-directory-item{border-color:#e3d7c6;background:#fbf5eb;color:#4d3b2b}.home-page .category-score-list>a:hover,.home-page .candidate-directory-item:hover{background:#f2e5d2}
.home-page .packages-section{border-color:#dcc7a7;background:#f6ede0;color:#4b3929;box-shadow:0 20px 48px rgba(73,47,23,.13)}.home-page .package-intro h2,.home-page .package-intro p,.home-page .package-foot b{color:#4b3929}.home-page .package-intro>p,.home-page .package-foot p{color:#7f6d5a}.home-page .vote-ticket{border-color:#dfceb4;background:#fffdf9;color:#4c3927;box-shadow:0 8px 22px rgba(75,48,24,.07)}.home-page .vote-ticket:hover{border-color:#c38b48;background:#fff8ed}.home-page .vote-ticket b{color:#553d26}.home-page .vote-ticket small{color:#8c7b69}.home-page .vote-ticket .ticket-price b{color:#a66728}.home-page .package-foot{border-color:#ddc9aa;background:#efe1cd}
@media(max-width:650px){.home-page .site-header{background:linear-gradient(180deg,#664226,#4f311f)!important}.home-page .vote-dashboard{background:#f8f3e9!important}.home-page .ranking-list>a{border-top-color:#f8f3e9}}

/* Balanced payment controls */
.member-hub-payment .member-custom-topup{align-items:start;gap:15px}.member-payment-amount,.member-payment-quick,.member-hub-payment .slip-upload{display:block;margin:0}.member-payment-amount>span,.member-payment-quick>span,.member-hub-payment .slip-upload>span{display:block;height:22px;margin:0;color:#715f4d;font-size:11px;line-height:18px}.member-hub-payment .member-payment-amount>div,.member-payment-quick>.topup-quick{width:100%;height:50px}.member-hub-payment .member-payment-amount>div{border-radius:11px}.member-hub-payment input[name=amount]{height:48px;font-size:18px}.member-payment-quick>.topup-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.member-hub-payment .member-payment-quick .topup-quick button{height:50px;margin:0;border-radius:11px;font-size:12px;font-weight:600}
.member-hub-payment .slip-upload{grid-column:1/-1}.member-hub-payment .slip-upload input{height:54px;padding:6px;border-style:solid;border-radius:11px;font-size:11px}.member-hub-payment .slip-upload input::file-selector-button{height:40px;margin-right:12px;padding:0 15px;border:0;border-radius:8px;background:#ead7ba;color:#70491f;font:600 11px "IBM Plex Sans Thai";cursor:pointer}.member-hub-payment .slip-upload small{min-height:18px;margin:5px 2px 0;font-size:9px;line-height:13px}
.member-hub-payment .topup-conversion,.member-hub-payment .member-payment-submit{height:68px;margin:0;border-radius:12px}.member-hub-payment .topup-conversion{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;padding:10px 15px}.member-hub-payment .topup-conversion small{grid-column:1;grid-row:1;font-size:10px}.member-hub-payment .topup-conversion strong{grid-column:1;grid-row:2;font-size:24px;line-height:1}.member-hub-payment .topup-conversion span{grid-column:2;grid-row:1/3;align-self:center;font-size:10px}.member-hub-payment .member-payment-submit{display:flex;align-items:center;justify-content:center;padding:10px 18px;font-size:12px}
@media(max-width:760px){.member-payment-amount>span,.member-payment-quick>span,.member-hub-payment .slip-upload>span{height:24px;font-size:11px}.member-hub-payment .topup-conversion,.member-hub-payment .member-payment-submit{height:62px}}

/* Unified borderless toast */
.toast{position:fixed;z-index:15000;top:22px;right:22px;left:auto;width:min(400px,calc(100vw - 32px));min-height:62px;display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:12px;margin:0;padding:13px 12px 13px 15px;border:0!important;border-left:0!important;border-radius:12px;background:#fff!important;color:#303631;box-shadow:0 14px 38px rgba(37,43,39,.18);font:500 13px/1.5 "IBM Plex Sans Thai",sans-serif;overflow:hidden;animation:noticeIn .25s ease both}.toast:before{display:none!important}.toast>span{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:#e4f4e9!important;color:#269055!important;font:700 18px/1 Arial,sans-serif}.toast.error>span{background:#f9e7e7!important;color:#cc3f3f!important}.toast.info>span{background:#f5eddf!important;color:#a66b2d!important;font-size:15px}.toast>p{min-width:0;margin:0;color:#303631;font-size:13px}.toast>button{position:static;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0!important;border-radius:50%;background:transparent;color:#929993;font:20px/1 Arial,sans-serif;cursor:pointer}.toast>button:hover{background:#f1f3f1;color:#3e4540}.toast.leave{animation:noticeOut .22s ease forwards}
@media(max-width:600px){.toast{top:12px;right:12px;left:12px;width:auto;min-height:58px;grid-template-columns:30px minmax(0,1fr) 28px;transform:none;padding:11px 10px 11px 12px;animation:noticeIn .25s ease both}.toast>span{width:29px;height:29px}.toast>p{font-size:12px}.toast.leave{animation:noticeOut .2s ease forwards}}
.member-history-list article>i>.fa-solid{transform:rotate(-45deg)}.member-hub .member-history-list article>i.fa-solid{transform:none;border-radius:9px}.toast .fa-solid{line-height:1}.member-hub-bank-detail strong button{display:inline-flex;align-items:center;gap:5px}

/* Candidate detail stays on the live-results page. */
body.home-candidate-open{overflow:hidden}
.home-candidate-modal{position:fixed;z-index:14000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(5,5,6,.78);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.home-candidate-modal.show{opacity:1;visibility:visible}
.home-candidate-modal-card{position:relative;width:min(940px,100%);max-height:calc(100dvh - 48px);overflow:auto;display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(26px,4vw,54px);border:1px solid rgba(235,176,91,.28);border-radius:30px;background:linear-gradient(145deg,#171512 0%,#0b0b0c 58%,#15100b 100%);box-shadow:0 35px 100px rgba(0,0,0,.6);transform:translateY(12px) scale(.985);transition:transform .2s ease}
.home-candidate-modal.show .home-candidate-modal-card{transform:none}
.home-candidate-close{position:absolute;z-index:2;top:18px;right:18px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font:300 26px/1 Arial;cursor:pointer}
.home-candidate-photo{width:100%;aspect-ratio:4/5;display:grid;place-items:center;overflow:hidden;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);background:linear-gradient(145deg,color-mix(in srgb,var(--candidate-accent) 62%,#17120d),#090909);color:#fff;font-size:44px;box-shadow:0 22px 55px rgba(0,0,0,.35)}
.home-candidate-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.home-candidate-copy .eyebrow{margin:0 0 8px;color:#dfa34f;font-size:11px;letter-spacing:1.5px}.home-candidate-copy h2{margin:0;color:#fff;font-size:clamp(32px,4vw,52px);line-height:1.08}.home-candidate-title{margin:10px 0 0;color:#d4cabd;font-size:17px}.home-candidate-province{margin:8px 0 0;color:#8f887e;font-size:12px}.home-candidate-story{margin-top:25px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.08)}.home-candidate-story small{color:#dca254;font-size:10px;letter-spacing:.8px}.home-candidate-story p{margin:8px 0 0;color:#b9b2a9;font-size:14px;line-height:1.75}.home-candidate-score{display:flex;align-items:baseline;gap:12px;margin-top:23px}.home-candidate-score strong{color:#f2cc8d;font-size:38px;font-weight:600}.home-candidate-score span{color:#8f887e;font-size:11px}
@media(max-width:700px){.home-candidate-modal{padding:10px}.home-candidate-modal-card{grid-template-columns:1fr;gap:24px;max-height:calc(100dvh - 20px);padding:54px 20px 26px;border-radius:22px}.home-candidate-photo{width:min(68vw,290px);margin:auto;aspect-ratio:4/4.7}.home-candidate-copy{text-align:center}.home-candidate-story{text-align:left}.home-candidate-score{justify-content:center}.home-candidate-close{top:12px;right:12px}}
.category-score-photo,.candidate-directory-groups.is-filtered .candidate-directory-photo,.candidate-directory-groups.is-filtered .candidate-directory-photo img{clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)!important}

/* Calm system notification */
.toast{position:fixed;z-index:15000;top:22px;right:22px;left:auto;width:min(390px,calc(100vw - 32px));max-width:none;min-height:64px;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:12px 12px 12px 14px;border:1px solid #d8dde2;border-left:0;border-radius:12px;background:#f7f8f9;color:#20252a;box-shadow:0 12px 32px rgba(12,18,24,.14);font:400 13px/1.5 "IBM Plex Sans Thai",sans-serif;overflow:hidden;animation:noticeIn .28s cubic-bezier(.2,.75,.25,1) both}
.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#4a9d78}.toast.error:before{background:#c65b5b}
.toast>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e3f1ea;color:#347a5c;font-size:15px;font-weight:600}.toast.error>span{background:#f5e5e5;color:#a64040}
.toast button{position:static;width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#7b838a;font:20px/1 Arial,sans-serif;cursor:pointer}.toast button:hover{background:#e9ecef;color:#252a2f}
.toast.leave{animation:noticeOut .22s ease forwards}@keyframes noticeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes noticeOut{to{opacity:0;transform:translateY(-8px)}}
@media(max-width:600px){.toast{top:12px;right:50%;transform:translateX(50%);width:calc(100vw - 24px);min-height:58px;grid-template-columns:30px minmax(0,1fr) 26px;padding:10px 10px 10px 12px;font-size:12px;animation:noticeMobileIn .25s ease both}.toast>span{width:29px;height:29px}.toast.leave{animation:noticeMobileOut .2s ease forwards}@keyframes noticeMobileIn{from{opacity:0;transform:translate(50%,-8px)}to{opacity:1;transform:translate(50%,0)}}@keyframes noticeMobileOut{to{opacity:0;transform:translate(50%,-8px)}}}

/* Neutral application notification */
.toast{min-height:58px;grid-template-columns:24px minmax(0,1fr) 28px;gap:10px;padding:12px 12px 12px 15px;border:1px solid #d7dde2;border-left:3px solid #55738e;border-radius:6px;background:#fff;color:#33414a;box-shadow:0 12px 28px rgba(31,42,51,.12);font-weight:400}.toast:before{display:none}.toast.error{border-left-color:#b34d4d}.toast>span{width:24px;height:24px;border-radius:4px;background:#edf2f6;color:#55738e;font-size:12px;font-weight:500}.toast.error>span{background:#f8eded;color:#a94747}.toast button{border-radius:4px;color:#77828a}.toast button:hover{background:#eef1f3;color:#34414a}

/* Real-page primary navigation keeps the established tab appearance */
.home-page .reference-tabs>a{position:relative;z-index:101;height:50px;margin:0;border:0;border-radius:30px 30px 0 0!important;text-decoration:none;cursor:pointer}
@media(max-width:720px){.home-page .reference-tabs>a{flex:1 1 0!important;width:auto!important;min-width:0!important;height:42px!important;min-height:42px!important;margin:0!important;padding:6px 10px 5px!important;border-radius:13px 13px 0 0!important;font:400 11.5px/1.1 "IBM Plex Sans Thai",sans-serif!important;white-space:nowrap!important}}
@media(max-width:430px){.home-page .reference-tabs>a{height:39px!important;min-height:39px!important;padding:5px 5px 4px!important;border-radius:12px 12px 0 0!important;font-size:10.8px!important}}

/* Compact, centered primary tabs on phones */
@media(max-width:720px){
  .home-page .reference-tabs{top:-33px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:calc(100% - 28px)!important;max-width:420px!important;height:42px!important;gap:3px!important;align-items:flex-end!important;justify-content:center!important}
  .home-page .reference-tabs button{flex:1 1 0!important;width:auto!important;min-width:0!important;height:42px!important;min-height:42px!important;margin:0!important;padding:6px 10px 5px!important;border-radius:13px 13px 0 0!important;font:400 11.5px/1.1 "IBM Plex Sans Thai",sans-serif!important;letter-spacing:0!important;white-space:nowrap!important}
  .home-page .reference-tabs button:after{height:3px!important;bottom:-1px!important}
  .home-page .vote-dashboard{padding-top:57px!important}
}
@media(max-width:430px){
  .home-page .reference-tabs{top:-30px!important;width:calc(100% - 16px)!important;max-width:none!important;height:39px!important;gap:2px!important}
  .home-page .reference-tabs button{height:39px!important;min-height:39px!important;padding:5px 5px 4px!important;border-radius:12px 12px 0 0!important;font-size:10.8px!important}
  .home-page .vote-dashboard{padding-top:54px!important}
}

/* One-piece light surfaces — remove nested-card noise and align controls */
.home-page .vote-dashboard{
  outline:0!important;
  border:1px solid #ddcdb5!important;
  box-shadow:0 22px 52px rgba(75,48,24,.14)!important;
}
.home-page .reference-tabs{gap:0!important}
.home-page .reference-tabs :is(a,button){
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-right:1px solid #d6bea0!important;
  box-shadow:none!important;transform:none!important
}
.home-page .reference-tabs :is(a,button):last-child{border-right:0!important}
.home-page .reference-tabs .active{box-shadow:inset 0 3px #bd7d38!important}

.home-page .dashboard-grid-main{gap:22px;align-items:stretch!important}
.home-page .dashboard-overview,.home-page .ranking-panel{
  overflow:hidden;border:1px solid #dfd0bb;border-radius:16px;background:#fffdf9
}
.home-page .score-summary{
  margin:0;border:0!important;border-radius:0!important;background:transparent;
  box-shadow:none!important
}
.home-page .share-strip{
  margin:0;border:0!important;border-top:1px solid #eadfce!important;
  border-radius:0!important;background:transparent
}
.home-page .award-visual{
  margin:0;border:0!important;border-top:1px solid #eadfce!important;
  border-radius:0!important;box-shadow:none!important
}
.home-page .ranking-panel{display:flex;flex-direction:column}
.home-page .winner-card{border-radius:0!important;box-shadow:none!important}
.home-page .ranking-head{margin:0;padding:15px 16px 9px;background:#f3e9da;border:0;border-bottom:1px solid #e3d5c1}
.home-page .ranking-list{display:grid;gap:0;background:#fffdf9}
.home-page .ranking-list>a{
  height:83px;margin:0;border:0!important;border-bottom:1px solid #eadfce!important;
  border-left:3px solid #c88d48!important;border-radius:0!important;
  box-shadow:none!important;transform:none!important
}
.home-page .ranking-list>a:last-child{border-bottom:0!important}
.home-page .ranking-more{
  min-height:44px;display:flex;align-items:center;justify-content:center;
  margin:auto 14px 14px;border:0;border-radius:10px;background:#efe1ce;box-shadow:none
}

.home-page .category-score-view,.home-page .candidate-directory-head,.home-page .candidate-directory-group{
  box-shadow:none!important
}
.home-page .category-score-list,.home-page .candidate-directory-grid{gap:1px!important;background:#e7dac8}
.home-page .category-score-list>a,.home-page .candidate-directory-item{
  margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important
}

.home-page .packages-section{
  overflow:hidden;border:1px solid #dcc7a7!important;outline:0!important;
  background:#f8f1e6;box-shadow:0 16px 38px rgba(73,47,23,.1)!important
}
.home-page .vote-ticket-list{
  align-self:stretch;gap:1px;padding:1px;overflow:hidden;border-radius:13px;background:#dfcfb8
}
.home-page .vote-ticket{
  height:104px;min-height:104px;margin:0;border:0!important;border-radius:0!important;
  outline:0!important;background:#fffdf9;box-shadow:none!important;transform:none!important
}
.home-page .vote-ticket:first-child{border-radius:12px 12px 0 0!important}
.home-page .vote-ticket:last-child{border-radius:0 0 12px 12px!important}
.home-page .vote-ticket:hover{background:#f8ecda;transform:none!important}
.home-page .vote-ticket.recommended{
  border-left:4px solid #bd7d38!important;background:#fbf0df;box-shadow:none!important
}
.home-page .vote-ticket>i{flex:0 0 34px;width:34px;height:34px;margin:0 0 0 auto}

@media(max-width:900px){
  .home-page .dashboard-grid-main{gap:16px}
  .home-page .packages-section{grid-template-columns:1fr}
}
@media(max-width:650px){
  .home-page .dashboard-overview,.home-page .ranking-panel{border-radius:13px}
  .home-page .score-summary{grid-template-columns:1fr 1fr;padding:17px}
  .home-page .score-summary>div:first-child{grid-column:1/-1;padding-bottom:12px}
  .home-page .score-summary .summary-stat{padding-left:13px}
  .home-page .vote-ticket{height:auto;min-height:96px}
}

/* Flat score filters — visually belong to the dashboard surface */
.home-page .dashboard-tabs{
  height:58px;gap:24px;padding:0 4px!important;border-bottom:1px solid #ded1bf;
  background:transparent;perspective:none
}
.home-page .dashboard-tabs :is(button,a){
  position:relative;height:58px;display:inline-flex;align-items:center;gap:7px;
  margin:0;padding:0 2px!important;border:0!important;border-radius:0!important;
  outline:0!important;background:transparent!important;color:#786650!important;
  box-shadow:none!important;text-shadow:none!important;transform:none!important;
  font-weight:500
}
.home-page .dashboard-tabs :is(button,a):after{
  content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;
  border-radius:3px 3px 0 0;background:#b97834;
  opacity:0;transform:scaleX(.35);transition:opacity .18s ease,transform .18s ease
}
.home-page .dashboard-tabs :is(button,a):hover{color:#9a6229!important;box-shadow:none!important;transform:none!important}
.home-page .dashboard-tabs :is(button,a).active{color:#9a6229!important;font-weight:700;box-shadow:none!important}
.home-page .dashboard-tabs :is(button,a).active:after{opacity:1;transform:scaleX(1)}
.home-page .dashboard-tabs :is(button,a).active :is(i,svg){color:#b97834!important}
@media(max-width:650px){
  .home-page .dashboard-tabs{min-height:52px;height:52px;gap:20px;margin-inline:0;padding:0 4px!important}
  .home-page .dashboard-tabs :is(button,a){height:52px;padding:0!important;font-size:12px}
}

/* Ranking panel uses one continuous cream surface */
.home-page .ranking-panel,.home-page .winner-card,.home-page .ranking-head,
.home-page .ranking-list,.home-page .ranking-list>a{
  background:#fffaf2!important
}
.home-page .winner-card{
  border-bottom:1px solid #e6d8c4!important;color:#493726!important
}
.home-page .winner-card :is(h3,strong){color:#493726!important;text-shadow:none!important}
.home-page .winner-card :is(p,small),.home-page .winner-card>strong span{color:#887561!important}
.home-page .winner-card>strong{color:#9b6128!important}
.home-page .winner-card img{mix-blend-mode:normal!important;filter:none!important}
.home-page .ranking-head{
  border-bottom:1px solid #e6d8c4!important;color:#8a765f!important
}
.home-page .ranking-list>a{
  border-left:0!important;border-bottom:1px solid #eadfce!important;color:#493726!important
}
.home-page .ranking-list>a:hover{background:#f8ecdc!important}
.home-page .ranking-list :is(em,b){color:#493726!important}
.home-page .ranking-list .ranking-name small,
.home-page .ranking-list>a>strong span{color:#8b7865!important}
.home-page .ranking-list>a>strong{color:#9b6128!important}
.home-page .ranking-name i{background:#eadfce!important}

/* Readable nominee names on the light category surfaces */
.home-page .category-portrait-item h4,
.home-page .candidate-directory-copy h3,
.home-page .candidate-directory-groups.is-filtered .candidate-directory-copy h3{
  color:#9a6229!important;
  font-weight:700!important;
  text-shadow:none!important
}
.home-page .category-portrait-item:hover h4,
.home-page .candidate-directory-item:hover .candidate-directory-copy h3{
  color:#754719!important
}

body.home-page .category-score-view .category-score-list>a.category-portrait-item h4,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item .candidate-directory-copy h3{
  color:#9a6229!important;
  -webkit-text-fill-color:#9a6229!important;
  opacity:1!important;
  font-weight:700!important;
  text-shadow:none!important
}
body.home-page .category-score-view .category-score-list>a.category-portrait-item:hover h4,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item:hover .candidate-directory-copy h3{
  color:#754719!important;
  -webkit-text-fill-color:#754719!important
}

/* Award-detail treatment for nominee names and vote totals */
body.home-page .category-score-view .category-score-list>a.category-portrait-item h4,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item .candidate-directory-copy h3{
  position:relative;gap:9px;padding:0 4px!important
}
body.home-page .category-score-view .category-score-list>a.category-portrait-item h4:before,
body.home-page .category-score-view .category-score-list>a.category-portrait-item h4:after,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item .candidate-directory-copy h3:before,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item .candidate-directory-copy h3:after{
  content:"";width:clamp(12px,2vw,25px);height:1px;flex:0 1 25px;
  background:linear-gradient(90deg,transparent,#c8904c)
}
body.home-page .category-score-view .category-score-list>a.category-portrait-item h4:after,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item .candidate-directory-copy h3:after{
  background:linear-gradient(90deg,#c8904c,transparent)
}
body.home-page .category-score-view .category-score-list>a.category-portrait-item>strong,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item>strong{
  position:relative;width:max-content!important;min-width:112px;margin:9px auto 0!important;
  padding:7px 17px 6px;border:0!important;border-radius:999px;
  background:linear-gradient(135deg,rgba(221,183,125,.22),rgba(255,250,240,.75));
  color:#955b24!important;box-shadow:inset 0 0 0 1px rgba(190,137,72,.22);
  font-weight:700!important;line-height:1.05!important;text-align:center!important
}
body.home-page .category-score-view .category-score-list>a.category-portrait-item>strong:before,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item>strong:before{
  content:"\2726";position:absolute;left:10px;top:8px;color:#c78a43;font-size:9px
}
body.home-page .category-score-view .category-score-list>a.category-portrait-item>strong small,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item>strong small{
  margin-top:4px!important;color:#8b765f!important;font-size:9px!important;font-weight:500!important;
  letter-spacing:.2px
}
body.home-page .category-score-view .category-score-list>a.category-portrait-item:hover>strong,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item:hover>strong{
  background:linear-gradient(135deg,rgba(222,177,108,.34),#fff9ef);
  box-shadow:inset 0 0 0 1px rgba(178,117,48,.34),0 7px 17px rgba(117,76,33,.1)
}
@media(max-width:650px){
  body.home-page .category-score-view .category-score-list>a.category-portrait-item h4,
  body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item .candidate-directory-copy h3{gap:5px}
  body.home-page .category-score-view .category-score-list>a.category-portrait-item>strong,
  body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item>strong{min-width:96px;padding:6px 12px 5px}
}

/* Precisely center the vote badge content */
body.home-page .category-score-view .category-score-list>a.category-portrait-item>strong,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item>strong{
  box-sizing:border-box!important;width:128px!important;min-width:128px!important;min-height:58px;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:3px;margin:10px auto 0!important;padding:8px 14px!important;
  font-variant-numeric:tabular-nums;text-indent:0!important
}
body.home-page .category-score-view .category-score-list>a.category-portrait-item>strong:before,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item>strong:before{
  left:auto;right:10px;top:7px;line-height:1;pointer-events:none
}
body.home-page .category-score-view .category-score-list>a.category-portrait-item>strong small,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item>strong small{
  width:100%!important;margin:0!important;padding:0!important;line-height:1.2!important;text-align:center!important
}
@media(max-width:650px){
  body.home-page .category-score-view .category-score-list>a.category-portrait-item>strong,
  body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item>strong{
    width:108px!important;min-width:108px!important;min-height:52px;padding:7px 10px!important
  }
}

/* Stronger text contrast across every light public surface */
.home-page .vote-dashboard .dashboard-titlebar :is(p,small),
.home-page .vote-dashboard .dashboard-updated,
.home-page .vote-dashboard .reference-note{color:#675747!important}
.home-page .vote-dashboard .dashboard-updated b{color:#493727!important}
.home-page .score-summary small{color:#675747!important}
.home-page .score-summary span{color:#766554!important}
.home-page .share-strip>span{color:#594838!important}
.home-page .share-strip>span small{color:#756351!important}

.home-page .ranking-head{color:#675542!important}
.home-page .winner-card :is(p,small),
.home-page .winner-card>strong span,
.home-page .ranking-name small,
.home-page .ranking-list>a>strong span{color:#725f4c!important}
.home-page .ranking-more{color:#68441f!important;font-weight:650}
.home-page .dashboard-callout p{color:#5f5042!important}
.home-page .dashboard-callout p b{color:#3f3023!important}
.home-page .dashboard-callout a{color:#875522!important;font-weight:650}

.home-page .category-score-view>header :is(p,small),
.home-page .candidate-directory-head :is(p,small),
.home-page .candidate-directory-group>header :is(p,small){color:#695846!important}
.home-page .category-score-view>header strong,
.home-page .candidate-directory-head>strong,
.home-page .candidate-directory-group>header>strong{color:#875522!important}
.home-page .category-portrait-item>strong small,
.home-page .category-score-list>a>strong span,
.home-page .candidate-directory-copy p,
.home-page .candidate-directory-copy small,
.home-page .candidate-directory-item>strong small{color:#705d4a!important}
.home-page .candidate-directory-rank,
.home-page .category-score-list>a>em{color:#725d49!important}
.home-page .category-score-empty,
.home-page .candidate-directory-empty{color:#5f4f40!important}

.home-page .packages-section .package-intro>p,
.home-page .packages-section .package-foot p,
.home-page .vote-ticket small{color:#6e5c49!important}
.home-page .vote-ticket .ticket-detail b,
.home-page .vote-ticket .ticket-count b{color:#493625!important}
.home-page .vote-ticket .ticket-price b{color:#8c5522!important}
.home-page .package-foot b{color:#443225!important}

/* Top-three award podium */
.home-page .ranking-podium{
  min-height:292px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:7px;
  padding:28px 13px 0;background:radial-gradient(circle at 50% 18%,#fff7e6,#f6ead7 72%);
  border-bottom:1px solid #dfceb5;overflow:hidden
}
.home-page .podium-candidate{
  position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;
  color:#513b27;text-align:center;transition:transform .2s ease
}
.home-page .podium-candidate:hover{transform:translateY(-4px)}
.home-page .podium-rank-1{grid-column:2;grid-row:1;z-index:2}
.home-page .podium-rank-2{grid-column:1;grid-row:1}
.home-page .podium-rank-3{grid-column:3;grid-row:1}
.home-page .podium-medal{height:28px;display:flex;align-items:center;justify-content:center;gap:5px;color:#a66a29;font-size:12px}
.home-page .podium-medal i{font-size:11px}.home-page .podium-medal b{font-size:16px}
.home-page .podium-rank-1 .podium-medal{color:#b87725}.home-page .podium-rank-1 .podium-medal i{font-size:16px}
.home-page .podium-rank-2 .podium-medal{color:#7d7d79}.home-page .podium-rank-3 .podium-medal{color:#9a6846}
.home-page .podium-photo{
  width:76px;height:86px;display:grid;place-items:center;overflow:hidden;border:3px solid #c7904d;
  border-radius:50% 50% 43% 43%;background:var(--podium-accent);color:#fff;
  box-shadow:0 9px 20px rgba(91,59,27,.16)
}
.home-page .podium-rank-1 .podium-photo{width:92px;height:104px;border-color:#d9a646;box-shadow:0 0 0 5px rgba(217,166,70,.12),0 12px 24px rgba(91,59,27,.2)}
.home-page .podium-rank-2 .podium-photo{border-color:#aaa9a4}.home-page .podium-rank-3 .podium-photo{border-color:#b17b56}
.home-page .podium-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.home-page .podium-name{
  width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;margin-top:8px;
  color:#71491f;font-size:11px;font-weight:700;line-height:1.3
}
.home-page .podium-candidate>strong{color:#9a6026;font-size:15px;line-height:1.1}
.home-page .podium-candidate>strong small{display:block;margin-top:2px;color:#76624e;font-size:8px;font-weight:500}
.home-page .podium-step{
  width:100%;height:49px;display:flex;align-items:center;justify-content:center;margin-top:8px;
  border-radius:8px 8px 0 0;background:linear-gradient(180deg,#dec296,#bf9257);color:#fff7e8;
  box-shadow:inset 0 1px rgba(255,255,255,.45)
}
.home-page .podium-step b{font-size:24px;text-shadow:0 2px 5px rgba(79,48,18,.2)}
.home-page .podium-rank-1 .podium-step{height:72px;background:linear-gradient(180deg,#e2b96e,#bd8035)}
.home-page .podium-rank-2 .podium-step{height:57px;background:linear-gradient(180deg,#d4d0c7,#aaa49a)}
.home-page .podium-rank-3 .podium-step{height:45px;background:linear-gradient(180deg,#c99975,#a66f49)}
@media(max-width:650px){
  .home-page .ranking-podium{min-height:264px;padding:24px 8px 0;gap:4px}
  .home-page .podium-photo{width:63px;height:73px}.home-page .podium-rank-1 .podium-photo{width:76px;height:89px}
  .home-page .podium-name{min-height:34px;font-size:9px}.home-page .podium-candidate>strong{font-size:13px}
  .home-page .podium-step{height:42px}.home-page .podium-rank-1 .podium-step{height:62px}.home-page .podium-rank-2 .podium-step{height:50px}.home-page .podium-rank-3 .podium-step{height:39px}
}

/* Wider podium shown inside every award-category tab */
.home-page .category-ranking-podium{
  position:relative;width:min(860px,calc(100% - 40px));min-height:350px;margin:30px auto 38px;
  gap:18px;padding:50px 30px 0;border:1px solid #dfc9a9;border-radius:20px;
  background:radial-gradient(circle at 50% 14%,#fffaf0,#f1dfc5 76%);
  box-shadow:0 18px 38px rgba(91,59,27,.11)
}
.home-page .category-ranking-podium:before{
  content:"TOP 3 OF THE CATEGORY";position:absolute;top:17px;left:50%;transform:translateX(-50%);
  color:#9b672e;font-size:9px;font-weight:700;letter-spacing:2px;white-space:nowrap
}
.home-page .category-ranking-podium .podium-photo{width:105px;height:120px}
.home-page .category-ranking-podium .podium-rank-1 .podium-photo{width:126px;height:145px}
.home-page .category-ranking-podium .podium-name{min-height:42px;font-size:14px}
.home-page .category-ranking-podium .podium-candidate>strong{font-size:18px}
.home-page .category-ranking-podium .podium-step{height:58px}
.home-page .category-ranking-podium .podium-rank-1 .podium-step{height:86px}
.home-page .category-ranking-podium .podium-rank-2 .podium-step{height:70px}
.home-page .category-ranking-podium .podium-rank-3 .podium-step{height:53px}
.home-page .category-ranking-podium+.category-score-list{border-top:1px solid #e4d5c0;padding-top:38px}
@media(max-width:650px){
  .home-page .category-ranking-podium{width:calc(100% - 16px);min-height:282px;margin:18px auto 24px;gap:5px;padding:43px 8px 0;border-radius:15px}
  .home-page .category-ranking-podium .podium-photo{width:65px;height:76px}
  .home-page .category-ranking-podium .podium-rank-1 .podium-photo{width:78px;height:92px}
  .home-page .category-ranking-podium .podium-name{min-height:34px;font-size:9px}
  .home-page .category-ranking-podium .podium-candidate>strong{font-size:13px}
  .home-page .category-ranking-podium .podium-step{height:41px}
  .home-page .category-ranking-podium .podium-rank-1 .podium-step{height:62px}
  .home-page .category-ranking-podium .podium-rank-2 .podium-step{height:50px}
  .home-page .category-ranking-podium .podium-rank-3 .podium-step{height:38px}
}

/* High-contrast editorial category page on the cream dashboard */
.home-page .categories-editorial-head{border-bottom-color:#d9c8af}
.home-page .categories-editorial-head .eyebrow{color:#9a6229!important;font-weight:700}
.home-page .categories-editorial-head h2{color:#493524!important}
.home-page .categories-editorial-head h2 span{color:#9a6229!important;font-weight:600}
.home-page .categories-editorial-head>p{color:#5f5042!important;font-weight:450}
.home-page .category-editorial-row{border-bottom-color:#dfd0bb}
.home-page .category-editorial-row:hover{background:linear-gradient(90deg,rgba(210,174,119,.14),transparent)}
.home-page .category-index{color:#7a624b!important;font-weight:600}
.home-page .category-index i{background:#b9976d}
.home-page .category-symbol{border-color:#bd8544;color:#a76829;background:#fbf0df}
.home-page .category-editorial-copy small{color:#8c5a27!important;font-weight:750}
.home-page .category-editorial-copy h3{color:#493524!important;font-weight:700}
.home-page .category-editorial-copy p{color:#5d4e40!important;font-weight:450}
.home-page .category-editorial-copy em{color:#765b40!important;font-weight:600}
.home-page .category-editorial-link{color:#744719!important;font-weight:700}
.home-page .category-editorial-link :is(i,svg){color:#925c26;border-color:#caa475}
.home-page .category-editorial-row:hover .category-editorial-link :is(i,svg){color:#fff;background:#a96b2d;border-color:#a96b2d}
.home-page .categories-editorial-foot{color:#5f5042!important}
.home-page .categories-editorial-foot p{color:#5f5042!important}
.home-page .categories-editorial-foot a{color:#814f1f!important;font-weight:700}

/* Large, borderless category podium with octagonal portraits */
.home-page .category-ranking-podium{
  width:min(1040px,100%);min-height:430px;margin:28px auto 44px;padding:48px 38px 0;
  gap:28px;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:visible
}
.home-page .category-ranking-podium:before{top:8px;color:#8f5b26;font-size:10px}
.home-page .category-ranking-podium .podium-photo,
.home-page .category-ranking-podium .podium-rank-1 .podium-photo{
  width:clamp(130px,15vw,176px);height:auto;aspect-ratio:4/5;border:0!important;border-radius:0!important;
  clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);
  box-shadow:none!important;filter:drop-shadow(0 18px 17px rgba(82,52,24,.2))
}
.home-page .category-ranking-podium .podium-rank-1 .podium-photo{
  width:clamp(158px,18vw,214px);filter:drop-shadow(0 22px 20px rgba(128,80,28,.25))
}
.home-page .category-ranking-podium .podium-photo img{object-position:center 22%}
.home-page .category-ranking-podium .podium-name{min-height:45px;margin-top:12px;font-size:15px}
.home-page .category-ranking-podium .podium-candidate>strong{font-size:20px}
@media(max-width:650px){
  .home-page .category-ranking-podium{width:100%;min-height:330px;margin:18px auto 28px;padding:40px 2px 0;gap:5px}
  .home-page .category-ranking-podium .podium-photo,
  .home-page .category-ranking-podium .podium-rank-1 .podium-photo{width:clamp(82px,27vw,112px)}
  .home-page .category-ranking-podium .podium-rank-1 .podium-photo{width:clamp(98px,31vw,130px)}
  .home-page .category-ranking-podium .podium-name{min-height:38px;margin-top:8px;font-size:10px}
  .home-page .category-ranking-podium .podium-candidate>strong{font-size:14px}
}

/* Keep the podium itself borderless, but frame each portrait in an octagon */
.home-page .category-ranking-podium .podium-photo,
.home-page .category-ranking-podium .podium-rank-1 .podium-photo{
  box-sizing:border-box;padding:4px!important;
  background:linear-gradient(145deg,#f2d396,#a96c2e)!important
}
.home-page .category-ranking-podium .podium-rank-2 .podium-photo{
  background:linear-gradient(145deg,#eeeae2,#98958f)!important
}
.home-page .category-ranking-podium .podium-rank-3 .podium-photo{
  background:linear-gradient(145deg,#dbad88,#8e5b3b)!important
}
.home-page .category-ranking-podium .podium-photo img{
  display:block;width:100%;height:100%;
  clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)
}

/* Prominent crowns and rank numbers for category podiums */
.home-page .category-ranking-podium .podium-medal{
  height:54px;gap:9px;margin-bottom:5px
}
.home-page .category-ranking-podium .podium-medal i{
  font-size:25px!important;filter:drop-shadow(0 4px 5px rgba(109,67,25,.2))
}
.home-page .category-ranking-podium .podium-medal b{
  font-size:28px!important;line-height:1;font-weight:800
}
.home-page .category-ranking-podium .podium-rank-1 .podium-medal{
  height:68px;margin-bottom:8px
}
.home-page .category-ranking-podium .podium-rank-1 .podium-medal i{font-size:39px!important}
.home-page .category-ranking-podium .podium-rank-1 .podium-medal b{font-size:38px!important}
.home-page .category-ranking-podium .podium-step b{font-size:32px!important}
.home-page .category-ranking-podium .podium-rank-1 .podium-step b{font-size:43px!important}
@media(max-width:650px){
  .home-page .category-ranking-podium .podium-medal{height:42px;gap:5px;margin-bottom:3px}
  .home-page .category-ranking-podium .podium-medal i{font-size:18px!important}
  .home-page .category-ranking-podium .podium-medal b{font-size:21px!important}
  .home-page .category-ranking-podium .podium-rank-1 .podium-medal{height:51px;margin-bottom:5px}
  .home-page .category-ranking-podium .podium-rank-1 .podium-medal i{font-size:28px!important}
  .home-page .category-ranking-podium .podium-rank-1 .podium-medal b{font-size:29px!important}
  .home-page .category-ranking-podium .podium-step b{font-size:25px!important}
  .home-page .category-ranking-podium .podium-rank-1 .podium-step b{font-size:33px!important}
}

/* High-contrast category analytics on the light surface */
body.home-page .category-score-view>.category-visual-head{
  border-bottom-color:#d9c8af!important
}
body.home-page .category-visual-title .eyebrow{color:#986027!important;font-weight:750}
body.home-page .category-visual-title h3{color:#443123!important}
body.home-page .category-visual-title>p:last-of-type{color:#5f5042!important}
body.home-page .category-visual-title>span{color:#695542!important;font-weight:600}
body.home-page .category-visual-title>span:before{background:#b87835!important}
body.home-page .category-visual-title>span b{
  color:#8d561f!important;-webkit-text-fill-color:#8d561f!important;font-weight:750
}
body.home-page .category-ring strong{color:#493524!important;text-shadow:none!important}
body.home-page .category-ring strong small{color:#9a6027!important}
body.home-page .category-ring span{color:#675442!important;font-weight:600}
body.home-page .category-ring:after{background:#dfd0bb!important}
body.home-page .category-metrics{border-bottom-color:#cfb78f!important}
body.home-page .category-metrics>div,
body.home-page .category-metrics>div:first-child{border-left-color:#d9c8af!important}
body.home-page .category-metrics dt{color:#65513e!important;font-weight:700}
body.home-page .category-metrics dd,
body.home-page .category-metrics>div:first-child dd{
  color:#493524!important;-webkit-text-fill-color:#493524!important;font-weight:700!important;text-shadow:none!important
}
body.home-page .category-metrics>div:first-child dd{
  color:#8d561f!important;-webkit-text-fill-color:#8d561f!important
}

/* Podium entrance — rises into place when a category tab is revealed */
body.home-page .category-score-view:not([hidden]) .category-ranking-podium .podium-candidate{
  animation:categoryPodiumRise .68s cubic-bezier(.18,.82,.24,1.12) both;
  will-change:transform,opacity,filter
}
body.home-page .category-score-view:not([hidden]) .category-ranking-podium .podium-rank-2{animation-delay:.04s}
body.home-page .category-score-view:not([hidden]) .category-ranking-podium .podium-rank-1{animation-delay:.14s}
body.home-page .category-score-view:not([hidden]) .category-ranking-podium .podium-rank-3{animation-delay:.24s}
body.home-page .category-score-view:not([hidden]) .category-ranking-podium .podium-rank-1 .podium-medal i{
  animation:categoryCrownPop .48s .7s cubic-bezier(.2,.9,.25,1.25) both
}
@keyframes categoryPodiumRise{
  0%{opacity:0;transform:translateY(90px) scale(.94);filter:blur(3px)}
  72%{opacity:1;transform:translateY(-7px) scale(1.01);filter:blur(0)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes categoryCrownPop{
  0%{opacity:0;transform:translateY(9px) scale(.45) rotate(-10deg)}
  70%{opacity:1;transform:translateY(-3px) scale(1.15) rotate(4deg)}
  100%{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  body.home-page .category-score-view:not([hidden]) .category-ranking-podium .podium-candidate,
  body.home-page .category-score-view:not([hidden]) .category-ranking-podium .podium-medal i{animation:none!important}
}

/* Candidates page — unified light palette and readable flat tabs */
body.home-page .dashboard-view[data-view-panel="candidates"]{color:#493727}
body.home-page .candidate-directory-head{
  border:0;border-bottom:1px solid #d9c8af;border-radius:0;background:transparent!important;
  box-shadow:none!important
}
body.home-page .candidate-directory-head .eyebrow{color:#966027!important;font-weight:750}
body.home-page .candidate-directory-head h2{color:#443123!important}
body.home-page .candidate-directory-head p{color:#5f5042!important}
body.home-page .candidate-directory-head>strong{color:#8f5822!important}
body.home-page .candidate-directory-head>strong small{color:#685442!important}

body.home-page .candidate-category-tabs{
  min-height:62px;display:flex;align-items:stretch;gap:25px;padding:0 4px!important;
  border-bottom:1px solid #dac9b1;background:transparent;perspective:none
}
body.home-page .candidate-category-tabs button{
  position:relative;min-height:62px;margin:0;padding:0 2px!important;border:0!important;border-radius:0!important;
  outline:0!important;background:transparent!important;color:#6d5945!important;
  box-shadow:none!important;text-shadow:none!important;transform:none!important;font-weight:550
}
body.home-page .candidate-category-tabs button:after{
  content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:3px 3px 0 0;
  background:#b87835;opacity:0;transform:scaleX(.35);transition:.18s ease
}
body.home-page .candidate-category-tabs button:hover{color:#945b24!important;transform:none!important;box-shadow:none!important}
body.home-page .candidate-category-tabs button.active{color:#8d541f!important;font-weight:750;box-shadow:none!important}
body.home-page .candidate-category-tabs button.active:after{opacity:1;transform:scaleX(1)}

body.home-page .candidate-all-ranking{padding-top:25px}
body.home-page .candidate-all-winner{
  border:1px solid #ddccb3;border-radius:14px!important;background:#fffaf2!important;color:#493727;
  box-shadow:none!important
}
body.home-page .candidate-all-winner :is(h3,strong){color:#493727!important;text-shadow:none!important}
body.home-page .candidate-all-winner>strong{color:#925921!important}
body.home-page .candidate-all-winner :is(p,small),body.home-page .candidate-all-winner>strong span{color:#705d49!important}
body.home-page .candidate-all-winner img{mix-blend-mode:normal!important;filter:none!important}
body.home-page .candidate-all-ranking .ranking-head{background:transparent!important;border-bottom-color:#d9c8af!important;color:#675441!important}
body.home-page .candidate-all-list{background:#fffaf2!important;border:1px solid #e0d1bd;border-top:0}
body.home-page .candidate-all-list>a{margin:0;border:0!important;border-bottom:1px solid #e6dac9!important;border-radius:0!important;background:#fffaf2!important;box-shadow:none!important}
body.home-page .candidate-all-list>a:hover{background:#f7ebda!important}
body.home-page .candidate-all-list :is(em,b){color:#493727!important}
body.home-page .candidate-all-list small,body.home-page .candidate-all-list>a>strong span{color:#705d49!important}
body.home-page .candidate-all-list>a>strong{color:#925921!important}

body.home-page .candidate-combined-chart{outline:0!important;background:transparent!important;box-shadow:none!important}
body.home-page .candidate-combined-chart>header{border-bottom-color:#d9c8af!important}
body.home-page .candidate-combined-chart>header .eyebrow{color:#956026!important;font-weight:750}
body.home-page .candidate-combined-chart>header h3{color:#443123!important}
body.home-page .candidate-combined-chart .chart-description,
body.home-page .candidate-combined-chart>header>span{color:#62503f!important}
body.home-page .candidate-combined-chart>header>span b{color:#8e561f!important}
body.home-page .combined-line-chart{background:radial-gradient(ellipse at 52% 44%,rgba(198,151,88,.12),transparent 58%)!important}
body.home-page .chart-grid-line{stroke:rgba(112,82,48,.2)!important}
body.home-page .chart-axis-value,body.home-page .chart-axis-label{fill:#6a5744!important}
body.home-page .chart-value{fill:#4d3928!important;stroke:#f8f3e9!important}
body.home-page .chart-index{fill:#705b46!important}
body.home-page .combined-chart-legend{border-top-color:#d9c8af!important}
body.home-page .combined-chart-legend a{border-bottom-color:#e2d5c3!important}
body.home-page .combined-chart-legend a:hover{background:#f4e7d4!important}
body.home-page .combined-chart-legend b{color:#493727!important}
body.home-page .combined-chart-legend small{color:#6f5c49!important}
body.home-page .chart-reading-key{color:#665340!important}

body.home-page .candidate-directory-group>header{border-bottom-color:#d9c8af!important;background:transparent!important}
body.home-page .candidate-directory-group>header small{color:#925a22!important}
body.home-page .candidate-directory-group>header h3{color:#493727!important}
body.home-page .candidate-directory-group>header>strong{color:#8f5721!important}
body.home-page .candidate-directory-group>header>strong small{color:#675442!important}
body.home-page .candidate-directory-groups:not(.is-filtered) .candidate-directory-copy h3{color:#493727!important}
body.home-page .candidate-directory-groups:not(.is-filtered) .candidate-directory-item>strong{color:#8f5721!important}
body.home-page .candidate-directory-groups:not(.is-filtered) .candidate-chart-bar{background:#e2d6c5!important}
@media(max-width:650px){
  body.home-page .candidate-category-tabs{min-height:52px;gap:19px;margin-inline:0!important;padding:0 3px!important}
  body.home-page .candidate-category-tabs button{min-height:52px;padding:0!important;font-size:11px!important}
}

/* Replace the all-candidates graph with a five-place award podium */
body.home-page .candidate-top-five .combined-line-chart{display:none!important}
body.home-page .top-five-podium{
  width:100%;min-height:500px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;
  gap:13px;margin:0;padding:52px 14px 0;border:0;background:transparent;overflow:visible
}
body.home-page .top-five-podium .podium-rank-1{grid-column:3;grid-row:1}
body.home-page .top-five-podium .podium-rank-2{grid-column:2;grid-row:1}
body.home-page .top-five-podium .podium-rank-3{grid-column:4;grid-row:1}
body.home-page .top-five-podium .podium-rank-4{grid-column:1;grid-row:1}
body.home-page .top-five-podium .podium-rank-5{grid-column:5;grid-row:1}
body.home-page .top-five-podium .podium-photo{
  box-sizing:border-box;width:clamp(92px,10vw,132px);height:auto;aspect-ratio:4/5;padding:4px;
  border:0;border-radius:0;background:linear-gradient(145deg,#e0c29b,#946b43);
  clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);
  box-shadow:none;filter:drop-shadow(0 16px 15px rgba(82,52,24,.18))
}
body.home-page .top-five-podium .podium-photo img{
  width:100%;height:100%;object-fit:cover;object-position:center 22%;
  clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)
}
body.home-page .top-five-podium .podium-rank-1 .podium-photo{width:clamp(145px,15vw,190px);background:linear-gradient(145deg,#f4d898,#a86a27)}
body.home-page .top-five-podium .podium-rank-2 .podium-photo{width:clamp(120px,13vw,158px);background:linear-gradient(145deg,#eeeae2,#96938d)}
body.home-page .top-five-podium .podium-rank-3 .podium-photo{width:clamp(112px,12vw,150px);background:linear-gradient(145deg,#ddb18c,#8e5b3b)}
body.home-page .top-five-podium .podium-medal{height:56px;gap:8px;margin-bottom:6px}
body.home-page .top-five-podium .podium-medal i{font-size:23px!important}
body.home-page .top-five-podium .podium-medal b{font-size:27px!important}
body.home-page .top-five-podium .podium-rank-1 .podium-medal{height:70px}
body.home-page .top-five-podium .podium-rank-1 .podium-medal i{font-size:40px!important}
body.home-page .top-five-podium .podium-rank-1 .podium-medal b{font-size:39px!important}
body.home-page .top-five-podium .podium-name{min-height:40px;color:#704719;font-size:12px}
body.home-page .top-five-category{min-height:28px;display:block;color:#725f4c;font-size:8px;line-height:1.3;text-align:center}
body.home-page .top-five-podium .podium-candidate>strong{color:#8e561f;font-size:17px}
body.home-page .top-five-podium .podium-candidate>strong small{color:#6c5946}
body.home-page .top-five-podium .podium-step{height:54px}
body.home-page .top-five-podium .podium-rank-1 .podium-step{height:105px;background:linear-gradient(180deg,#e4bc70,#bb7c30)}
body.home-page .top-five-podium .podium-rank-2 .podium-step{height:84px;background:linear-gradient(180deg,#d6d2ca,#a7a198)}
body.home-page .top-five-podium .podium-rank-3 .podium-step{height:70px;background:linear-gradient(180deg,#c99a76,#a16b47)}
body.home-page .top-five-podium .podium-rank-4 .podium-step{height:56px;background:linear-gradient(180deg,#d5b78f,#aa8157)}
body.home-page .top-five-podium .podium-rank-5 .podium-step{height:44px;background:linear-gradient(180deg,#ccb18f,#9e7b55)}
body.home-page .candidate-top-five:not([hidden]) .top-five-podium .podium-candidate{animation:categoryPodiumRise .7s cubic-bezier(.18,.82,.24,1.12) both}
body.home-page .candidate-top-five:not([hidden]) .top-five-podium .podium-rank-4{animation-delay:.03s}
body.home-page .candidate-top-five:not([hidden]) .top-five-podium .podium-rank-2{animation-delay:.09s}
body.home-page .candidate-top-five:not([hidden]) .top-five-podium .podium-rank-1{animation-delay:.16s}
body.home-page .candidate-top-five:not([hidden]) .top-five-podium .podium-rank-3{animation-delay:.23s}
body.home-page .candidate-top-five:not([hidden]) .top-five-podium .podium-rank-5{animation-delay:.3s}
@media(max-width:650px){
  body.home-page .top-five-podium{min-height:355px;gap:3px;padding:38px 0 0}
  body.home-page .top-five-podium .podium-photo{width:clamp(55px,16vw,72px);padding:2px}
  body.home-page .top-five-podium .podium-rank-1 .podium-photo{width:clamp(73px,21vw,91px)}
  body.home-page .top-five-podium .podium-rank-2 .podium-photo{width:clamp(65px,18vw,81px)}
  body.home-page .top-five-podium .podium-rank-3 .podium-photo{width:clamp(61px,17vw,77px)}
  body.home-page .top-five-podium .podium-medal{height:38px;gap:3px}.home-page .top-five-podium .podium-medal i{font-size:15px!important}.home-page .top-five-podium .podium-medal b{font-size:18px!important}
  body.home-page .top-five-podium .podium-rank-1 .podium-medal{height:48px}.home-page .top-five-podium .podium-rank-1 .podium-medal i{font-size:25px!important}.home-page .top-five-podium .podium-rank-1 .podium-medal b{font-size:26px!important}
  body.home-page .top-five-podium .podium-name{min-height:32px;font-size:8px}.home-page .top-five-category{min-height:25px;font-size:6px}
  body.home-page .top-five-podium .podium-candidate>strong{font-size:11px}.home-page .top-five-podium .podium-candidate>strong small{font-size:6px}
  body.home-page .top-five-podium .podium-rank-1 .podium-step{height:70px}.home-page .top-five-podium .podium-rank-2 .podium-step{height:58px}.home-page .top-five-podium .podium-rank-3 .podium-step{height:49px}.home-page .top-five-podium .podium-rank-4 .podium-step{height:40px}.home-page .top-five-podium .podium-rank-5 .podium-step{height:33px}
}

/* Category portrait cards do not need a trailing arrow below the score */
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item>i.fa-arrow-right,
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-item>svg{
  display:none!important
}

/* Rankings continue below the Top 5 podium */
body.home-page .top-five-following-head{
  margin-top:34px;padding:15px 10px 10px;border-top:1px solid #d5c2a6;border-bottom:1px solid #dfd0bb;
  background:transparent!important;color:#66513e!important;font-weight:650
}
body.home-page .top-five-following-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  padding:1px;background:#dfd0bb;border-radius:12px;overflow:hidden
}
body.home-page .top-five-following-list>a{
  height:88px;margin:0;padding:8px 13px;border:0!important;border-radius:0!important;
  background:#fffaf2!important;color:#493727!important;box-shadow:none!important;transform:none!important
}
body.home-page .top-five-following-list>a:hover{background:#f6e9d6!important}
body.home-page .top-five-following-list :is(em,b){color:#493727!important}
body.home-page .top-five-following-list em{font-weight:700}
body.home-page .top-five-following-list small,
body.home-page .top-five-following-list>a>strong span{color:#705d49!important}
body.home-page .top-five-following-list>a>strong{color:#8e561f!important}
body.home-page .top-five-following-list .ranking-name i{background:#e2d5c3!important}
body.home-page .top-five-following-list>a.podium-overflow-rank{display:none}
@media(max-width:760px){
  body.home-page .top-five-following-head{margin-top:24px}
  body.home-page .top-five-following-list{grid-template-columns:1fr}
  body.home-page .top-five-following-list>a{height:82px;padding-inline:9px}
  body.home-page .top-five-following-list>a.podium-overflow-rank{display:grid!important}
}

/* Crisp score numerals — no glow or text shadow */
body.home-page .podium-candidate>strong,
body.home-page .podium-candidate>strong *,
body.home-page .ranking-list>a>strong,
body.home-page .ranking-list>a>strong *,
body.home-page .category-score-list>a>strong,
body.home-page .category-score-list>a>strong *,
body.home-page .candidate-directory-item>strong,
body.home-page .candidate-directory-item>strong *,
body.home-page .candidate-all-winner>strong,
body.home-page .candidate-all-winner>strong *{
  text-shadow:none!important;filter:none!important
}

/* Candidate category cards show a vote action instead of public scores */
body.home-page .candidate-directory-groups.is-filtered .candidate-directory-rank{display:none!important}
body.home-page .candidate-directory-groups.is-filtered .candidate-vote-cta{
  width:100%;margin:13px 0 0!important
}
body.home-page .candidate-directory-groups.is-filtered form.candidate-vote-cta{display:block}
body.home-page .candidate-directory-groups.is-filtered .candidate-vote-cta button,
body.home-page .candidate-directory-groups.is-filtered button.candidate-vote-cta{
  width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;
  margin:0;padding:10px 12px;border:0;border-radius:10px;
  background:linear-gradient(135deg,#d5a15d,#a96b2c);color:#fff;
  box-shadow:0 7px 16px rgba(137,82,28,.14);font:700 11px "IBM Plex Sans Thai",sans-serif;
  cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease
}
body.home-page .candidate-directory-groups.is-filtered .candidate-vote-cta button:hover,
body.home-page .candidate-directory-groups.is-filtered button.candidate-vote-cta:hover{
  background:linear-gradient(135deg,#dfaF6a,#995c24);transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(137,82,28,.2)
}
@media(max-width:650px){
  body.home-page .candidate-directory-groups.is-filtered .candidate-vote-cta{margin-top:9px!important}
  body.home-page .candidate-directory-groups.is-filtered .candidate-vote-cta button,
  body.home-page .candidate-directory-groups.is-filtered button.candidate-vote-cta{min-height:40px;padding:8px 5px;font-size:9px}
}

/* Larger, clearer nominee filter labels */
body.home-page .candidate-category-tabs button{
  font-size:16px!important;line-height:1.25!important;font-weight:650!important;letter-spacing:0!important
}
body.home-page .candidate-category-tabs button.active{font-weight:800!important}
@media(max-width:650px){
  body.home-page .candidate-category-tabs{overflow-x:auto;scrollbar-width:none}
  body.home-page .candidate-category-tabs::-webkit-scrollbar{display:none}
  body.home-page .candidate-category-tabs button{
    flex:0 0 auto;min-height:54px!important;padding:0 2px!important;font-size:13px!important;white-space:nowrap
  }
}

/* Keep the dashboard frame from running behind the top navigation tabs */
body.home-page .vote-dashboard{
  border-top:0!important
}
body.home-page .reference-tabs{
  z-index:110!important;background:transparent!important
}

/* Nav top shows its real background without the translucent gold wash */
body.home-page .site-header{
  background:rgba(18,14,11,.16)!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important
}
body.home-page .site-header:before{
  display:none!important;background:none!important
}

/* Optically center the inspiration hero with equal vertical breathing room */
body.home-page .results-hero-copy{
  padding-top:34px!important;padding-bottom:34px!important;
  justify-content:center!important;transform:none
}
body.home-page .results-hero{
  margin-top:32px!important;margin-bottom:32px!important
}
@media(max-width:650px){
  body.home-page .results-hero-copy{
    padding-top:32px!important;padding-bottom:32px!important;
    justify-content:flex-start!important;transform:none
  }
  body.home-page .results-hero{margin-top:22px!important;margin-bottom:22px!important}
}

/* Pull the complete voting-package frame upward as one section */
body.home-page .packages-section{
  margin-top:-2px!important;
  margin-bottom:34px!important
}
@media(max-width:650px){
  body.home-page .packages-section{margin-top:-4px!important;margin-bottom:24px!important}
}

/* Reveal the page background below the candidates dashboard frame */
body.home-page:has(.dashboard-view[data-view-panel="candidates"].active) .vote-dashboard{
  margin-bottom:38px!important
}
@media(max-width:650px){
  body.home-page:has(.dashboard-view[data-view-panel="candidates"].active) .vote-dashboard{margin-bottom:24px!important}
}

/* Align the live-results frame with the voting-package section */
body.home-page .vote-dashboard{
  width:calc(100% - 60px)!important;
  margin-left:30px!important;margin-right:30px!important
}
@media(max-width:1000px){
  body.home-page .vote-dashboard{
    width:calc(100% - 40px)!important;
    margin-left:20px!important;margin-right:20px!important
  }
}
@media(max-width:650px){
  body.home-page .vote-dashboard{
    width:calc(100% - 18px)!important;
    margin-left:9px!important;margin-right:9px!important
  }
}

/* Readable package trust labels on the cream surface */
body.home-page .package-trust span{
  color:#5a4634!important;font-weight:650!important
}
body.home-page .package-trust span :is(i,svg){
  color:#9b6128!important
}

/* Center the package closing note inside its full-width frame */
body.home-page .package-foot{
  width:100%;min-height:64px;display:flex;align-items:center!important;justify-content:center!important;
  padding:14px 22px!important;text-align:center!important
}
body.home-page .package-foot p{
  margin:0!important;text-align:center!important
}
@media(max-width:600px){
  body.home-page .package-foot{align-items:center!important;justify-content:center!important;text-align:center!important}
}

/* Editorial category trophy icons without the diamond tile */
body.home-page .category-symbol{
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;transform:none!important;color:#9b6128!important
}
body.home-page .category-symbol :is(i,svg){
  transform:none!important;color:#9b6128!important
}

/* Password security panel in account settings */
.member-password-card{
  display:grid;grid-template-columns:minmax(190px,.62fr) minmax(0,1.38fr);gap:28px;
  margin-top:16px;padding:24px 28px;border:1px solid #e2d4c1;border-radius:18px;
  background:#fffdf9;box-shadow:0 8px 25px rgba(88,58,28,.06)
}
.member-password-card>div>span{
  width:42px;height:42px;display:grid;place-items:center;border-radius:12px;
  background:#f1e2cc;color:#9c6228;font-size:17px
}
.member-password-card h3{margin:12px 0 4px;color:#4d3927;font-size:18px}
.member-password-card>div>p{margin:0;color:#756452;font-size:11px;line-height:1.55}
.member-password-card form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.member-password-card form label:first-of-type{grid-column:1/-1}
.member-password-card label>span{display:block;margin-bottom:5px;color:#715f4d;font-size:11px}
.member-password-card input{
  width:100%;height:44px;padding:9px 12px;border:1px solid #dfd0bc;border-radius:9px;
  background:#fffaf4;color:#493827;font:12px "IBM Plex Sans Thai",sans-serif;outline:0
}
.member-password-card input:focus{outline:2px solid rgba(190,132,64,.25);border-color:#c28a48}
.member-password-card button{grid-column:1/-1;justify-self:start;min-height:43px;padding-inline:22px}
@media(max-width:760px){
  .member-password-card{grid-template-columns:1fr;padding:20px;gap:18px}
  .member-password-card form{grid-template-columns:1fr}
  .member-password-card form label,.member-password-card button{grid-column:1!important}
  .member-password-card button{width:100%;justify-content:center}
}

/* Final phone layout — compact, readable and free of horizontal overflow */
@media(max-width:600px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:14px}

  /* Public dashboard shell */
  body.home-page .vote-dashboard{padding:50px 12px 22px!important}
  body.home-page .reference-tabs{
    left:50%!important;right:auto!important;width:calc(100% - 12px)!important;max-width:none!important;
    transform:translateX(-50%)!important;gap:1px!important
  }
  body.home-page .reference-tabs :is(a,button){
    flex:1 1 0!important;width:auto!important;min-width:0!important;padding:5px 3px!important;font-size:9.5px!important;line-height:1.15!important;
    white-space:normal!important;text-align:center
  }
  body.home-page .dashboard-titlebar{width:100%;padding:8px 0 14px!important;transform:none!important}
  body.home-page .dashboard-titlebar h2{
    max-width:100%;margin:0 auto;font-size:17px!important;line-height:1.35!important;
    white-space:normal!important;overflow-wrap:anywhere;text-align:center
  }
  body.home-page .dashboard-switch{
    width:100%!important;display:grid!important;grid-template-columns:1fr 1fr;margin:13px 0 0!important
  }
  body.home-page .dashboard-switch :is(a,button){width:auto!important;min-width:0!important;padding:9px 5px!important;font-size:11px!important;text-align:center}
  body.home-page .dashboard-tabs{
    width:100%;min-height:50px;gap:18px!important;padding:0 2px!important;overflow-x:auto;
    scroll-snap-type:x proximity;scrollbar-width:none
  }
  body.home-page .dashboard-tabs::-webkit-scrollbar{display:none}
  body.home-page .dashboard-tabs :is(a,button){flex:0 0 auto;scroll-snap-align:start;font-size:11px!important}
  body.home-page .dashboard-grid-main{width:100%;gap:14px;padding-top:10px}
  body.home-page .score-summary{padding:15px 12px!important}
  body.home-page .score-summary strong{font-size:27px!important}
  body.home-page .score-summary .summary-stat strong{font-size:24px!important}
  body.home-page .score-summary span{font-size:9px}
  body.home-page .share-strip{padding:11px 12px 14px}
  body.home-page .award-visual{height:315px!important}
  body.home-page .award-visual img{height:300px!important}
  body.home-page .award-visual>div{left:7%!important;top:32%!important}
  body.home-page .ranking-podium{padding-inline:5px}

  /* Editorial categories */
  body.home-page .categories-editorial-head{padding-inline:2px}
  body.home-page .categories-editorial-head h2{font-size:27px!important}
  body.home-page .category-editorial-row{grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;padding:19px 2px!important}
  body.home-page .category-editorial-copy p{font-size:11px!important;line-height:1.65}
  body.home-page .category-editorial-link{grid-column:2!important}
  body.home-page .categories-editorial-foot{padding-inline:2px}

  /* Candidates and podiums */
  body.home-page .candidate-directory-head{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 2px!important}
  body.home-page .candidate-directory-head h2{font-size:25px!important;line-height:1.2}
  body.home-page .candidate-directory-head p{font-size:11px!important}
  body.home-page .candidate-directory-head>strong{font-size:27px!important}
  body.home-page .candidate-category-tabs{width:100%;gap:18px!important;padding-inline:2px!important}
  body.home-page .candidate-category-tabs button{font-size:12px!important}
  body.home-page .top-five-podium{min-height:330px!important}
  body.home-page .top-five-podium .podium-step b{font-size:20px!important}
  body.home-page .top-five-following-list>a{grid-template-columns:25px 42px minmax(0,1fr) 62px;gap:7px}
  body.home-page .top-five-following-list .ranking-photo{width:39px;height:50px}
  body.home-page .top-five-following-list .ranking-name b{font-size:12px}
  body.home-page .candidate-directory-groups.is-filtered .candidate-directory-grid{gap:20px 10px!important}

  /* Package section */
  body.home-page .packages-section{padding:24px 12px!important;gap:20px!important}
  body.home-page .package-intro{padding-bottom:20px!important}
  body.home-page .package-intro h2{font-size:26px!important}
  body.home-page .package-trust{gap:5px!important}
  body.home-page .vote-ticket{grid-template-columns:58px minmax(0,1fr) 62px 24px!important;gap:5px;min-height:82px!important}
  body.home-page .ticket-count b{font-size:25px!important}
  body.home-page .ticket-detail{padding-left:7px!important}
  body.home-page .ticket-detail b{font-size:11px!important}
  body.home-page .ticket-detail small{display:none}
  body.home-page .ticket-price b{font-size:18px!important}
  body.home-page .vote-ticket>i{width:24px;height:24px}

  /* Standalone fallback pages */
  body:not(.home-page) .page-hero{padding:54px 18px 34px!important;text-align:center}
  body:not(.home-page) .page-hero h1{max-width:100%;font-size:32px!important;line-height:1.18;overflow-wrap:anywhere}
  body:not(.home-page) .page-hero p{font-size:13px;line-height:1.55}
  body:not(.home-page) .section{padding:28px 16px!important}
  body:not(.home-page) .all-candidates{grid-template-columns:1fr!important;gap:14px!important}
  body:not(.home-page) .candidate-card{max-width:100%;display:grid;grid-template-columns:120px minmax(0,1fr);min-height:170px}
  body:not(.home-page) .candidate-card .candidate-portrait{height:100%;min-height:170px}
  body:not(.home-page) .candidate-card .candidate-info{display:flex;flex-direction:column;justify-content:center;padding:14px}
  body:not(.home-page) .candidate-card .candidate-info .btn{width:100%;margin-top:9px}
  body:not(.home-page) .category-showcase article{padding:25px 22px!important}
}

/* Phone navigation: move primary page tabs into the hamburger menu */
@media(max-width:600px){
  body.home-page .reference-tabs{display:none!important}
  body.home-page .vote-dashboard{padding-top:24px!important;border-radius:19px!important}
  body.home-page .reference-note{position:static!important;margin:0 0 5px;text-align:center}
  body.home-page .site-header{height:82px!important;padding:10px 12px!important;align-items:center!important;overflow:visible!important;z-index:1000!important}
  body:not(.home-page) .site-header{overflow:visible!important;z-index:1000!important}
  body.home-page .main-nav,
  body:not(.home-page) .main-nav{
    position:absolute;z-index:500;top:82px;right:9px;left:9px;height:auto;display:none;
    grid-template-columns:1fr;padding:9px;border:1px solid rgba(221,190,144,.28);
    border-radius:14px;background:rgba(31,23,17,.97)!important;
    box-shadow:0 18px 42px rgba(26,17,10,.28);backdrop-filter:blur(14px)
  }
  body.home-page .main-nav.open,
  body:not(.home-page) .main-nav.open{display:grid!important;visibility:visible!important;opacity:1!important}
  body .main-nav a{
    min-height:44px;padding:10px 13px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
    border-radius:8px;color:#f1e5d5!important;font-size:13px!important
  }
  body .main-nav a:last-child{border-bottom:0!important}
  body .main-nav a.active{background:rgba(209,156,87,.16);color:#f1bf77!important;font-weight:700}
  body .main-nav a:after{display:none!important}
}

/* Polished voting packages on phones */
@media(max-width:600px){
  body.home-page .packages-section{
    width:calc(100% - 18px)!important;margin-inline:9px!important;
    padding:25px 12px 16px!important;border-radius:17px!important;
    background:linear-gradient(180deg,#f8efe2,#f2e3cf)!important
  }
  body.home-page .package-intro{
    padding:0 4px 21px!important;text-align:center
  }
  body.home-page .package-intro:after{right:5%!important;left:5%!important;background:linear-gradient(90deg,transparent,#d1ad7a,transparent)!important}
  body.home-page .package-intro .eyebrow{font-size:9px;letter-spacing:1.7px}
  body.home-page .package-intro h2{margin:7px 0 9px;font-size:25px!important;line-height:1.2}
  body.home-page .package-intro>p:not(.eyebrow){margin:0 auto;max-width:330px;font-size:11px!important;line-height:1.65}
  body.home-page .package-trust{
    width:min(100%,330px)!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));
    justify-content:center!important;gap:6px!important;margin:17px auto 0!important
  }
  body.home-page .package-trust span{
    box-sizing:border-box;width:100%!important;min-width:0!important;min-height:66px;display:flex;flex-direction:column;
    align-items:center!important;justify-content:center!important;gap:6px;margin:0;padding:9px 5px!important;
    border-radius:11px;background:rgba(255,252,246,.82);font-size:10px!important;font-weight:700!important;
    line-height:1.3!important;text-align:center!important
  }
  body.home-page .package-trust span :is(i,svg){margin:0!important;font-size:17px!important;line-height:1}
  body.home-page .vote-ticket-list{
    gap:1px!important;padding:1px;border-radius:13px;background:#d8c4a7
  }
  body.home-page .vote-ticket{
    min-height:94px!important;grid-template-columns:58px minmax(0,1fr) 66px!important;gap:9px!important;
    padding:11px 10px!important;border:0!important;border-radius:0!important;background:#fffaf3!important;
    box-shadow:none!important
  }
  body.home-page .vote-ticket:first-child{border-radius:12px 12px 0 0!important}
  body.home-page .vote-ticket:last-child{border-radius:0 0 12px 12px!important}
  body.home-page .vote-ticket.recommended{
    border-left:4px solid #bd7d38!important;background:#fbefdc!important
  }
  body.home-page .ticket-count{height:auto;padding-right:8px;border-right:1px solid #e1d1ba}
  body.home-page .ticket-count b{font-size:27px!important;line-height:1}
  body.home-page .ticket-count small{margin-top:4px;font-size:7px!important;line-height:1.25;text-align:center}
  body.home-page .ticket-detail{padding:0!important}
  body.home-page .ticket-detail b{font-size:12px!important;line-height:1.35}
  body.home-page .ticket-detail small{display:block!important;margin-top:4px;font-size:8px!important;line-height:1.35}
  body.home-page .ticket-detail em{
    width:max-content;display:block;margin:0 0 5px;padding:2px 7px;border-radius:999px;
    background:#b97935;color:#fff;font-size:7px;font-style:normal;font-weight:750
  }
  body.home-page .ticket-price{align-items:flex-end;text-align:right}
  body.home-page .ticket-price b{font-size:19px!important;line-height:1.1}
  body.home-page .ticket-price small{margin-top:5px;font-size:7px!important;line-height:1.3}
  body.home-page .vote-ticket>i{display:none!important}
  body.home-page .package-foot{min-height:58px;margin-top:12px!important;padding:12px 9px!important;border-radius:10px!important}
  body.home-page .package-foot p{font-size:9px!important;line-height:1.55}
  body.home-page .package-foot b{display:block;margin-bottom:2px;font-size:11px}
}

/* Phone candidates podium: Top 3 only; ranks 4–5 continue in the list */
@media(max-width:600px){
  body.home-page .top-five-podium{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding-inline:4px!important}
  body.home-page .top-five-podium .podium-rank-1{grid-column:2!important;grid-row:1!important}
  body.home-page .top-five-podium .podium-rank-2{grid-column:1!important;grid-row:1!important}
  body.home-page .top-five-podium .podium-rank-3{grid-column:3!important;grid-row:1!important}
  body.home-page .top-five-podium .podium-rank-4,
  body.home-page .top-five-podium .podium-rank-5{display:none!important}
  body.home-page .top-five-podium .podium-photo{width:clamp(75px,24vw,98px)!important}
  body.home-page .top-five-podium .podium-rank-1 .podium-photo{width:clamp(94px,29vw,120px)!important}
  body.home-page .top-five-podium .podium-rank-2 .podium-photo{width:clamp(84px,26vw,108px)!important}
  body.home-page .top-five-podium .podium-rank-3 .podium-photo{width:clamp(80px,25vw,103px)!important}
  body.home-page .top-five-podium .podium-rank-1 .podium-step{height:108px!important}
  body.home-page .top-five-podium .podium-rank-2 .podium-step{height:66px!important}
  body.home-page .top-five-podium .podium-rank-3 .podium-step{height:46px!important}
  body.home-page .top-five-podium .podium-rank-1 .podium-step b{font-size:38px!important}
  body.home-page .top-five-podium .podium-rank-2 .podium-step b,
  body.home-page .top-five-podium .podium-rank-3 .podium-step b{font-size:25px!important}
}

/* Stable full-screen member account experience on phones */
@media(max-width:600px){
  body.home-page .vote-dashboard>.member-modal{
    position:fixed!important;z-index:15000!important;inset:0!important;width:100vw!important;height:100dvh!important;
    display:grid!important;place-items:stretch!important;margin:0!important;padding:0!important;
    background:#fbf7ef!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    overflow:hidden!important
  }
  body.home-page .member-modal-shell.member-hub{
    position:relative!important;inset:auto!important;width:100vw!important;height:100dvh!important;
    min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;
    display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:#fbf7ef!important;box-shadow:none!important;overflow:hidden!important
  }
  body.home-page .member-hub>.member-modal-close{
    position:absolute!important;z-index:80!important;top:10px!important;right:10px!important;left:auto!important;
    width:38px!important;height:38px!important;margin:0!important;border-radius:50%!important;
    background:#fffaf3!important;box-shadow:0 5px 14px rgba(75,48,24,.12)!important
  }
  body.home-page .member-hub-sidebar{
    position:relative!important;min-width:0!important;padding:11px 54px 9px 10px!important;
    border:0!important;border-bottom:1px solid #dbc9ae!important;background:#efe2cf!important;
    overflow:hidden!important
  }
  body.home-page .member-hub-brand,
  body.home-page .member-hub-person,
  body.home-page .member-hub-logout{display:none!important}
  body.home-page .member-hub-nav{
    width:100%;display:flex!important;gap:5px!important;margin:0!important;padding:0 0 3px!important;
    overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;scroll-snap-type:x proximity
  }
  body.home-page .member-hub-nav::-webkit-scrollbar{display:none}
  body.home-page .member-hub-nav :is(button,a){
    flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:39px!important;
    scroll-snap-align:start;padding:8px 11px!important;border-radius:10px!important;
    background:rgba(255,250,242,.72)!important;box-shadow:none!important
  }
  body.home-page .member-hub-nav :is(button,a)>i,
  body.home-page .member-hub-nav :is(button,a)>svg,
  body.home-page .member-hub-nav span small{display:none!important}
  body.home-page .member-hub-nav span{font-size:11px!important;white-space:nowrap}
  body.home-page .member-hub-nav button.active{background:#fffaf3!important;box-shadow:inset 0 -3px #c58a45!important}
  body.home-page .member-hub-content{
    position:relative!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;
    padding:22px 14px calc(30px + env(safe-area-inset-bottom))!important;
    background:#fbf8f2!important;overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch
  }
  body.home-page .member-hub-content>.member-modal-close{display:none!important}
  body.home-page .member-hub-panel{width:100%;min-width:0}
  body.home-page .member-hub-heading{display:block!important;padding:0!important;margin-bottom:15px!important}
  body.home-page .member-hub-heading h2{font-size:25px!important;line-height:1.2!important}
  body.home-page .member-hub-heading>div>p:last-child{display:none!important}
  body.home-page .member-hub-heading>button{display:none!important}
  body.home-page .member-history-count{display:inline-flex;margin-top:9px}
  body.home-page .member-hub-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.home-page .member-hub-stats article{min-width:0!important;min-height:105px!important;padding:12px 8px!important}
  body.home-page .member-hub-stats article>i{display:none!important}
  body.home-page .member-hub-stats small{font-size:8px!important;line-height:1.3!important}
  body.home-page .member-hub-stats strong{margin:12px 0 5px!important;font-size:25px!important}
  body.home-page .member-hub-stats span{font-size:7px!important;line-height:1.3!important}
  body.home-page .member-hub-feature{padding:18px!important;gap:15px!important}
  body.home-page .member-hub-feature h3{font-size:18px!important}
  body.home-page .member-hub-feature p{font-size:10px!important}
  body.home-page .member-hub-recent{margin-top:22px!important}
  body.home-page .member-profile-card{grid-template-columns:1fr!important;gap:17px!important;padding:17px!important}
  body.home-page .member-profile-avatar{width:82px!important;height:82px!important;margin:auto!important;border-radius:19px!important}
  body.home-page .member-profile-card form{grid-template-columns:1fr!important;gap:12px!important}
  body.home-page .member-profile-card label,
  body.home-page .member-profile-card button{grid-column:1!important;width:100%!important}
  body.home-page .member-profile-card button{justify-content:center!important}
  body.home-page .member-password-card{margin-top:12px!important;padding:17px!important;border-radius:15px!important}
  body.home-page .member-hub-payment{padding:10px!important;border-radius:15px!important}
  body.home-page .member-hub-payment .member-custom-topup{grid-template-columns:1fr!important;gap:12px!important}
  body.home-page .member-hub-bank-detail{grid-template-columns:1fr!important;gap:12px!important;padding:10px!important}
  body.home-page .member-hub-bank-detail>img{width:100%!important;height:105px!important;border-radius:11px!important}
  body.home-page .member-hub-bank-detail strong{font-size:18px!important;letter-spacing:0!important}
  body.home-page .member-hub-payment .member-payment-amount,
  body.home-page .member-hub-payment .member-payment-quick,
  body.home-page .member-hub-payment .slip-upload,
  body.home-page .member-hub-payment .topup-conversion,
  body.home-page .member-hub-payment .member-payment-submit{grid-column:1!important;width:100%!important}
  body.home-page .member-hub-payment .member-payment-submit{min-height:54px!important}
  body.home-page .member-hub .member-history-list article{grid-template-columns:22px 30px minmax(0,1fr) 66px!important;gap:7px!important}
}

/* Show only the language switch beside the hamburger on phones */
@media(max-width:600px){
  body .site-header .header-actions{
    display:flex!important;align-items:center!important;gap:0!important;
    width:auto!important;margin:0 0 0 7px!important
  }
  body .site-header .header-actions>*:not(.language-switch){display:none!important}
  body .site-header .language-switch{
    width:58px;height:34px;display:flex!important;align-items:center;justify-content:center;
    margin:0!important;padding:3px!important;border:1px solid rgba(232,190,132,.28)!important;
    border-radius:18px!important;background:rgba(16,13,11,.56)!important
  }
  body .site-header .language-switch span{width:25px;height:26px;display:grid;place-items:center;border-radius:50%}
  body .site-header .language-switch span.active{background:rgba(220,164,91,.24)}
  body .site-header .language-switch img{width:18px;height:18px;object-fit:cover;border-radius:50%}
  body .site-header .menu-toggle{margin-left:auto!important}
}

/* Sticky phone navigation inspired by a native mobile tab bar */
.mobile-bottom-nav{display:none}
@media(max-width:600px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .mobile-bottom-nav{
    position:fixed;z-index:9000;right:0;bottom:0;left:0;height:calc(70px + env(safe-area-inset-bottom));
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;
    padding:7px 5px env(safe-area-inset-bottom);border-top:1px solid #ddc9aa;
    background:rgba(255,252,247,.97);box-shadow:0 -10px 30px rgba(65,42,21,.14);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
  }
  .mobile-bottom-nav>a{
    position:relative;min-width:0;height:57px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    padding:2px;color:#765b40;font-size:9px;line-height:1.1;text-align:center
  }
  .mobile-bottom-nav>a>i{font-size:20px;color:#a66c31;transition:.18s ease}
  .mobile-bottom-nav>a>span{white-space:nowrap}
  .mobile-bottom-nav>a.active{color:#8d551f;font-weight:750}
  .mobile-bottom-nav>a.active>i{color:#c07c32;transform:translateY(-2px)}
  .mobile-bottom-nav>a.active:after{
    content:"";position:absolute;bottom:calc(4px + env(safe-area-inset-bottom));width:22px;height:2px;border-radius:2px;background:#be7830
  }
  .mobile-bottom-primary{position:relative;z-index:2;justify-content:flex-end!important;gap:2px!important;color:#774719!important}
  .mobile-bottom-primary.active:after{display:none}
  .mobile-bottom-emblem{
    position:absolute;bottom:19px;width:62px;height:62px;display:grid;place-items:center;
    border:3px solid #fff9ee;border-radius:50%;background:linear-gradient(145deg,#e8b765,#9f6328);
    box-shadow:0 0 0 1px #c8944d,0 8px 19px rgba(97,58,22,.24);overflow:hidden
  }
  .mobile-bottom-emblem img{width:54px;height:54px;object-fit:contain}
  .mobile-bottom-primary>b{position:absolute;bottom:0;font-size:9px;white-space:nowrap}
  body.modal-open .mobile-bottom-nav{opacity:0;visibility:hidden;pointer-events:none}
}
/* Password visibility control */
.login-modal-card .password-field{position:relative;display:block;width:100%;margin-top:5px}
.login-modal-card .password-field input{width:100%;margin-top:0;padding-right:48px}
.login-modal-card .password-field button{position:absolute;z-index:2;top:50%;right:7px;width:36px;height:36px;display:grid;place-items:center;padding:0;transform:translateY(-50%);border:0;border-radius:50%;background:transparent;color:#bcae9f;font-size:15px;cursor:pointer;transition:color .2s ease,background .2s ease}
.login-modal-card .password-field button:hover,.login-modal-card .password-field button:focus-visible{outline:0;background:rgba(214,164,94,.13);color:#e1ad64}

/* Keep the mobile account modal above the top navigation */
@media(max-width:760px){
  body.modal-open .site-header,
  body.modal-open>.nav-background-video{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  body.home-page.modal-open .vote-dashboard{position:relative!important;z-index:2147483000!important;isolation:auto!important}
  body.home-page.modal-open .vote-dashboard>.member-modal{position:fixed!important;z-index:2147483001!important;inset:0!important;width:100vw!important;height:100dvh!important;margin:0!important}
}

/* Candidate detail text on the light cream dashboard */
body.home-page .candidate-inline-profile{color:#4c3927}
body.home-page .candidate-inline-back{color:#765b40!important;font-weight:650}
body.home-page .candidate-inline-back:hover{color:#9a6129!important}
body.home-page .candidate-inline-layout{border-color:#dfcdb3!important}
body.home-page .candidate-inline-copy .eyebrow{color:#a96b2d!important;font-weight:750}
body.home-page .candidate-inline-copy h2{color:#3f2d1e!important}
body.home-page .candidate-inline-title{color:#6a513a!important;font-weight:600}
body.home-page .candidate-inline-location{color:#765f49!important}
body.home-page .candidate-inline-story{border-color:#dfcdb3!important}
body.home-page .candidate-inline-story small,
body.home-page .candidate-inline-achievements>div small{color:#a5682d!important;font-weight:750}
body.home-page .candidate-inline-story p{color:#554638!important}
body.home-page .candidate-inline-achievements{border-color:#dfcdb3!important}
body.home-page .candidate-inline-achievements>div h3{color:#44301f!important}
body.home-page .candidate-inline-achievements li{border-color:#e4d6c2!important}
body.home-page .candidate-inline-achievements li>small{color:#a96b2d!important}
body.home-page .candidate-inline-achievements li b{color:#4b3928!important}
body.home-page .candidate-inline-achievements li p{color:#786653!important}
body.home-page .candidate-inline-actions>div strong{color:#9a5e25!important;text-shadow:none!important}
body.home-page .candidate-inline-actions>div span,
body.home-page .candidate-inline-credit{color:#715d48!important}
@media(max-width:650px){
  body.home-page .candidate-inline-copy h2{font-size:32px!important}
  body.home-page .candidate-inline-story p{font-size:14px!important;line-height:1.75}
  body.home-page .candidate-inline-copy,
  body.home-page .candidate-inline-story,
  body.home-page .candidate-inline-achievements,
  body.home-page .candidate-inline-achievements>div,
  body.home-page .candidate-inline-achievements ol,
  body.home-page .candidate-inline-achievements li,
  body.home-page .candidate-inline-actions{text-align:center!important}
  body.home-page .candidate-inline-location{justify-content:center!important}
  body.home-page .candidate-inline-story p{margin-left:auto!important;margin-right:auto!important}
  body.home-page .candidate-inline-achievements li{display:block!important}
  body.home-page .candidate-inline-achievements li>small{display:block!important;margin-bottom:5px}
  body.home-page .candidate-inline-actions{align-items:center!important;justify-content:center!important;width:100%}
  body.home-page .candidate-inline-actions>div,
  body.home-page .candidate-inline-actions form,
  body.home-page .candidate-inline-actions .btn{width:100%!important}
  body.home-page .candidate-inline-credit{text-align:center!important}
}

/* Reveal the page background below the categories dashboard frame */
body.home-page:has(.dashboard-view[data-view-panel="categories"].active) .vote-dashboard{
  margin-bottom:48px!important
}
@media(max-width:650px){
  body.home-page:has(.dashboard-view[data-view-panel="categories"].active) .vote-dashboard{
    margin-bottom:30px!important
  }
}

/* Show the complete brand lockup in the phone navigation */
@media(max-width:600px){
  body .site-header .brand{
    min-width:0!important;width:auto!important;max-width:calc(100% - 116px)!important;
    display:flex!important;align-items:center!important;gap:8px!important;margin-right:4px!important
  }
  body .site-header .brand .nav-logo{
    width:40px!important;height:40px!important;flex:0 0 40px!important;object-fit:contain
  }
  body .site-header .brand>span{min-width:0!important;display:block!important;line-height:1!important}
  body .site-header .brand b,
  body .site-header .brand small,
  body .site-header .brand .brand-by{display:block!important;white-space:nowrap!important;overflow:visible!important}
  body .site-header .brand b{font-size:12px!important;line-height:1.05!important;letter-spacing:.65px!important;color:#fff6e7!important}
  body .site-header .brand small{margin-top:3px;font-size:8px!important;line-height:1!important;letter-spacing:1.2px!important;color:#e8c78f!important}
  body .site-header .brand .brand-by{margin-top:3px!important;font-size:6px!important;line-height:1!important;letter-spacing:1px!important;color:#dfa454!important}
  body .site-header .menu-toggle{flex:0 0 36px!important;width:36px!important;height:36px!important;margin-left:auto!important;padding:7px!important}
  body .site-header .header-actions{flex:0 0 58px!important;margin-left:4px!important}
}
@media(max-width:360px){
  body .site-header .brand{gap:6px!important;max-width:calc(100% - 108px)!important}
  body .site-header .brand .nav-logo{width:35px!important;height:35px!important;flex-basis:35px!important}
  body .site-header .brand b{font-size:10px!important;letter-spacing:.35px!important}
  body .site-header .brand small{font-size:7px!important}
  body .site-header .brand .brand-by{font-size:5.5px!important}
  body .site-header .language-switch{width:52px!important}
  body .site-header .header-actions{flex-basis:52px!important}
}

/* Tablet layout follows the same navigation and stacking model as phones */
@media(min-width:601px) and (max-width:1024px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  body.home-page .site-header,
  body:not(.home-page) .site-header{height:84px!important;padding:10px 20px!important;align-items:center!important;overflow:visible!important;z-index:1000!important}
  body .site-header .brand{width:auto!important;max-width:calc(100% - 150px)!important;gap:10px!important;margin-right:5px!important}
  body .site-header .brand .nav-logo{width:46px!important;height:46px!important;flex:0 0 46px!important}
  body .site-header .brand b{display:block!important;font-size:14px!important;white-space:nowrap}
  body .site-header .brand small{display:block!important;margin-top:3px;font-size:9px!important;white-space:nowrap}
  body .site-header .brand .brand-by{display:block!important;margin-top:3px!important;font-size:6px!important;white-space:nowrap}
  body .site-header .menu-toggle{display:grid!important;flex:0 0 40px;width:40px;height:40px;margin-left:auto!important;padding:8px!important}
  body .site-header .header-actions{display:flex!important;flex:0 0 62px!important;width:62px!important;margin-left:7px!important}
  body .site-header .header-actions>*:not(.language-switch){display:none!important}
  body .site-header .language-switch{width:62px;height:36px;display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:3px!important;border:1px solid rgba(232,190,132,.28)!important;border-radius:19px!important;background:rgba(16,13,11,.56)!important}
  body .site-header .language-switch span{width:27px;height:28px;display:grid;place-items:center;border-radius:50%}
  body .site-header .language-switch span.active{background:rgba(220,164,91,.24)}
  body .site-header .language-switch img{width:19px;height:19px;object-fit:cover;border-radius:50%}
  body.home-page .main-nav,
  body:not(.home-page) .main-nav{position:absolute!important;z-index:500!important;top:84px!important;right:16px!important;left:16px!important;height:auto!important;display:none!important;grid-template-columns:1fr;padding:10px!important;border:1px solid rgba(221,190,144,.28)!important;border-radius:15px!important;background:rgba(31,23,17,.98)!important;box-shadow:0 18px 42px rgba(26,17,10,.28)!important}
  body.home-page .main-nav.open,
  body:not(.home-page) .main-nav.open{display:grid!important;visibility:visible!important;opacity:1!important}
  body .main-nav a{min-height:48px;padding:11px 15px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:9px;color:#f1e5d5!important;font-size:14px!important}
  body .main-nav a:last-child{border-bottom:0!important}
  body .main-nav a.active{background:rgba(209,156,87,.16);color:#f1bf77!important;font-weight:700}
  body .main-nav a:after{display:none!important}
  body.home-page .reference-tabs{display:none!important}
  body.home-page .vote-dashboard{width:calc(100% - 28px)!important;margin-right:14px!important;margin-left:14px!important;padding-top:26px!important;border-radius:20px!important}
  body.home-page .reference-note{position:static!important;display:block!important;margin:0 0 18px!important;padding:0 12px!important;color:#765f49!important;font-size:12px!important;line-height:1.45!important;text-align:center!important}
  body.home-page .dashboard-titlebar{padding-top:0!important}
  body.home-page .dashboard-titlebar h2{margin-top:0!important;line-height:1.3!important}
  body.home-page .dashboard-grid-main{grid-template-columns:1fr!important;gap:20px!important}
  body.home-page .packages-section{width:calc(100% - 28px)!important;margin-right:14px!important;margin-left:14px!important;grid-template-columns:1fr!important;padding:32px 24px!important;border-radius:20px!important}
  body.home-page .package-intro{text-align:center!important}
  body.home-page .package-trust{justify-content:center!important}
  body.home-page .candidate-inline-layout{grid-template-columns:1fr!important;gap:34px!important}
  body.home-page .candidate-inline-copy{text-align:center!important;margin:auto!important}
  body.home-page .candidate-inline-location{justify-content:center!important}
  body.home-page .candidate-inline-actions{justify-content:center!important}
  .mobile-bottom-nav{position:fixed;z-index:9000;right:0;bottom:0;left:0;height:calc(72px + env(safe-area-inset-bottom));display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;padding:7px 8px env(safe-area-inset-bottom);border-top:1px solid #ddc9aa;background:rgba(255,252,247,.97);box-shadow:0 -10px 30px rgba(65,42,21,.14);backdrop-filter:blur(16px)}
  .mobile-bottom-nav>a{position:relative;min-width:0;height:59px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:2px;color:#765b40;font-size:10px;line-height:1.1;text-align:center}
  .mobile-bottom-nav>a>i{font-size:21px;color:#a66c31}
  .mobile-bottom-primary{position:relative;z-index:2;justify-content:flex-end!important;color:#774719!important}
  .mobile-bottom-emblem{position:absolute;bottom:20px;width:64px;height:64px;display:grid;place-items:center;border:3px solid #fff9ee;border-radius:50%;background:linear-gradient(145deg,#e8b765,#9f6328);box-shadow:0 0 0 1px #c8944d,0 8px 19px rgba(97,58,22,.24);overflow:hidden}
  .mobile-bottom-emblem img{width:56px;height:56px;object-fit:contain}
  .mobile-bottom-primary>b{position:absolute;bottom:0;font-size:10px;white-space:nowrap}
  body.modal-open .mobile-bottom-nav{opacity:0;visibility:hidden;pointer-events:none}
  body.modal-open .site-header{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  body.home-page .vote-dashboard>.member-modal{position:fixed!important;z-index:15000!important;inset:0!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;place-items:stretch!important;overflow:hidden!important}
  body.home-page .member-modal-shell.member-hub{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;border:0!important;border-radius:0!important}
  body.home-page .member-hub-sidebar{padding:13px 58px 10px 14px!important;border-right:0!important;border-bottom:1px solid #dbc9ae!important}
  body.home-page .member-hub-brand,
  body.home-page .member-hub-person,
  body.home-page .member-hub-logout{display:none!important}
  body.home-page .member-hub-nav{display:flex!important;gap:7px!important;overflow-x:auto!important;scrollbar-width:none}
  body.home-page .member-hub-nav :is(button,a){flex:0 0 auto!important;width:auto!important;min-width:max-content!important;padding:9px 13px!important}
  body.home-page .member-hub-content{padding:28px 24px calc(34px + env(safe-area-inset-bottom))!important}
}

/* One consistent hamburger control across phones and tablets */
@media(max-width:1024px){
  body .site-header .menu-toggle{
    box-sizing:border-box!important;display:grid!important;place-items:center!important;
    flex:0 0 40px!important;width:40px!important;height:40px!important;margin-left:auto!important;padding:0!important;
    border:1px solid rgba(232,190,132,.38)!important;border-radius:50%!important;
    background:rgba(25,18,13,.58)!important;color:#efc27e!important;
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 5px 14px rgba(29,18,10,.16)!important;
    appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important
  }
  body .site-header .menu-toggle :is(i,svg){
    width:18px!important;height:18px!important;margin:0!important;color:inherit!important;font-size:18px!important;line-height:1!important
  }
  body .site-header .menu-toggle:hover,
  body .site-header .menu-toggle[aria-expanded="true"]{
    border-color:#dca45d!important;background:#f0d4a8!important;color:#69421e!important
  }
  body .site-header .menu-toggle:focus-visible{outline:3px solid rgba(220,164,93,.25)!important;outline-offset:2px!important}
}