/*
Theme Name: JU88
Version: 5.0.0
Description: JU88 Vietnamese editorial theme.
*/
:root{--blue:#26a9e0;--deep:#087bb1;--ink:#0a0a0a;--muted:#686868;--line:#ececec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 Arial,Roboto,sans-serif}a{color:#168dbb;text-decoration:none}a:hover{color:#075978}img{max-width:100%;height:auto;vertical-align:middle}button,input,textarea{font:inherit}button,.entry-button,.read-more{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ee9500;outline-offset:4px}h1,h2,h3,h4{line-height:1.3;color:#111;margin:1.4em 0 .7em;font-weight:700}h1{font-size:30px}h2{font-size:25px}h3{font-size:21px}p{margin:0 0 1.3em}ul,ol{padding-left:25px;margin:0 0 1.4em}li{margin-bottom:.55em}.wrap{width:100%;max-width:1300px;margin:auto;padding-left:20px;padding-right:20px}.site-header{background:var(--blue);position:relative;z-index:20}.header-inner{height:90px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:white;font:bold italic 44px/1 Arial;letter-spacing:-2px}.brand:hover{color:#fff}.brand small{display:block;font:700 7px/2 Arial;letter-spacing:.6px;color:#eaf8ff}.brand-image{width:auto;height:58px;max-width:115px;object-fit:contain}#primary-nav{margin-left:auto}#primary-nav ul{list-style:none;display:flex;align-items:center;gap:25px;margin:0;padding:0}#primary-nav li{margin:0;white-space:nowrap}#primary-nav a{font-size:13px;text-transform:uppercase;font-weight:700;color:white;display:block;padding:12px 0}#primary-nav a:hover,#primary-nav .current-menu-item a{color:#462121}.menu-toggle,.search-toggle{border:0;background:none;color:#fff;padding:8px;font-size:29px;line-height:1}.menu-toggle{display:none}.search-toggle{font-size:34px}#header-search{position:absolute;right:max(20px,calc((100vw - 1260px)/2));top:78px;padding:15px;background:#fff;box-shadow:0 3px 15px #0002;display:flex;max-width:90vw;gap:8px}#header-search[hidden]{display:none}input,textarea{border:1px solid #ccc;padding:10px;max-width:100%;min-width:0}button[type=submit],#header-search button{border:0;background:var(--deep);color:#fff;padding:8px 15px;font-weight:bold}.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px;padding-bottom:22px}.hero>div>a{display:block}.hero img{width:100%;height:auto;display:block}.hero-action{text-align:center;padding-top:16px}.entry-button{display:inline-block;background:#ee870d;color:#fff;font-weight:700;padding:10px 27px;border-radius:4px;box-shadow:inset 0 1px #ffc672;line-height:1.4}.entry-button:hover{background:#d46c00;color:#fff}.hero-action .entry-button{min-width:210px;background:linear-gradient(#ffc044,#e98000);border:2px solid #e99114;border-radius:35px;text-shadow:0 1px #aa5400;box-shadow:0 2px 4px #0002;font-size:22px;padding:9px 30px}.home-grid{display:grid;grid-template-columns:23% minmax(0,54%) 23%;align-items:start;padding-bottom:40px}.home-copy{padding:0 25px}.home-copy h1{font-size:27px;margin-top:0}.sidebar{min-width:0}.home-grid>.sidebar:first-child{padding-right:18px}.home-grid>.sidebar:last-child{padding-left:18px}.side-label{background:var(--blue);border-radius:45% 45% 0 0;padding:28px 8px 20px;text-align:center;color:white;font-weight:700;font-size:21px;margin-bottom:8px}.sidebar h3{font-size:20px;border-bottom:3px solid #e8e8e8;padding-bottom:12px;margin:20px 0}.sidebar p,.sidebar li{font-size:15px}.contact-links{padding-left:20px}.side-card{display:block;margin:0 0 24px;text-align:center;color:#111}.side-card img{width:100%;display:block;margin-bottom:12px}.side-card strong{font-size:15px;line-height:1.4;display:block}.recent{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:14px 0;color:#222;font-size:15px;line-height:1.4}.recent img{width:65px;height:52px;object-fit:cover;flex-shrink:0}.content-grid{display:grid;grid-template-columns:minmax(0,75%) minmax(0,25%);padding-top:30px;padding-bottom:40px}.main-column{padding:0 30px 0 0;border-right:1px solid var(--line);min-width:0}.content-grid>.sidebar{padding-left:30px}.archive-heading{font-size:18px;letter-spacing:.7px;text-align:center;text-transform:uppercase;margin-top:0;margin-bottom:32px}.catalog-intro{padding-bottom:20px}.catalog-intro>h2:first-of-type{margin-top:0}.archive-post{margin-top:35px}.archive-post header,.article-header{text-align:center}.category-label{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:1px}.archive-post h2{font-size:26px;margin:8px 0}.archive-post h2 a{color:#111}.heading-line{display:block;width:32px;height:3px;background:#ddd;margin:14px auto}.meta{text-transform:uppercase;font-size:11px;letter-spacing:.4px;margin:12px 0 24px;color:#666}.featured{position:relative;display:block;margin-bottom:25px}.featured img{width:100%;height:auto;display:block}.date-badge{position:absolute;left:-10px;top:25px;background:#fff;border:2px solid var(--blue);color:var(--blue);font-size:18px;font-weight:bold;min-width:50px;text-align:center;line-height:1;padding:8px}.date-badge small{display:block;font-size:11px;margin-top:5px}.read-more{display:inline-block;border:2px solid var(--deep);padding:5px 13px;color:var(--deep);font-size:12px;font-weight:bold;letter-spacing:1px}.read-more:hover{background:var(--deep);color:#fff}.post-category{border-top:1px solid #eee;border-bottom:2px solid #eee;padding:14px 0;margin:25px 0;font-size:13px}.pagination{display:flex;gap:10px;justify-content:center;margin:30px 0}.pagination a{border:2px solid #ddd;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.pagination [aria-current]{background:var(--blue);border-color:var(--blue);color:#fff}.article-header h1{font-size:30px;margin:8px 0}.entry-content{padding:0 0 20px}.entry-content h2,.catalog-intro h2,.home-copy h2{margin-top:1.5em}.entry-content figure,.catalog-intro figure,.home-copy figure{margin:28px 0}.entry-content figure img,.catalog-intro figure img,.home-copy figure img{display:block;margin:auto;width:100%;height:auto}figcaption{font-size:14px;color:#555;text-align:center;padding:8px;background:#f7f7f7}table{border-collapse:collapse;width:100%;margin:25px 0;font-size:15px}th,td{border:1px solid #ddd;padding:11px;text-align:left;vertical-align:top}th{background:#eaf7fd}.table-scroll{overflow-x:auto}.note{border-left:4px solid var(--blue);padding:17px 20px;background:#f0f9fd;margin:22px 0}.toc{padding:20px;background:#f8f8f8;border:1px solid #ddd;margin:25px 0}.toc strong{display:block;margin-bottom:10px}.toc ol{margin-bottom:0}.article-end{border-top:1px solid #ddd;padding-top:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.site-footer{background:#f5f5f5;border-top:1px solid #eee;padding-top:30px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-bottom:30px}.footer-grid h3{margin-top:0;font-size:20px}.footer-grid ul{list-style:none;padding:0}.footer-grid li{padding:6px 0;border-bottom:1px solid #ddd}.copyright{background:#067aa9;color:#fff;text-align:center;padding:18px 20px;font-size:14px}.back-top{position:fixed;right:20px;bottom:20px;z-index:30;border:2px solid #aaa;border-radius:50%;background:#fffD;color:#777;width:38px;height:38px;text-align:center;line-height:32px;font-size:23px}.contact-form label{display:block;margin:15px 0}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:5px}.contact-form label[hidden]{display:none}.search-result{border-bottom:1px solid #ddd;padding:12px 0}.empty{padding-top:60px;padding-bottom:80px}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;background:white;padding:12px;z-index:1000}
@media(min-width:1500px){.wrap{max-width:1400px}}@media(max-width:1100px){.header-inner{gap:12px}#primary-nav ul{gap:16px}.brand{font-size:38px}.home-copy{padding:0 20px}}@media(max-width:900px){.header-inner{height:75px;justify-content:space-between}.menu-toggle{display:block;order:-1}.brand{margin-right:auto}.search-toggle{margin-left:auto}#primary-nav{display:none;position:absolute;top:75px;left:0;right:0;background:#178ebf;padding:15px 25px}#primary-nav.open{display:block}#primary-nav ul{display:block}#primary-nav a{font-size:15px;padding:12px;border-bottom:1px solid #ffffff38}.home-grid{grid-template-columns:1fr}.home-copy{padding:0;grid-row:1}.home-grid>.sidebar{display:none}.content-grid{grid-template-columns:minmax(0,1fr)}.main-column{border:0;padding:0}.content-grid>.sidebar{padding:25px 0 0;display:none}.hero{gap:15px}.footer-grid{gap:25px}.brand-image{height:48px}.header-inner{padding-left:18px;padding-right:18px}}
@media(max-width:550px){.wrap{padding-left:20px;padding-right:20px}.header-inner{padding-left:12px;padding-right:12px}.brand{font-size:36px;gap:7px}.brand small{font-size:6px}.brand-image{height:42px;max-width:65px}.hero{grid-template-columns:1fr;padding-top:12px;gap:12px}.hero>div:nth-child(2)>a{display:none}.hero-action{padding-top:0}.hero>div:first-child .hero-action{margin-top:15px}.hero-action .entry-button{width:75%;font-size:19px}.home-copy h1,h1,.article-header h1{font-size:26px}h2,.archive-post h2{font-size:23px}h3{font-size:20px}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-grid section{min-width:0}.content-grid{padding-top:25px}.article-end{align-items:flex-start;flex-direction:column}.entry-content{overflow-wrap:anywhere}table{font-size:14px}th,td{padding:8px}.back-top{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-action .entry-button{color:#432700;text-shadow:0 1px #ffd77b}.entry-button{background:#bd5b00;box-shadow:none}.entry-button:hover{background:#934700}.hero-action .entry-button:hover{background:linear-gradient(#ffd16b,#f79d22);color:#432700}

/* JU88 v5 night palette — appearance only; layout and content unchanged. */
:root{--blue:#e9c86f;--deep:#f1d382;--ink:#eee8f6;--muted:#c4b7d4;--line:#51415f}
html{background:#0b0a23}
body{background:#0b0a23 url('assets/ju88-background-night.webp') center center/cover no-repeat fixed;color:var(--ink)}
::selection{background:#efd27b;color:#241334}
.site-header{background:#19132d;box-shadow:0 1px 0 #8b704c}
.brand,.brand:hover{color:#f8db82}.brand small{color:#d6c9e5}
#primary-nav a{color:#f0e8fa}#primary-nav a:hover,#primary-nav .current-menu-item a{color:#ffdc77}
.menu-toggle,.search-toggle{color:#f5d77e}
.hero{background:rgba(18,13,36,.76)}
.home-grid,.content-grid,.empty{background:rgba(23,17,41,.97)}
h1,h2,h3,h4,.article-header h1,.archive-heading{color:#f7dfa0}
a{color:#efd17b}a:hover{color:#fff0ba}
.archive-post h2 a,.side-card{color:#f5dda0}.archive-post h2 a:hover,.side-card:hover{color:#fff1c5}
.recent{color:#e5dced}.recent:hover{color:#ffe5a0}
.sidebar h3{color:#f6d888;border-color:#6a526f}
.side-label{background:linear-gradient(135deg,#433065,#25183e);color:#f6d578;box-shadow:inset 0 -1px #a17c45}
.meta{color:#c2b6d0}.heading-line{background:#9e7a43}
.entry-button,.hero-action .entry-button{background:linear-gradient(180deg,#f8e39c,#dfb65e);color:#2b183a;box-shadow:inset 0 1px #fff3c9;text-shadow:none;border-color:#f2d381}
.entry-button:hover,.hero-action .entry-button:hover{background:linear-gradient(180deg,#fff0bd,#edc870);color:#24132f}
.read-more{color:#f2d487;border-color:#b39658;background:#261b3b}.read-more:hover{color:#251635;background:#efd185}
.date-badge{background:#211731;color:#f6db8d;border-color:#c5a360}
.post-category,.main-column,.recent,.article-end,.footer-grid li,.search-result{border-color:#51415f}
.pagination a{border-color:#80658b;color:#f2dda4;background:#241a37}.pagination a:hover,.pagination [aria-current]{background:#ebc978;border-color:#ebc978;color:#281835}
figcaption{background:#261c38;color:#d7cbe4}
.toc,.note{background:#2a1e3e;border-color:#685174;color:#e9e0f1}.note{border-left-color:#d3b06b}.toc strong{color:#f8dfa0}
th,td{border-color:#634e70;color:#ece3f5}th{background:#3c2851;color:#f8dda0}td{background:#21192f}
input,textarea{background:#21182f;color:#f6edf9;border-color:#80678c}input::placeholder,textarea::placeholder{color:#beaecf}
#header-search{background:#251a38;box-shadow:0 5px 20px #0006}
button[type=submit],#header-search button{background:linear-gradient(#f4dd92,#dfb75e);color:#291638}
.site-footer{background:#171027;color:#dbd0e7;border-color:#725875}.footer-grid h3{color:#f5d889}
.copyright{background:#0f0b1e;color:#cfc0df}
.back-top{background:#2c1c42;color:#f8db8d;border-color:#b69359}.back-top:hover{background:#eac778;color:#2b193b}
.skip-link:focus{background:#f3d885;color:#20112e}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#ffe59c}
@media(max-width:900px){#primary-nav{background:#281c3e}#primary-nav a{border-color:#584165}}
@media(max-width:700px){body{background-attachment:scroll;background-position:center top;background-size:auto 100vh;background-color:#0b0a23}}

/* Download guide entrances share the existing gold button palette. */
.app-guide-action{margin:0 0 28px;text-align:center}
#primary-nav .ju88-app-menu a{color:#ffdc77}
@media(min-width:1101px){#primary-nav ul{gap:18px}}
@media(min-width:901px) and (max-width:1100px){.header-inner{height:75px;justify-content:space-between}.menu-toggle{display:block;order:-1}.brand{margin-right:auto}.search-toggle{margin-left:auto}#primary-nav{display:none;position:absolute;top:75px;left:0;right:0;background:#281c3e;padding:15px 25px}#primary-nav.open{display:block}#primary-nav ul{display:block}#primary-nav a{font-size:15px;padding:12px;border-bottom:1px solid #584165}}