/* 1. Tokens = homepage (#trx) palette */
html.tr-dark{--trx-bg:#0B1122;--trx-s1:#131B33;--trx-s2:#1B2442;--trx-line:rgba(238,242,251,.1);--trx-ink:#EEF2FB;--trx-mut:#A6B0C8;--trx-gold:#FFC107;--trx-goldInk:#FFD54F;--trx-hover:#232E52;--trx-up:#3FD39A;--trx-down:#FF8A7D;
 --h-sun:#FFC107;--h-coral:#F2513B;--h-navy:#0B1533;--h-sunT:#3A3112;--h-sunInk:#FFE07A;--h-coralT:#3B1D1A;--h-coralInk:#FFA597;--h-skyT:#14254A;--h-skyInk:#9CC2FF;--h-mintT:#10332B;--h-mintInk:#7BE3C3;--h-grapeT:#2A1F4D;--h-grapeInk:#C8B2FF}
html.tr-lite{--trx-bg:#FFFFFF;--trx-s1:#FFFFFF;--trx-s2:#E8ECF4;--trx-line:#D3DAE6;--trx-ink:#0B1533;--trx-mut:#3D4862;--trx-gold:#FFC107;--trx-goldInk:#7A5200;--trx-hover:#DCE2EE;--trx-up:#0A7A4F;--trx-down:#C02B1E;
 --h-sun:#FFC107;--h-coral:#F2513B;--h-navy:#0B1533;--h-sunT:#FFE27A;--h-sunInk:#4F3600;--h-coralT:#FFCFC5;--h-coralInk:#7F1F10;--h-skyT:#C9DCFF;--h-skyInk:#0F3A86;--h-mintT:#BDEBDA;--h-mintInk:#064A39;--h-grapeT:#DCCBFF;--h-grapeInk:#41189A}
html.tr-dark body,html.tr-lite body,html.tr-dark .jeg_viewport,html.tr-lite .jeg_viewport,html.tr-dark .jeg_main,html.tr-lite .jeg_main{background-color:var(--trx-bg)!important}

/* 2. Headings = homepage display font */
html body :is(.trt,.trd-w,.tsp-w,.trc-w,.tr-gold,.tr404,.trv4-page) :is(h1,h2,h3){font-family:'Noto Sans Thai Looped','IBM Plex Sans Thai Looped',sans-serif!important;font-weight:800!important;letter-spacing:0!important}

/* 3. Page heroes = gold ticket (same motif as homepage price card and article hero) */
html body :is(.trt>header.hero,.trd-w>.trd-head,.tsp-w>.tsp-head,.trc-w .trc-head,.trv4-hero){position:relative;overflow:hidden;box-sizing:border-box;background:var(--h-sun)!important;color:#0B1533!important;border:0!important;border-radius:40px!important;padding:32px 36px!important;box-shadow:none!important;background-image:none!important}
html body :is(.trt>header.hero,.trd-w>.trd-head,.tsp-w>.tsp-head,.trc-w .trc-head,.trv4-hero)::before{content:"";position:absolute;right:-80px;top:-90px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.35);pointer-events:none}
html body :is(.trt>header.hero,.trd-w>.trd-head,.tsp-w>.tsp-head,.trc-w .trc-head,.trv4-hero)::after{content:"";position:absolute;right:140px;bottom:-60px;width:120px;height:120px;border-radius:36px;background:var(--h-coral);opacity:.18;transform:rotate(18deg);pointer-events:none}
html body :is(.trt>header.hero,.trd-w>.trd-head,.tsp-w>.tsp-head,.trc-w .trc-head,.trv4-hero)>*{position:relative;z-index:1}
html body :is(.trt>header.hero,.trd-w>.trd-head,.tsp-w>.tsp-head,.trc-w .trc-head,.trv4-hero) :is(h1,h1 *,p,span,a,nav,small,b,strong,li){color:#0B1533!important}
html body :is(.trt>header.hero,.trd-w>.trd-head,.tsp-w>.tsp-head,.trc-w .trc-head,.trv4-hero) h1{font-size:clamp(30px,4.2vw,48px)!important;line-height:1.3!important;margin:6px 0 10px!important;text-wrap:balance}
html body :is(.trt>header.hero,.trd-w>.trd-head,.tsp-w>.tsp-head,.trc-w .trc-head,.trv4-hero) p{color:#2A2205!important;opacity:1!important;max-width:760px}
html body .trd-w>.trd-head{display:flex!important;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:20px!important}
html body .tsp-w>.tsp-head{display:flex!important;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:20px!important}
/* kicker / crumbs / status pills inside the ticket */
html body .trt>header.hero .kicker,html body .tsp-w .tsp-kick{display:inline-block;background:#0B1533!important;color:#FFE07A!important;border-radius:999px;padding:5px 14px;font-size:12px!important;font-weight:700;letter-spacing:.04em}
html body :is(.trd-crumb,.tsp-crumb,.trc-crumb) a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
html body .trt>header.hero .date,html body :is(.trd-status,.tsp-status){background:#0B1533!important;color:#EEF2FB!important;border:0!important;border-radius:999px!important}
html body :is(.trd-w>.trd-head .trd-status,.tsp-w>.tsp-head .tsp-status,.trt>header.hero .date) :is(span,b,strong,a,small){color:#EEF2FB!important}
html body .trt>header.hero .date{display:inline-block;padding:6px 14px;font-size:13px}
/* category hero: gold head + side tile */
html body .trc-w .trc-hero{gap:18px!important;align-items:stretch!important}
html body .trc-w .trc-tile{border-radius:32px!important;border:2px solid var(--trx-line)!important}
html body .trc-w .trc-head span.trc-pill,html body .trc-w .trc-head .trc-pill *{background:#0B1533!important;color:#FFE07A!important;border:0!important}
/* 404 */
html body main.tr404>.k{display:inline-block;background:var(--h-sun)!important;color:#0B1533!important;border-radius:999px;padding:5px 14px;font-weight:700}
html body main.tr404>h1{font-size:clamp(30px,4.2vw,48px)!important;line-height:1.3!important}
html body main.tr404 form input{background:var(--trx-s1)!important;color:var(--trx-ink)!important;border:2px solid var(--trx-line)!important;border-radius:999px!important}
html body main.tr404 form button{background:var(--h-sun)!important;color:#0B1533!important;border:0!important;border-radius:999px!important;box-shadow:4px 4px 0 var(--h-coral)!important;font-weight:700}
html body main.tr404 a{border-radius:24px!important}
/* gold history (page 353): gold ticket on the hero, price panel stays navy */
html body .tr-gold .hero-shell{background:transparent!important;background-image:none!important;border:0!important;padding-top:20px!important}
html body .tr-gold .hero-shell section.hero{position:relative;overflow:hidden;background:var(--h-sun)!important;border-radius:40px;padding:32px 36px!important}
html body .tr-gold .hero-shell section.hero::before{content:"";position:absolute;left:38%;top:-120px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.3);pointer-events:none}
html body .tr-gold .hero-shell section.hero>*{position:relative;z-index:1}
html body .tr-gold .hero-shell section.hero>div:first-child :is(h1,p,span,small,b){color:#0B1533!important}
html body .tr-gold .hero-shell section.hero>div:first-child h1{font-size:clamp(30px,4.2vw,48px)!important;line-height:1.3!important}
html body .tr-gold .hero-shell .eyebrow{background:#0B1533!important;color:#FFE07A!important;border:0!important;border-radius:999px!important}
html body .tr-gold .hero-shell .hero-actions a{border-radius:999px!important;font-weight:700!important}
html body .tr-gold .hero-shell .hero-actions a:first-child{background:#0B1533!important;color:#FFE07A!important;border:0!important;box-shadow:4px 4px 0 var(--h-coral)!important}
html body .tr-gold .hero-shell .hero-actions a:not(:first-child){background:transparent!important;color:#0B1533!important;border:2px solid #0B1533!important}
html body .tr-gold .hero-shell .hero-visual{background:#0B1533!important;border:0!important;border-radius:32px!important}
html body .tr-gold .hero-shell .crumb,html body .tr-gold .hero-shell .crumb *{color:var(--trx-mut)!important}
/* gold history: dark mode for the light-only body (panels, tables, filters) */
html.tr-lite body .tr-gold{--bg:#FFFFFF}
html.tr-dark body .tr-gold{--ink:#EEF2FB;--muted:#A6B0C8;--gold:#FFD54F;--line:rgba(238,242,251,.1);--bg:#0B1122;background:var(--bg)!important;color:var(--ink)!important}
html.tr-dark body .tr-gold :is(h1,h2,h3,h4,b,strong,.value){color:var(--ink)!important}
html.tr-dark body .tr-gold :is(.panel,.broker-box,.inline-detail){background:#131B33!important;border-color:var(--line)!important}
html.tr-dark body .tr-gold :is(.card,.filters,.dates,.daystats span,th,.inline-rounds>td,#refreshgold,.broker-logo){background:#1B2442!important;border-color:var(--line)!important;color:var(--muted)!important}
html.tr-dark body .tr-gold :is(.card:first-child,.daystats span:first-child,.chartread,.pill,.notice,#rows td:nth-child(3)){background:#3A3112!important;border-color:transparent!important;color:#FFE07A!important}
html.tr-dark body .tr-gold .daystats .movement.up{background:#10332B!important;color:#7BE3C3!important}
html.tr-dark body .tr-gold .daystats .movement.down{background:#3B1D1A!important;color:#FFA597!important}
html.tr-dark body .tr-gold td{border-color:var(--line)!important;color:var(--ink)!important}
html.tr-dark body .tr-gold tbody tr:nth-child(2n)>td{background:rgba(255,255,255,.02)!important}
html.tr-dark body .tr-gold tbody tr:hover>td{background:#232E52!important}
html.tr-dark body .tr-gold :is(input,select){background:#1B2442!important;color:var(--ink)!important;border-color:var(--line)!important;color-scheme:dark}
html.tr-dark body .tr-gold button:not(#apply):not(#showday){background:#1B2442!important;color:var(--ink)!important;border-color:var(--line)!important}
html.tr-dark body .tr-gold .datebtn{background:#14254A!important;color:#9CC2FF!important}
html.tr-dark body .tr-gold :is(.label,.lead,.crumb,.visual-bottom,.muted,small){color:var(--muted)!important}
html.tr-dark body .tr-gold .broker-box :is(.broker-cta){background:var(--h-sun)!important;color:#0B1533!important}
html body .tr-gold :is(#apply,#showday,.broker-cta){background:var(--h-sun)!important;color:#0B1533!important;border:0!important;border-radius:999px!important;font-weight:700!important;box-shadow:3px 3px 0 var(--h-coral)!important}
html.tr-dark body .tr-gold svg line{stroke:rgba(238,242,251,.12)!important}
html body .tr-gold .panel{border-width:2px!important}
html body .tr-gold :is(.card,.daystats span,.filters,.dates){border-radius:20px!important}
html body .tr-gold table{border-radius:18px;overflow:hidden}

/* 4. Buttons & chips */
html body :is(.trt,.tsp-w,.trc-w,.tr-gold,.trv4-page) :is(a.btn,button.btn,.btn-primary,.cta a,.primary){border-radius:999px!important}
html body .trt :is(button,.btn):not(.secondary):not([class*=trec] *):not([id*=trec] *),html body .tr-gold :is(.btn-gold,.cta-gold),html body .trv4-page .trv4-btn{background:var(--h-sun)!important;color:#0B1533!important;border:0!important;border-radius:999px!important;font-weight:700!important;box-shadow:4px 4px 0 var(--h-coral)!important;transition:transform .15s,box-shadow .15s}
html body .trt :is(button,.btn):not(.secondary):not([class*=trec] *):not([id*=trec] *):hover,html body .trv4-page .trv4-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--h-coral)!important}
html body .trt :is(button,.btn).secondary:not([class*=trec] *){background:transparent!important;color:var(--trx-ink)!important;border:2px solid var(--trx-line)!important;border-radius:999px!important}
html body :is(.trt .tabs,.trc-chips,.trd-w .trd-tabs) a{border-radius:999px!important;border:2px solid var(--trx-line)!important;background:var(--trx-s1)!important;color:var(--trx-ink)!important;font-weight:700!important}
html body :is(.trt .tabs,.trc-chips,.trd-w .trd-tabs) a:is(.on,.active,[aria-current]){background:var(--h-sun)!important;color:#0B1533!important;border-color:var(--h-sun)!important}

/* 5. Cards & panels: big radius, 2px line (homepage cards 28 / panels 32) */
html body .trt :is(.card,.notice,.panel,.box),html body .tr-gold :is(.panel,.broker-box),html body .tsp-w :is(.tsp-card,.tsp-panel,.tsp-box),html body .trc-w :is(.trc-feat,.trc-card),html body .trd-w :is(.trd-panel,.trd-cap,.trd-tile,.trd-link),html body .trh-card{border-width:2px!important;border-style:solid!important;border-color:var(--trx-line)!important}
html body .trt :is(.card,.panel,.box),html body .trc-w .trc-card,html body .trd-w :is(.trd-tile,.trd-link){border-radius:28px!important}
html body .tr-gold :is(.panel,.broker-box),html body .tsp-w :is(.tsp-card,.tsp-panel),html body .trc-w .trc-feat,html body .trd-w :is(.trd-panel,.trd-cap){border-radius:32px!important}
html body .trt .notice{border-radius:20px!important;background:var(--h-sunT)!important;color:var(--h-sunInk)!important;border-color:transparent!important}
html body .trt .notice *{color:var(--h-sunInk)!important}
html body .trt a.card.tile .num{color:var(--h-coral)!important;font-weight:800}
html body .trt a.card.tile:hover,html body .trc-w .trc-card:hover{border-color:var(--h-sun)!important}
/* tinted stat tiles, like the homepage price tiles */
html body .trd-w .trd-side .trd-tile:nth-of-type(4n+1){background:var(--h-mintT)!important;border-color:transparent!important}
html body .trd-w .trd-side .trd-tile:nth-of-type(4n+2){background:var(--h-mintT)!important;border-color:transparent!important}
html body .trd-w .trd-side .trd-tile:nth-of-type(4n+3){background:var(--h-skyT)!important;border-color:transparent!important}
html body .trd-w .trd-side .trd-tile:nth-of-type(4n+4){background:var(--h-grapeT)!important;border-color:transparent!important}
html body .trd-w .trd-side .trd-tile:nth-of-type(4n+1) *,html body .trd-w .trd-side .trd-tile:nth-of-type(4n+2) *{color:var(--h-mintInk)!important}
html body .trd-w .trd-side .trd-tile:nth-of-type(4n+3) *{color:var(--h-skyInk)!important}
html body .trd-w .trd-side .trd-tile:nth-of-type(4n+4) *{color:var(--h-grapeInk)!important}
html body .trd-w .trd-side .trd-tile :is(b,strong,.v,.trd-n){color:var(--trx-ink)!important}

/* 6. JNews default pages (about, legal, prop firm, search …) */
html body .jeg_share_top_container,html body .jeg_share_bottom_container,html body .jeg_post_tags{display:none!important}
html body.page .jeg_main .jeg_main_content>.entry-header:not(:has(.tr-h1-demoted)),html body.search .jeg_main .jeg_archive_header,html body.archive:not(.category) .jeg_main .jeg_archive_header{position:relative;overflow:hidden;background:var(--h-sun)!important;border-radius:40px;padding:30px 36px!important;margin:6px 0 28px!important}
html body.page .jeg_main .jeg_main_content>.entry-header:not(:has(.tr-h1-demoted))::before,html body.search .jeg_main .jeg_archive_header::before{content:"";position:absolute;right:-50px;top:-130px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.35);pointer-events:none}
html body.page .jeg_main .jeg_main_content>.entry-header:not(:has(.tr-h1-demoted)) :is(h1,.jeg_post_title,.jeg_post_subtitle,p),html body :is(.search,.archive) .jeg_main .jeg_archive_header :is(h1,.jeg_archive_title,p,span){position:relative;z-index:1;color:#0B1533!important}
html body.page .jeg_main .jeg_main_content>.entry-header:not(:has(.tr-h1-demoted)) :is(h1,.jeg_post_title),html body.search .jeg_main .jeg_archive_title{font-family:'Noto Sans Thai Looped',sans-serif!important;font-weight:800!important;font-size:clamp(28px,4vw,46px)!important;line-height:1.3!important;margin:0!important}
html body.page .jeg_main .jeg_main_content>.entry-header:not(:has(.tr-h1-demoted)) .jeg_meta_container{display:none!important}
html body .jeg_main .jeg_breadcrumbs{font-size:13px!important;margin:18px 0 10px!important}
html body .jeg_main .jeg_breadcrumbs,html body .jeg_main .jeg_breadcrumbs *{color:var(--trx-mut)!important}
html body .jeg_main .jeg_breadcrumbs a:hover{color:var(--trx-ink)!important}
html body .jeg_main .entry-header .jeg_breadcrumbs,html body .jeg_main .entry-header .jeg_breadcrumbs *,html body .jeg_main .jeg_archive_header .jeg_breadcrumbs *{color:#3A2E05!important;position:relative;z-index:1}
html body .jeg_main .entry-header .jeg_breadcrumbs{margin:0 0 8px!important}
/* page body (plain WordPress content only: direct children of .content-inner, so custom page apps are untouched) */
html body.page .jeg_main .content-inner{font-size:17.5px;line-height:1.85}
html body.page .jeg_main .content-inner>:is(p,ul,ol,table,dl,blockquote),html body.page .jeg_main .content-inner>:is(p,ul,ol,dl) *,html body.page .jeg_main .content-inner>.wp-block-table *,html body.page .jeg_main .content-inner>table *{color:var(--trx-ink)!important}
html body.page .jeg_main .content-inner>:is(h2,.wp-block-heading){font-family:'Noto Sans Thai Looped',sans-serif!important;font-weight:800!important;font-size:1.6em!important;margin:1.6em 0 .6em!important;color:var(--trx-ink)!important}
html body.page .jeg_main .content-inner>h2::before{content:"";display:inline-block;width:14px;height:14px;border-radius:5px;background:var(--h-sun);margin-right:10px;vertical-align:.12em;box-shadow:3px 3px 0 var(--h-coral)}
html body.page .jeg_main .content-inner>h3{font-family:'Noto Sans Thai Looped',sans-serif!important;font-weight:800!important;font-size:1.25em!important;color:var(--trx-ink)!important}
html body.page .jeg_main .content-inner>:is(p,ul,ol,dl,table,.wp-block-table) a{color:var(--h-skyInk)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
html.tr-lite body.page .jeg_main .content-inner>:is(p,ul,ol,dl,table,.wp-block-table) a{color:#1D4FB0!important}
html body.page .jeg_main .content-inner>:is(ul,ol){padding-left:1.4em}
html body.page .jeg_main .content-inner>ul>li::marker{color:var(--h-sun)}
html body.page .jeg_main .content-inner>table,html body.page .jeg_main .content-inner>.wp-block-table table{border-collapse:separate!important;border-spacing:0;width:100%;border:2px solid var(--trx-line)!important;border-radius:20px;overflow:hidden;background:var(--trx-s1)!important}
html body.page .jeg_main .content-inner>table :is(th,td),html body.page .jeg_main .content-inner>.wp-block-table :is(th,td){border:0!important;border-bottom:1px solid var(--trx-line)!important;padding:12px 16px!important;background:transparent!important}
html body.page .jeg_main .content-inner>table :is(th,thead td),html body.page .jeg_main .content-inner>.wp-block-table :is(th,thead td){background:var(--trx-s2)!important;font-weight:700}
html body.page .jeg_main .content-inner>table tr:last-child>td,html body.page .jeg_main .content-inner>.wp-block-table tr:last-child>td{border-bottom:0!important}
html body.page .jeg_main .content-inner>blockquote{border:0!important;border-radius:24px;background:var(--h-sunT)!important;padding:18px 22px!important}
html body.page .jeg_main .content-inner>blockquote *{color:var(--h-sunInk)!important}
/* sidebar & search results */
html body .jeg_sidebar .widget{background:var(--trx-s1)!important;border:2px solid var(--trx-line)!important;border-radius:28px;padding:20px!important;margin-bottom:22px!important}
html body .jeg_sidebar .jeg_block_heading{border:0!important;margin-bottom:14px!important;display:flow-root}
html body .jeg_sidebar .jeg_block_heading .jeg_block_title{float:none!important;background:transparent!important;margin:0!important;padding:0!important;line-height:1.4!important}
html body .jeg_sidebar .jeg_block_heading .jeg_block_title span{display:inline-block;background:var(--h-sun)!important;color:#0B1533!important;border-radius:999px;padding:6px 16px!important;font-weight:800!important;font-family:'Noto Sans Thai Looped',sans-serif!important}
html body .jeg_sidebar .jeg_block_heading::before,html body .jeg_sidebar .jeg_block_heading::after{display:none!important}
html body .jeg_sidebar .jeg_post_title a{color:var(--trx-ink)!important}
html body .jeg_sidebar img,html body .jeg_main .jeg_thumb img{border-radius:14px}
html body .jeg_main .jeg_search_form,html body .jeg_main .search-form{display:flex;gap:10px}
html body .jeg_main :is(.jeg_search_form,.search-form) input[type=text],html body .jeg_main :is(.jeg_search_form,.search-form) input[type=search]{background:var(--trx-s1)!important;color:var(--trx-ink)!important;border:2px solid var(--trx-line)!important;border-radius:999px!important;padding:12px 20px!important;height:auto!important}
html body .jeg_main :is(.jeg_search_form,.search-form) :is(button,input[type=submit]){background:var(--h-sun)!important;color:#0B1533!important;border:0!important;border-radius:999px!important;box-shadow:4px 4px 0 var(--h-coral)!important;min-width:56px}
html body.search .jeg_main .jeg_archive_search,html body.search .jeg_main .jeg_empty_module{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body.search .jeg_main .jeg_empty_module{color:var(--trx-mut)!important;padding:24px!important;border:2px dashed var(--trx-line)!important;border-radius:28px}
html body .jeg_main .jeg_postblock .jeg_post{border-radius:24px}
html body .jeg_main .jeg_pagination a,html body .jeg_main .jeg_pagination span{border-radius:999px!important}
/* comments */
html body .jeg_main #respond input:not([type=submit]),html body .jeg_main #respond textarea{background:var(--trx-s1)!important;color:var(--trx-ink)!important;border:2px solid var(--trx-line)!important;border-radius:18px!important}
html body .jeg_main #respond input[type=submit]{background:var(--h-sun)!important;color:#0B1533!important;border-radius:999px!important;box-shadow:4px 4px 0 var(--h-coral)!important;border:0!important;font-weight:700}

/* footer: same 1200px content box as header and page (was 1200 box + 148px inner padding = 903px) */
html body.tra-page #tr-global-footer .trgx-foot,html body #tr-global-footer .trgx-foot{box-sizing:border-box!important;width:min(1200px,calc(100% - 40px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
@media (max-width:640px){html body.tra-page #tr-global-footer .trgx-foot,html body #tr-global-footer .trgx-foot{width:calc(100% - 32px)!important}}
html.tr-dark .jeg_container,html.tr-lite .jeg_container,html.tr-dark .jeg_content,html.tr-lite .jeg_content{background-color:var(--trx-bg)!important}

/* daily gold article (#25 .tra): price ticket = homepage gold price card; weekday colour kept for stripe/tag */
html body .tra .tra-ticket{position:relative;overflow:hidden;background:#FFC107!important;color:#0B1533!important;border:0!important;border-radius:32px!important;box-shadow:none!important;padding:26px 26px 22px!important}
html body .tra .tra-ticket::before{content:"";position:absolute;right:-70px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.35);pointer-events:none}
html body .tra .tra-ticket>*{position:relative;z-index:1}
html body .tra .tra-ticket :is(.tra-tk-lbl,.tra-tk-big,.tra-tk-big *,dt,dd,summary,p){color:#0B1533!important}
html body .tra .tra-ticket .tra-tk-lbl{display:inline-block;background:#0B1533;color:#FFE07A!important;border-radius:999px;padding:4px 14px;font-size:13px!important;font-weight:700}
html body .tra .tra-ticket .tra-tk-big span{font-family:'Noto Sans Thai Looped',sans-serif;font-weight:800}
html body .tra .tra-ticket .tra-chip{background:rgba(255,255,255,.75)!important;border:0!important;border-radius:999px!important}
html body .tra .tra-ticket .tra-chip.tra-dn,html body .tra .tra-ticket .tra-chip.tra-dn *{color:#B42318!important}
html body .tra .tra-ticket .tra-chip.tra-up,html body .tra .tra-ticket .tra-chip.tra-up *{color:#06704A!important}
html body .tra .tra-ticket .tra-tk-grid{background:transparent!important;border:0!important;gap:10px!important}
html body .tra .tra-ticket .tra-tk-grid>div{background:#FFFFFF!important;border:0!important;border-radius:18px!important;box-shadow:none!important}
html body .tra .tra-ticket .tra-tk-grid dt{color:#3D4862!important}
html body .tra .tra-ticket .tra-tk-src{border-color:rgba(11,21,51,.18)!important}
html body .tra .tra-ticket .tra-tk-src summary{font-weight:700}
html body .tra .tra-share :is(a,button){border-radius:999px!important;border:2px solid var(--line)!important;font-weight:700!important}
html body .tra .tra-share :is(a,button):hover{border-color:#FFC107!important}
/* category chips wrap on desktop instead of a hidden scroll row (17 Oct 2026) */
@media (min-width:768px){html body .trc-chips{flex-wrap:wrap!important;overflow:visible!important}}
/* article hero stat panel (.tr-price, white text) needs a navy card on the gold hero (17 Oct 2026) */
html body .tr2-overview .tr-price{background:#0B1533!important;color:#fff!important;border-radius:24px;padding:18px 20px!important}
html body .tr2-overview .tr-price :is(p,b,span,small,div){color:inherit}
/* JNews page blockquotes: no browser 40px side margin (17 Oct 2026) */
html body .jeg_main_content .content-inner>blockquote{margin:18px 0!important;border-radius:20px}
@media (min-width:641px){html body .tra .tra-hero-grid.tra-wrap{align-items:stretch!important;padding-top:24px!important}html body .tra .tra-hero-grid>.tra-hero-main{display:flex!important;flex-direction:column;align-self:stretch!important}html body .tra .tra-hero-main>.tra-tags{margin-top:auto!important}html body .tra .tra-hero-main>.tra-by{margin-bottom:auto!important}}
html body .tra .tra-by>.tra-by-txt{flex:1 1 0!important;min-width:0!important}

@media (max-width:640px){
 html body .tra .tra-hero-grid.tra-wrap{padding:10px 16px 28px!important}
 html body .tra .tra-body.tra-wrap{padding:24px 16px 40px!important}
 html body .tra .tra-ticket{border-radius:28px!important;padding:22px 18px 18px!important}
}

/* lesson lab toggles (.trl-calc .seg): #51 turned every lab button into a navy CTA, so the selected option was invisible. Toggles = soft pills, selected = gold */
html body .tr2-app .tr2-content .trl-calc .seg button{min-height:0!important;padding:.45em .95em!important;background:var(--a-s2)!important;color:var(--a-ink)!important;border:1px solid var(--a-line)!important;box-shadow:none!important;font-weight:600!important}
html body .tr2-app .tr2-content .trl-calc .seg button[aria-pressed="true"]{background:var(--a-sun)!important;color:#0B1533!important;border-color:var(--a-sun)!important;box-shadow:2px 2px 0 var(--a-coral)!important}

/* 7. Mobile */
@media (max-width:640px){
 html body :is(.trt>header.hero,.trd-w>.trd-head,.tsp-w>.tsp-head,.trc-w .trc-head,.trv4-hero),html body.page .jeg_main .jeg_main_content>.entry-header:not(:has(.tr-h1-demoted)),html body.search .jeg_main .jeg_archive_header{border-radius:28px!important;padding:24px 20px!important}
 html body :is(.trt>header.hero,.trd-w>.trd-head,.tsp-w>.tsp-head,.trc-w .trc-head,.trv4-hero)::before{width:180px;height:180px;right:-70px;top:-70px}
 html body .tr-gold .hero-shell section.hero{border-radius:28px!important;padding:24px 20px!important}
 html body .jeg_sidebar .widget{border-radius:22px}
}