/* SINH bởi build/tools/dev/dung_thanh_ben.py — đừng sửa tay. Chỗ đứng của thanh bên dùng chung,
   nạp ở <head> để khung hình đầu đã có lề trái (không giật khi thanh gắn). */
/* oc-mang-cuon */ html{overflow-y:scroll}
:root{--oc-tam:1440px;--oc-tb-rong:218px;--oc-mang:28px;--oc-khung:1166px;--oc-cot-doc:760px;--oc-cot-mau:560px;--oc-pad:40px;--oc-ty-le:1;--oc-le:32px;--wrap:calc(1166px * var(--oc-ty-le) + 2 * 40px)}@media (max-width:1100px){:root{--oc-le:24px}}@media (max-width:767px){:root{--oc-le:16px}}
@media (min-width:1024px){
 :root{--oc-khung-tong:calc(1440px * var(--oc-ty-le,1));--oc-le-vo:max(0px,calc((100% - var(--oc-tb-rong,218px) - var(--oc-khung-tong)) / 2))}
 html.oc-co-thanh body{padding-left:calc(var(--oc-le-vo) + var(--oc-tb-rong,218px))!important;padding-right:var(--oc-le-vo)!important;box-sizing:border-box}
 aside.oc-tb{position:fixed;left:0;top:0;bottom:0;width:218px;z-index:45;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;font-family:Inter,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
 aside.oc-tb>nav{min-height:100%;box-sizing:border-box}
 html.oc-co-thanh .hdr .tabs,html.oc-co-thanh .hdr .logo{display:none!important}
 html.oc-co-thanh .hdr .bar{grid-template-columns:auto 1fr auto}
 html.oc-co-thanh .ocs-sb{display:none!important}
 html.oc-co-thanh header.ochdr{display:none!important}
}
@media (max-width:1023px){aside.oc-tb{display:none}}
aside.oc-tb a{text-decoration:none!important}
@view-transition{navigation:auto}
aside.oc-tb{view-transition-name:oc-thanh}
aside.oc-tb .tb-h1:hover{color:#FF6A1A!important}
aside.oc-tb .tb-h2:hover{background:#FF6A1A!important;color:#fff!important}
aside.oc-tb a[data-tb-muc]:hover{background:rgba(20,20,20,0.04)!important}
html.oc-tb-toi aside.oc-tb a[data-tb-muc]:hover{background:rgba(255,255,255,.06)!important}
aside.oc-tb a:focus-visible{outline:2px solid #FF6A1A;outline-offset:-2px;border-radius:11px}
@media (prefers-reduced-motion:no-preference){aside.oc-tb a[data-tb-muc]{transition:background .18s ease}}
/* SINH bởi build/tools/dev/dung_thanh_ben.py — LÀN ĐẦU TRANG + menu ẩn (khổ điện thoại). */
@media (max-width:1023px){
 :root{--oc-dau-cao:calc(48px + env(safe-area-inset-top,0px))}
 html body{padding-top:var(--oc-dau-cao)}
 header.ochdr,header.hdr{top:var(--oc-dau-cao)}
 #oc-mob>div,#oc-desk>section>div{border-radius:0!important;border-width:0!important;box-shadow:none!important}
 #oc-mob>div>div{border-radius:0!important;box-shadow:none!important}
 body[data-oc-arena]::before{content:'';position:fixed;left:0;right:0;top:0;height:var(--oc-dau-cao);
 z-index:60;pointer-events:none;background:rgba(245,245,243,.82);
 -webkit-backdrop-filter:saturate(1.8) blur(14px);backdrop-filter:saturate(1.8) blur(14px)}
 button.oc-menu{position:fixed;left:10px;top:calc(4px + env(safe-area-inset-top,0px));
 z-index:61;width:40px;height:40px;display:flex;align-items:center;justify-content:center;
 border:1px solid rgba(20,20,20,.10);border-radius:13px;background:rgba(255,255,255,.92);
 backdrop-filter:saturate(1.6) blur(12px);color:#151515;cursor:pointer;padding:0;
 box-shadow:0 1px 2px rgba(0,0,0,.05);-webkit-tap-highlight-color:transparent}
 button.oc-menu:focus-visible{outline:2px solid #FF6A1A;outline-offset:2px}
 button.oc-menu span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .oc-menu-nen{position:fixed;inset:0;z-index:62;background:rgba(10,10,12,.34);
 opacity:0;transition:opacity .18s ease}
 .oc-menu-nen.mo{opacity:1}
 .oc-menu-tam{position:fixed;left:0;top:0;bottom:0;z-index:63;width:min(80vw,300px);
 background:#fff;box-shadow:0 0 40px rgba(0,0,0,.16);
 padding:calc(12px + env(safe-area-inset-top,0px)) 10px calc(14px + env(safe-area-inset-bottom,0px));
 transform:translateX(-102%);transition:transform .22s cubic-bezier(.32,.72,0,1);
 overflow:auto;overscroll-behavior:contain}
 .oc-menu-tam.mo{transform:translateX(0)}
 .oc-menu-tam a{display:flex;align-items:center;gap:12px;height:46px;padding:0 12px;
 border-radius:12px;text-decoration:none;color:#151515;font-size:15px;
 -webkit-tap-highlight-color:transparent}
 .oc-menu-tam a[aria-current="page"]{color:#FF6A1A;background:rgba(255,106,26,.10)}
 .oc-menu-tam a:focus-visible{outline:2px solid #FF6A1A;outline-offset:-2px}
 .oc-menu-vach{height:1px;background:rgba(20,20,20,.08);margin:8px 12px}
 .oc-menu-tam a.oc-menu-phu{height:38px;font-size:13.5px;color:#6E6E73;padding-left:12px}
 body.oc-co-day{--oc-day-cao:calc(56px + max(8px,env(safe-area-inset-bottom,0px)));
 padding-bottom:var(--oc-day-cao)}
 nav.oc-day{position:fixed;left:0;right:0;bottom:0;z-index:60;box-sizing:border-box;
 height:var(--oc-day-cao,64px);display:flex;align-items:center;justify-content:space-around;
 padding:0 6px max(8px,env(safe-area-inset-bottom,0px));
 background:rgba(255,255,255,.90);backdrop-filter:saturate(1.6) blur(20px);
 border-top:1px solid rgba(20,20,20,.07);
 transform:translateY(0);transition:transform .22s cubic-bezier(.32,.72,0,1)}
 nav.oc-day.oc-an{transform:translateY(100%)}
 nav.oc-day.oc-toi{background:rgba(14,14,16,.72);border-top-color:rgba(255,255,255,.10)}
 nav.oc-day.oc-toi a{color:rgba(255,255,255,.55)}
 nav.oc-day a{display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:3px;min-width:56px;height:48px;text-decoration:none;color:#8E8E93;
 font-size:10px;font-weight:500;-webkit-tap-highlight-color:transparent}
 nav.oc-day a[aria-current="page"]{color:#FF6A1A;font-weight:600}
 nav.oc-day.oc-toi a[aria-current="page"]{color:#fff}
 nav.oc-day a:focus-visible{outline:2px solid #FF6A1A;outline-offset:-2px;border-radius:10px}
 nav.oc-day a.oc-day-tao{width:46px;height:46px;min-width:46px;border-radius:16px;
 background:#FF6A1A;color:#fff;font-size:22px;font-weight:400;gap:0;
 box-shadow:0 8px 18px -8px rgba(255,106,26,.8)}
 nav.oc-day a.oc-day-tao[aria-current="page"]{color:#fff}
@media (prefers-reduced-motion:reduce){nav.oc-day{transition:none}}
@media (prefers-reduced-motion:reduce){.oc-menu-tam,.oc-menu-nen{transition:none}}
}
@media (min-width:1024px){button.oc-menu,nav.oc-day,.oc-menu-nen,.oc-menu-tam{display:none!important}}
