/*
Theme Name: JU88
Version: 3.0.0
Description: JU88 Vietnamese game library and editorial guides.
*/
:root{--blue:#1e73be;--orange:#f7921e;--red:#f04735;--ink:#252525;--muted:#666;--line:#e6e6e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:#d45121;text-decoration:none}a:hover{color:#f7921e}img{max-width:100%;height:auto}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}.wrap{width:calc(100% - 64px);max-width:1200px;margin:0 auto}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.site-header{position:sticky;top:0;z-index:50;background:var(--blue);box-shadow:0 2px 8px #0002}.header-top{height:74px;display:flex;align-items:center;gap:36px}.logo{flex:0 0 150px}.logo a{color:#fff;display:block;line-height:1}.logo strong{font-size:42px;font-style:italic;letter-spacing:-3px;font-weight:900}.logo span,.footer-brand span{color:#ffe088}.logo small{font-size:9px;display:block;letter-spacing:2px;margin-top:5px}.logo img{max-height:58px;width:auto;max-width:150px;object-fit:contain}.search-form{display:flex;margin:auto;width:370px;background:#ffffff1c;border:1px solid #ffffff6b;border-radius:6px;overflow:hidden}.search-form input{width:100%;min-width:0;background:none;border:0;padding:7px 12px;color:white;outline-offset:-3px}.search-form input::placeholder{color:#e4eff8}.search-form button{background:none;border:0;color:white;width:44px;font-size:27px}.header-actions{display:flex;gap:12px;white-space:nowrap}.entry-button,.ju-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(100deg,var(--red),var(--orange));color:white!important;padding:9px 23px;border-radius:5px;border:1px solid #ffffff4d;font-weight:700;line-height:1.5}.header-actions .entry-button:first-child{background:#fff;color:#205e91!important;border-color:white}.main-nav{background:linear-gradient(90deg,var(--red),var(--orange))}.main-nav .menu{display:flex;justify-content:center;gap:0;list-style:none;margin:0;padding:0}.main-nav .menu>li{position:relative}.main-nav a{display:block;padding:12px 26px;color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase}.main-nav a:hover,.main-nav .current-menu-item>a{background:#0002}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;background:white;box-shadow:0 5px 20px #0003;list-style:none;padding:8px 0;margin:0}.main-nav .sub-menu a{color:#333;font-size:13px}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:block}.menu-item-has-children>a:after{content:' ▾'}.menu-toggle{display:none}.home-main{background:#050505;color:#eee;padding-top:28px}.hero{position:relative;overflow:hidden;border-radius:7px;background:#1252a8;aspect-ratio:1200/410}.hero-slide{display:none}.hero-slide.active{display:block}.hero img{display:block;width:100%;height:100%;object-fit:cover}.hero-controls{position:absolute;inset:auto 15px 14px;display:flex;align-items:center;justify-content:center;gap:8px}.hero-controls button{border:1px solid #fffc;border-radius:50%;width:28px;height:28px;background:#0006;color:#fff;line-height:1}.hero-controls button.active{background:#f7921e}.hero-arrow{position:absolute;top:44%;background:#0006;border:0;color:white;font-size:26px;border-radius:4px;width:36px;height:46px}.hero-arrow.prev{left:10px}.hero-arrow.next{right:10px}.section-title{display:flex;align-items:center;gap:20px;justify-content:center;text-align:center;font-size:26px;line-height:1.4;margin:30px 0 25px}.section-title:before,.section-title:after{content:'';height:1px;flex:1;background:#4f4f4f}.home-main h1{font-size:27px}.feature-links{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0}.feature-link{position:relative;border:1px solid #b56e19;border-radius:7px;overflow:hidden;color:white;background:#182047}.feature-link img{width:100%;aspect-ratio:2.65;object-fit:cover;display:block;opacity:.7}.feature-link span{position:absolute;bottom:8px;left:15px;font-weight:bold;text-shadow:0 2px 3px #000}.game-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 108px)/7);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-color:#f48325 #242424}.game-tile{min-width:0;color:#fff;text-align:center;scroll-snap-align:start;font-size:13px;line-height:1.45}.game-tile img{display:block;aspect-ratio:1;border-radius:12px;width:100%;object-fit:cover;margin-bottom:9px;transition:transform .2s}.game-tile:hover img{transform:translateY(-3px)}.shelf-heading{display:flex;align-items:center;gap:14px}.shelf-heading h2{flex:1}.shelf-actions{display:flex;gap:7px}.shelf-actions button{background:#262626;border:1px solid #777;color:white;border-radius:4px;width:34px;height:34px}.home-editorial{padding:24px 0 50px}.home-editorial h2{font-size:26px;margin-top:36px;color:#fff}.home-editorial h3{color:#ffc17a}.home-editorial p{color:#d4d4d4}.home-intro{border-top:1px solid #343434;margin-top:25px}.category-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-picks a{background:#151515;border:1px solid #333;border-radius:8px;overflow:hidden;color:white}.category-picks img{aspect-ratio:16/9;width:100%;object-fit:cover;display:block}.category-picks strong,.category-picks p{display:block;padding:0 15px}.category-picks p{font-size:14px}.reading-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;margin:34px 0}.reading-panel img{border-radius:7px;width:100%}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:20px 0}.step{padding:20px;background:#151515;border-top:3px solid #f48325}.step b{font-size:28px;color:#f7a33b}.page-main{padding:34px 0 55px;min-height:60vh}.catalog-layout,.article-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:38px}.article-layout{grid-template-columns:minmax(0,3.3fr) minmax(210px,1fr)}.breadcrumbs{font-size:13px;color:#777;margin-bottom:23px}.breadcrumbs a{color:#777}.page-main h1{font-size:30px;line-height:1.35;margin:0 0 18px;text-transform:uppercase}.catalog-intro{color:#666;margin:0 0 25px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.article-card{background:#f9f9f9;overflow:hidden;border:1px solid #eee}.article-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.article-card .card-copy{padding:16px}.article-card h2{font-size:16px;line-height:1.45;margin:0 0 12px;text-transform:uppercase;color:#222}.article-card p{font-size:14px;color:#666;margin:0}.article-card .read-more{display:inline-block;margin-top:10px;font-size:13px;font-weight:bold}.article-card:hover{box-shadow:0 6px 20px #0001}.sidebar{border-left:1px solid #eee;padding-left:25px}.sidebar h2{font-size:17px;text-transform:uppercase;margin:0 0 18px;padding-bottom:9px;border-bottom:3px solid #f48325}.sidebar a{display:block;color:#444;padding:11px 0;border-bottom:1px solid #eee;font-size:14px}.sidebar .sidebar-cta{margin:25px 0;background:#f7f4ef;padding:18px;border-radius:5px}.sidebar .entry-button{font-size:13px}.article-heading>p{font-size:12px;color:#888;margin-bottom:25px;text-transform:uppercase}.article-body>p:first-child{font-size:18px;color:#494949}.article-body h2{font-size:25px;line-height:1.4;margin:32px 0 15px}.article-body h3{font-size:20px;line-height:1.4;margin:24px 0 12px}.article-body p{margin:14px 0}.article-body figure{margin:25px 0}.article-body figure img{width:100%;display:block;border-radius:4px}.article-body figcaption{font-size:13px;text-align:center;color:#888;padding-top:7px}.article-body ul,.article-body ol{padding-left:24px}.article-body li{padding:4px 0}.toc{padding:19px 23px;background:#faf8f4;border:1px solid #eee;border-left:4px solid #f28a22;margin:25px 0}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;color:#555;padding:3px 0}.comparison{overflow:auto;margin:22px 0}.comparison table{width:100%;border-collapse:collapse;font-size:15px}.comparison th,.comparison td{padding:12px;border:1px solid #ddd;text-align:left}.comparison th{background:#f6eee4}.note{background:#fff7e9;border-left:4px solid #eda13a;padding:16px 20px}.article-cta{background:#f5f5f5;text-align:center;padding:24px;margin:30px 0}.faq{border:1px solid #e3e3e3;border-radius:4px;margin:10px 0;padding:13px 17px}.faq summary{font-weight:bold;cursor:pointer}.faq p{margin-bottom:0}.related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.related-links a{border:1px solid #eee;padding:8px 12px;font-size:14px}.site-footer{background:#161312;color:#bfbab6;padding:40px 0 15px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:35px}.footer-brand{font-size:43px;font-style:italic;font-weight:900;color:white}.site-footer h2{font-size:16px;color:#fff}.site-footer p,.site-footer a{font-size:14px}.footer-grid section>a:not(.footer-brand){display:block;padding:5px 0;color:#d1cbc6}.site-footer .menu{list-style:none;padding:0}.site-footer .menu li{padding:5px 0}.site-footer .menu a{color:#d1cbc6}.footer-bottom{border-top:1px solid #3c3633;margin-top:30px;padding-top:16px;text-align:center}.footer-bottom p{font-size:12px}.age-label{border:1px solid #777;border-radius:50%;display:inline-grid;place-items:center;width:37px;height:37px}.back-top{position:fixed;right:18px;bottom:20px;background:#f48225;color:white;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;z-index:20}.contact-form label{display:block;margin:16px 0}.contact-form input,.contact-form textarea{width:100%;display:block;border:1px solid #ccc;padding:10px;border-radius:4px}.contact-form button{background:#ed7927;border:0;padding:12px 24px;color:white;border-radius:4px}.contact-form [hidden]{display:none}.empty{text-align:center;padding:60px}.pagination{margin:30px 0}.page-numbers{padding:7px 13px;border:1px solid #ddd}.current.page-numbers{background:#f48325;color:#fff}
@media(max-width:1000px){.wrap{width:calc(100% - 36px)}.header-top{gap:20px}.main-nav a{padding:12px 18px}.search-form{width:270px}.catalog-layout,.article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.article-grid{grid-template-columns:repeat(2,1fr)}.game-shelf{grid-auto-columns:calc((100% - 72px)/5)}.category-picks{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 28px)}.header-top{height:68px;gap:12px}.logo{flex:1}.logo strong{font-size:34px}.logo small{font-size:7px}.search-form{display:none}.header-actions{gap:7px}.header-actions .entry-button{font-size:12px;padding:6px 10px}.menu-toggle{display:block;background:transparent;border:1px solid #fff8;color:white;border-radius:4px;font-size:24px;line-height:1;width:35px;height:35px}.main-nav{display:none}.main-nav.open{display:block;max-height:calc(100vh - 68px);overflow:auto}.main-nav .menu{display:block}.main-nav a{padding:10px 12px}.main-nav .sub-menu{position:static;display:block;background:#ffffff12;box-shadow:none;padding:0 0 0 20px;min-width:0}.main-nav .sub-menu a{color:white;font-size:12px}.home-main{padding-top:15px}.hero{border-radius:4px}.hero-controls{bottom:7px}.hero-controls button{width:19px;height:19px;font-size:10px}.hero-arrow{width:25px;height:34px;font-size:20px;top:35%}.section-title,.home-main h1{font-size:21px;gap:10px;margin:23px 0 18px}.feature-links{gap:8px;margin:18px 0}.feature-link span{font-size:10px;left:6px;bottom:4px}.feature-link img{aspect-ratio:1.9}.game-shelf{grid-auto-columns:calc((100% - 28px)/3);gap:14px}.game-tile{font-size:12px}.game-tile img{border-radius:8px}.home-editorial h2{font-size:23px}.category-picks{gap:12px}.reading-panel{grid-template-columns:1fr;gap:15px}.steps-grid{grid-template-columns:repeat(2,1fr);gap:12px}.step{padding:15px}.catalog-layout,.article-layout{display:block}.sidebar{margin-top:40px;border-left:0;padding:25px 0 0;border-top:1px solid #ddd}.article-grid{grid-template-columns:1fr;gap:20px}.page-main{padding-top:23px}.page-main h1{font-size:25px}.article-body h2{font-size:23px}.article-body>p:first-child{font-size:17px}.article-card .card-copy{padding:18px}.article-card h2{font-size:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.footer-grid section:first-child{grid-column:1/-1}.footer-grid section:last-child{grid-column:1/-1}.site-footer{padding-top:30px}.shelf-actions{gap:4px}.shelf-actions button{width:28px;height:28px}.article-body{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Platform and member promotions */
.marketing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:22px 0}.marketing-secondary{color:#ffc17a}.platform-grid,.promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.platform-grid article{background:#151515;border:1px solid #353535;padding:24px;border-radius:8px}.platform-grid article>span{font-size:30px;font-weight:800;color:#f7921e}.platform-grid h3{margin:8px 0}.promo-section{margin:35px 0;padding:28px;border:1px solid #b86b22;border-radius:10px;background:linear-gradient(135deg,#27180d,#111)}.promo-card{padding:24px;border:1px solid #e8cfb0;border-radius:9px;background:#fffaf4;color:#333}.promo-card h3{margin:0 0 12px;color:#a34410;font-size:22px}.promo-card .promo-value{font-size:27px;font-weight:800;color:#d75120;line-height:1.3}.promo-card p,.home-editorial .promo-card p{color:#555}.promo-card ul{padding-left:20px}.promo-section>p{color:#ddd}.promo-section h2{margin-top:0}.promo-label{font-size:12px;letter-spacing:1.5px;color:#ffbc6b;font-weight:700}.promo-card a{font-weight:700}.main-nav a{padding-left:20px;padding-right:20px}@media(max-width:700px){.platform-grid,.promo-grid{grid-template-columns:1fr}.promo-section{padding:18px}.promo-card,.platform-grid article{padding:20px}.promo-card .promo-value{font-size:25px}}

/* JU88 reference background: original ju88w.com theme2/home/bg.webp. */
html{background:#0b0a23}
body{background:#0b0a23 url('assets/ju88-background-night.webp') center center/cover no-repeat fixed}
.home-main,.page-main{background:transparent}
.home-main>.wrap{background:rgba(8,8,22,.94);padding:24px;border-radius:10px 10px 0 0}
.page-main>.wrap{background:#fff;padding:28px;border-radius:10px;box-shadow:0 12px 36px #0003}
@media(max-width:700px){
 body{background-position:center top;background-attachment:scroll;background-size:auto 100vh}
 .home-main>.wrap{padding:14px;border-radius:7px 7px 0 0}
 .page-main>.wrap{padding:18px;border-radius:7px}
}

/* JU88 purple and gold palette */
:root{--blue:#201536;--orange:#e5bd66;--red:#f8df98;--ink:#30283e;--muted:#62596e;--line:#e2dbea;--gold:#f2d58a;--purple:#251936}
a{color:#674190}a:hover{color:#48246b}
.site-header{background:#1c1430;box-shadow:0 3px 16px #05020d66;border-bottom:1px solid #75613b}
.logo a,.logo span,.footer-brand,.footer-brand span{color:#f2d58a}.logo small{color:#e4dbea}
.main-nav{background:linear-gradient(100deg,#35214e,#211735);border-top:1px solid #5e496f}
.main-nav a,.main-nav .sub-menu a{color:#f4eafa}.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current-menu-ancestor>a{color:#ffe4a4;background:#65477666}
.main-nav .sub-menu{background:#2c1e40;border:1px solid #685178}
.search-form{background:#ffffff0a;border-color:#78628b}.search-form input,.search-form button{color:#f5ecff}.search-form input::placeholder{color:#cfc3dc}
.entry-button,.ju-button,.header-actions .entry-button:first-child,.contact-form button,.back-top{background:linear-gradient(110deg,#f9e2a1,#dcb35c);color:#2b1a3e!important;border:1px solid #ffe9b2;box-shadow:0 2px 8px #0002}
.entry-button:hover,.ju-button:hover,.header-actions .entry-button:first-child:hover,.contact-form button:hover,.back-top:hover{background:linear-gradient(110deg,#ffedb9,#efca77);color:#20112f!important}
.menu-toggle{color:#f2d58a;border-color:#947b54;background:#302044}
.home-main{color:#eee8f5}.home-main>.wrap{background:rgba(20,14,37,.96)}
.home-main h1,.home-editorial h2,.home-editorial h3,.section-title{color:#f5dca1}.home-editorial p{color:#ddd3e9}
.section-title:before,.section-title:after,.home-intro{border-color:#584766}.section-title:before,.section-title:after{background:#584766}
.hero{background:#211735}.hero-arrow,.hero-controls button{background:#201532dd;color:#ffe3a0;border-color:#b99a60}.hero-controls button.active{background:#eed08c;color:#2b1a3e}
.feature-link{background:#2b1d3f;border-color:#a38954;color:#fff0ca}.feature-link:hover{color:#fff0ca}
.game-shelf{scrollbar-color:#d5b568 #2d2041}.game-tile{color:#eee8f5}.game-tile:hover{color:#ffe0a0}
.shelf-actions button{background:#322345;border-color:#897149;color:#f6d992}.shelf-actions button:hover{background:#4a345f}
.category-picks a,.step,.platform-grid article{background:#291d3d;border-color:#574466;color:#eee8f5}.category-picks a:hover{border-color:#bda069}.category-picks strong,.step b,.platform-grid article>span,.marketing-secondary{color:#f2d58a}.marketing-secondary:hover{color:#fff0c6}.step{border-top-color:#ceb06b}
.promo-section{background:linear-gradient(130deg,#332145,#19132b);border-color:#8c7149}.promo-label{color:#f5d891}.promo-section>p{color:#ddd3e9}
.promo-card{background:#2c2040;color:#eee8f5;border-color:#806b50}.promo-card h3,.promo-card .promo-value{color:#f9dc94}.promo-card p,.home-editorial .promo-card p,.promo-card li{color:#e4d9ed}.promo-card a{color:#f7dda3}.promo-card a:hover{color:#fff0c6}
.page-main>.wrap{background:#faf8fd;color:#30283e}.page-main h1,.article-body h2,.article-body h3{color:#342146}
.breadcrumbs,.breadcrumbs a,.catalog-intro,.article-heading>p,.article-body figcaption{color:#695e76}.article-body>p:first-child{color:#493c58}
.article-card{background:#f1edf6;border-color:#dfd6e8}.article-card h2{color:#342146}.article-card p{color:#60546c}.article-card .read-more{color:#674190}
.sidebar{border-color:#ded3e7}.sidebar h2{color:#442d5e;border-bottom-color:#bca064}.sidebar a{color:#60427a;border-bottom-color:#ded3e7}.sidebar a:hover{color:#3b1e57}
.sidebar .sidebar-cta{background:#ede6f4;color:#3a2b48}.sidebar .entry-button{border-color:#ffe9b2}
.toc{background:#eee8f5;border-color:#dbd0e6;border-left-color:#b29760}.toc a{color:#60427a}.toc strong{color:#3e2a55}
.comparison th,.comparison td{border-color:#d8cde3}.comparison th{background:#eae2f2;color:#3e2a55}
.note{background:#f4eddf;border-left-color:#b5954e;color:#493b2a}.article-cta{background:#eee7f5;color:#3f2f50}
.faq,.related-links a{border-color:#d8cde3}.home-main .faq{border-color:#645172}.home-main .faq summary{color:#f2dcae}
.contact-form input,.contact-form textarea{background:#fff;color:#30283e;border-color:#b9a8ca}
.page-numbers{border-color:#cbbdd9}.current.page-numbers{background:#38254f;color:#f7df9e}
.site-footer{background:#181126;color:#d5c9e1;border-top:1px solid #76603d}.site-footer h2{color:#f2d58a}.footer-grid section>a:not(.footer-brand),.site-footer .menu a{color:#e0d3ec}.site-footer a:hover{color:#ffe3a0}.footer-bottom{border-color:#493852}.age-label{border-color:#a08959;color:#f2d58a}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ab7bcb;outline-offset:3px}.site-header :focus-visible,.home-main :focus-visible,.site-footer :focus-visible{outline-color:#f7db95}
@media(max-width:700px){.main-nav .sub-menu{background:#ffffff08;border:0}.main-nav .sub-menu a{color:#f0e4f7}}
.article-body .promo-card h3{color:#f9dc94}

/* Keep the uploaded image, JU88 wordmark and subtitle together. */
.logo.has-uploaded-logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.uploaded-logo{flex:0 0 auto}.uploaded-logo a{display:flex;align-items:center}
.logo .uploaded-logo img{display:block;width:auto;height:auto;max-width:76px;max-height:54px;object-fit:contain}
.logo-wordmark{white-space:nowrap;flex-shrink:0}
@media(max-width:700px){
 .logo.has-uploaded-logo{flex:1 1 auto;gap:7px;min-width:0}
 .logo .uploaded-logo img{max-width:40px;max-height:40px}
 .has-uploaded-logo .logo-wordmark strong{font-size:28px}
 .has-uploaded-logo .logo-wordmark small{font-size:6px;letter-spacing:1px}
 .header-top:has(.has-uploaded-logo){gap:8px}
 .header-top:has(.has-uploaded-logo) .header-actions{gap:5px}
 .header-top:has(.has-uploaded-logo) .header-actions .entry-button{padding:6px 7px;font-size:11px}
}
@media(max-width:360px){
 .header-top:has(.has-uploaded-logo){gap:5px}
 .logo.has-uploaded-logo{gap:5px}
 .logo .uploaded-logo img{max-width:30px;max-height:34px}
 .has-uploaded-logo .logo-wordmark strong{font-size:25px}
 .has-uploaded-logo .logo-wordmark small{font-size:5px;letter-spacing:.8px}
 .header-top:has(.has-uploaded-logo) .header-actions .entry-button{padding:6px 5px;font-size:10px}
}
/* Unified dark reading surfaces, September 2026. */
:root{--ink:#eee8f5;--muted:#c9bed7;--line:#574568}
.page-main>.wrap{background:#21182f;color:#eee8f5;box-shadow:0 12px 36px #0005;border:1px solid #463554}
.page-main a{color:#f2d58a}.page-main a:hover{color:#fff0c6}
.page-main h1,.article-body h2,.article-body h3{color:#f5dca1}
.breadcrumbs,.breadcrumbs a,.catalog-intro,.article-heading>p,.article-body figcaption{color:#c9bed7}
.breadcrumbs a:hover{color:#ffe6ad}.article-body>p:first-child{color:#e2d8ed}
.article-card{background:#30233f;border-color:#574568;border-radius:7px}
.article-card h2{color:#f5dca1}.article-card p{color:#ddd2e8}.article-card .read-more{color:#f2d58a}
.article-card:hover{border-color:#aa8d56;box-shadow:0 6px 20px #0004}.article-card:hover h2,.article-card:hover .read-more{color:#fff0c6}
.sidebar{border-color:#574568}.sidebar h2{color:#f5dca1;border-bottom-color:#bca064}
.sidebar a{color:#e1d5ec;border-bottom-color:#574568}.sidebar a:hover{color:#fff0c6}
.sidebar .sidebar-cta{background:#30233f;color:#eee8f5}
.toc{background:#30233f;border-color:#574568;border-left-color:#c5a669}
.toc a{color:#e4d8ef}.toc a:hover{color:#fff0c6}.toc strong{color:#f5dca1}
.comparison th,.comparison td{border-color:#655174}.comparison td{background:#251b34;color:#eee8f5}.comparison th{background:#3b2b4d;color:#f5dca1}
.note{background:#352b30;border-left-color:#d2b16c;color:#f0e3ce}
.article-cta{background:#30233f;color:#eee8f5;border:1px solid #695273;border-radius:7px}
.faq{background:#2b1f3a;border-color:#655174}.faq summary{color:#f5dca1}.faq p{color:#e2d8ed}
.related-links a{background:#30233f;border-color:#655174}.related-links a:hover{background:#413052;border-color:#c5a669}
.contact-form input,.contact-form textarea{background:#181221;color:#f5effa;border-color:#887098;color-scheme:dark}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#bdb0ca}
.page-numbers{background:#30233f;border-color:#756083;color:#f2d58a}.current.page-numbers{background:#efd18a;color:#2b1a3e;border-color:#ffe9b2}
.page-main :focus-visible{outline-color:#f7db95}
.page-main .entry-button,.page-main .ju-button{color:#2b1a3e!important;border-color:#ffe9b2}
.page-main .entry-button:hover,.page-main .ju-button:hover{color:#20112f!important}
::selection{background:#f2d58a;color:#21182f}