/*
Theme Name: RWIN Studio
Author: Custom Development
Description: Independent responsive editorial theme reconstructed from the Jun88 reference. No parent theme required.
Version: 1.2.5
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: jun88-replica
License: GPL-2.0-or-later
*/
:root{--blue:#26a9e0;--link:#0969c2;--text:#545454}*{box-sizing:border-box}html{background:#4069c2 url(assets/images/trang-chu-jun88.webp) center top/cover fixed}body{max-width:1280px;margin:0 auto;background:#fff;color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif;box-shadow:0 0 15px #0003}a{color:var(--link);text-decoration:none}a:hover{color:#000}img{max-width:100%;height:auto;vertical-align:middle}p{margin:0 0 1.3em}h1,h2,h3,h4,h5,h6{color:var(--blue);line-height:1.3;margin:0 0 .5em;font-weight:700}h1{font-size:28px}h2{font-size:26px}h3{font-size:21px}button,input,textarea{font:inherit}.container{max-width:1180px;margin:auto;padding:0 15px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;z-index:100;padding:10px}.topbar{height:40px;background:#fff}.versions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.version{width:120px;padding:10px 15px;border-radius:10px;color:#fff;background:#268f00;text-align:center;font-size:12px;font-weight:bold;line-height:20px;cursor:pointer;border:0}.version.second{background:#c00}.version:hover{color:#fff;opacity:.8}.masthead{background:var(--blue);height:90px}.header-inner{display:flex;height:100%;align-items:center;justify-content:space-between;gap:30px}.brand{width:200px;flex-shrink:0}.brand img{display:block;width:200px;height:auto}.navigation ul{list-style:none;padding:0;margin:0;display:flex;gap:20px;align-items:center}.navigation a,.nav-toggle{font-size:16px;font-weight:700;color:#fff;text-transform:uppercase}.navigation .current-menu-item>a,.navigation a:hover{color:#000}.navigation li{position:relative}.navigation .sub-menu{display:none;position:absolute;left:-15px;top:100%;min-width:230px;background:#fff;padding:20px;z-index:30;box-shadow:0 4px 10px #0003;gap:0}.navigation .sub-menu a{display:block;color:#666;font-weight:400;font-size:15px;padding:8px 0}.navigation li:hover>.sub-menu,.navigation li:focus-within>.sub-menu{display:block}.nav-toggle{display:none;border:0;background:none;font-size:23px;padding:0}.mobile-versions{display:none}.hero{padding:30px 0}.hero img{display:block;width:100%;height:auto}.intro{padding:30px 0;background:#f4fcff url(assets/images/nen-trang-chu-jun88.jpg) center/cover}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:30px 0}.feature{display:flex;gap:20px;font-size:15.2px}.feature img{width:80px;height:80px;object-fit:contain;align-self:flex-start}.feature strong{display:block;margin-bottom:20px}.feature p{margin:0}.intro h1{text-align:center;margin:10px 0 0}.home-posts{padding:30px 15px 0}.post-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:30px;margin-bottom:30px}.post-card{grid-column:span 4;position:relative;text-align:center}.post-grid.secondary .post-card{grid-column:span 3}.post-card .thumb{display:block;overflow:hidden}.post-card .thumb img{width:100%;aspect-ratio:2/1;object-fit:cover;transition:transform .3s}.post-card:hover .thumb img{transform:scale(1.03)}.card-copy{padding:12px 10px 18px}.card-copy h2{font-size:18px;margin:0}.card-copy h2 a{color:var(--blue)}.card-copy h2 a:hover{color:#000}.card-copy p{font-size:16px;line-height:1.6;margin:0}.divider{width:30px;height:2px;background:#0002;margin:10px auto}.date-badge{position:absolute;top:20px;left:-8px;border:2px solid var(--blue);background:#fff;color:var(--blue);line-height:1;width:44px;padding:5px 0;font-weight:bold}.date-badge span{display:block;font-size:16px}.date-badge small{font-size:10px}.footer-main{background:var(--blue);border-top:2px solid #ffffff33;color:#fff;padding:30px 0}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:45px}.footer-grid p,.footer-grid li{font-size:15.2px}.footer-grid strong{font-size:16px}.footer-grid ul{padding-left:18px;margin:0 0 20px}.footer-grid li{margin-bottom:8px}.footer-grid .description{text-align:justify;margin-top:10px}.footer-links{display:grid;gap:10px}.footer-links a{color:#fff;border-bottom:1px solid #ffffff20;padding-bottom:6px}.footer-logo{width:100%}.social{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.social a{border:2px solid #ffffff80;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:#fff;font-size:13px}.map-frame{border:0;width:100%;height:300px;background:#eee;display:block}.copyright{background:#4069c2;color:#ffffff80;padding:12px 0;font-size:14px}.copyright a{color:#fff}.breadcrumb{font-size:13px;padding:6px 15px;max-width:1150px;margin:auto}.breadcrumb span{margin:0 5px}.content-layout{max-width:1210px;margin:0 auto;padding:30px 15px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:60px}.entry-header{text-align:center;margin:0 0 30px}.entry-header h1{font-size:28px}.entry-meta{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.entry-content{text-align:justify;overflow-wrap:anywhere}.entry-content h2,.entry-content h3{text-align:left;margin-top:25px}.entry-content figure{margin:20px 0;text-align:center}.entry-content figcaption{font-size:14px;background:#f5f5f5;padding:5px}.entry-content ul{padding-left:25px}.entry-content blockquote{border-left:2px solid #446084;margin:0 0 25px;padding:0 30px;font-size:20px;font-style:italic}.sidebar{border-left:1px solid #ececec;padding-left:30px;font-size:14px}.sidebar h2{color:#545454;font-size:16px;text-transform:uppercase;margin:0}.sidebar h2:after{content:'';display:block;background:#0002;width:30px;height:3px;margin:15px 0}.sidebar ul{list-style:none;margin:0 0 30px;padding:0}.sidebar li{border-bottom:1px solid #eee;padding:7px 0}.sidebar a{color:#545454}.sidebar a:hover{color:var(--link)}.toc{border:1px solid #aaa;background:#f9f9f9;padding:12px 18px;display:table;margin:20px 0;font-size:14px;text-align:left}.toc ol{padding-left:20px;margin-bottom:0}.toc summary{cursor:pointer;font-weight:bold}.archive-description{padding:30px 15px}.archive-description h1{text-align:center}.archive-grid{display:grid;gap:30px}.archive-grid .post-card{text-align:left;display:grid;grid-template-columns:40% 1fr;box-shadow:0 1px 4px #0003}.archive-grid .divider{margin-left:0}.pagination{display:flex;justify-content:center;gap:8px;margin:30px 0}.page-numbers{padding:5px 13px;border:2px solid #ddd}.page-numbers.current{color:#fff;background:var(--blue);border-color:var(--blue)}.share{display:flex;justify-content:center;gap:10px;margin:30px 0}.share a{border:1px solid #ddd;padding:5px 12px}.empty{padding:50px 15px}.search-form{display:flex;margin:25px auto;max-width:500px}.search-field{min-width:0;width:100%;padding:8px;border:1px solid #ccc}.search-submit{background:var(--blue);color:#fff;border:0;padding:8px 15px}.back-top{position:fixed;right:20px;bottom:20px;border:2px solid #aaa;border-radius:50%;background:#fff;width:38px;height:38px;color:#666;cursor:pointer;display:none}.back-top.visible{display:block}
@media(min-width:850px){.masthead.stuck{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1280px;height:70px;z-index:50}.masthead.stuck .brand{width:180px}.site-header.is-stuck{padding-bottom:90px}}
@media(max-width:849px){.topbar,.navigation{display:none}.masthead{height:90px}.brand{width:200px}.header-inner{justify-content:center;position:relative}.nav-toggle{display:block;position:absolute;left:15px;top:50%;transform:translateY(-50%)}.mobile-versions{display:flex;justify-content:center;background:#f1f1f1;padding:0 0 2px}.mobile-versions .version{font-size:14px;line-height:21px}.features{display:none}.intro h1{margin:0}.navigation.open{display:block;position:fixed;left:0;top:0;bottom:0;width:280px;background:#fff;z-index:100;overflow-y:auto;padding:55px 20px 20px;box-shadow:0 0 0 100vmax #0007}.navigation.open ul{display:block}.navigation.open li{border-bottom:1px solid #eee}.navigation.open a{color:#666;display:block;padding:12px 0;font-size:14px}.navigation.open .sub-menu{display:block;position:static;box-shadow:none;padding:0 0 0 18px;min-width:0}.nav-close{position:absolute;top:10px;right:15px;background:none;border:0;font-size:26px;color:#666}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}.content-layout{display:block;padding:30px}.sidebar{border:0;padding:30px 0 0}.post-grid.secondary .post-card{grid-column:span 6}.hero img{width:100%}.entry-header h1{font-size:25px}}
@media(min-width:850px){.nav-close{display:none}}
@media(max-width:549px){.masthead{height:70px}.hero{padding:30px 0}.hero img{width:90%;margin:auto}.intro{padding:30px 15px}.intro h1{font-size:24px}.post-grid,.post-grid.secondary{display:block;margin-bottom:0}.post-card{margin-bottom:30px}.card-copy h2{font-size:19px}.footer-grid{display:block}.footer-grid>div{margin-bottom:30px}.footer-logo{max-width:280px}.content-layout{padding:30px 15px}.entry-header h1{font-size:24px}.archive-grid .post-card{display:block}.archive-description{padding-top:20px}.archive-description h1{font-size:25px}.entry-content blockquote{font-size:18px;padding:0 20px}.footer-main .container{padding:0 20px}.footer-grid .payment{width:70%}.copyright{text-align:center}.version{width:120px}.breadcrumb{padding:6px 15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Dimensions measured against the rendered reference, independent of its CSS. */
.topbar{height:39.2px}.topbar .version{font-size:12px;padding:9.6px 15px;line-height:20px}.hero img{aspect-ratio:1149/350}.features{height:196.75px;padding:30px 0 0}.feature img{width:65.825px;height:auto}.intro h1{font-size:27.2px;line-height:35.36px;margin:0;padding-bottom:43.59px}.home-posts{padding-bottom:30px}.post-grid,.post-grid.secondary{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch}.post-grid::-webkit-scrollbar{display:none}.post-card,.post-grid.secondary .post-card{flex:0 0 calc((100% - 60px)/3);scroll-snap-align:start;margin:0}.post-card .thumb img{aspect-ratio:16/9}.card-copy{font-size:14.4px;line-height:23.04px;padding:10.08px 10px 20.16px}.card-copy h2{font-size:16.56px;line-height:21.528px;margin:1.656px 0}.card-copy p{font-size:14.4px;line-height:23.04px;margin:1.44px 0}.card-copy .divider{margin:7.2px auto}.slider-frame{position:relative}.slide-control{position:absolute;z-index:2;top:25%;border:0;background:#ffffffdd;color:#666;font-size:30px;line-height:1;width:30px;height:45px;cursor:pointer;opacity:0;transition:opacity .2s}.slider-frame:hover .slide-control,.slide-control:focus-visible{opacity:1}.slide-control.prev{left:0}.slide-control.next{right:0}.slide-control:disabled{visibility:hidden}.archive-grid .post-card{margin:0}.archive-grid .card-copy h2{font-size:21px}.archive-grid .card-copy .divider{margin-left:0}.social-label{font-size:12px}
body{font-family:sans-serif}.navigation a{letter-spacing:.32px}.navigation ul{gap:18px}.navigation>ul{padding-right:9px}.feature{padding:0 10px;gap:30px}.footer-main .container{max-width:1200px}.footer-grid{gap:60px}.footer-grid>div{min-width:0}.footer-grid .description{font-size:14.4px}.footer-grid .footer-links a{font-size:16px}.card-copy{min-height:142.14px}
.inline-star{display:inline!important;width:1em;height:1em;vertical-align:-.1em;margin:0 .07em}.footer-contact-social{margin-top:20px}.copyright .reference-badge{height:24px;width:auto;margin-left:15px}
@media(max-width:549px){.intro{padding:30px 0}.intro h1{font-size:22.4px;line-height:29.12px;padding-bottom:41.2px}.card-copy{font-size:12.8px;line-height:20.48px;min-height:136.84px}.card-copy h2{font-size:13.6px;line-height:17.68px}.card-copy p{font-size:12.8px;line-height:20.48px}}
@media(max-width:849px){.features{display:none}.intro h1{padding-bottom:43.59px}.post-card,.post-grid.secondary .post-card{flex-basis:100%}.topbar{display:none}}
@media(max-width:549px){.intro h1{font-size:24px;line-height:31.2px}.post-grid,.post-grid.secondary{display:flex;margin-bottom:30px}.post-card{margin:0}.home-posts{padding-bottom:30px}.footer-grid .description{font-size:14.4px}.hero img{aspect-ratio:1149/350}}
.home-posts{padding-bottom:0}
@media(max-width:849px){.mobile-versions{height:63.5px;padding:0}.mobile-versions .version{line-height:20px}}
@media(max-width:549px){.intro{padding:30px 0}.intro h1{font-size:22.4px;line-height:29.12px;padding-bottom:41.2px}.card-copy{font-size:12.8px;line-height:20.48px;min-height:128.4px}.card-copy h2{font-size:13.6px;line-height:17.68px}.card-copy p{font-size:12.8px;line-height:20.48px}}