/* KENT Global Navigation Shell v1.2 — shared by Homepage, Góc học tập and Progress */
.kent-global-nav{position:sticky;top:0;z-index:100;background:rgba(251,248,243,.9);border-bottom:1px solid rgba(56,44,35,.09);backdrop-filter:blur(16px);--nav-h:100px;--container:1220px;--orange:#f4512a;--orange-dark:#d93f1c;--orange-pale:#fff3ed;--line:#dfd8d0;--ink:#121212;--shadow:0 18px 55px rgba(28,21,15,.09)}
.kent-global-nav *{box-sizing:border-box}
.kent-global-nav a{color:inherit;text-decoration:none}
.kent-global-nav .container{width:min(calc(100% - 44px),var(--container));margin-inline:auto}
.kent-global-nav .nav-inner{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:28px}
.kent-global-nav .brand{width:132px;display:flex;align-items:center;align-self:stretch;padding:4px 0;position:static;height:auto}
.kent-global-nav .brand img{height:88px;width:auto;max-width:100%;object-fit:contain;display:block}
.kent-global-nav .nav-links{display:flex;align-items:center;gap:30px;font-size:.94rem;font-weight:700}
.kent-global-nav .nav-links>a,.kent-global-nav .nav-dropdown>summary{transition:color .2s ease;cursor:pointer;list-style:none;white-space:nowrap}
.kent-global-nav .nav-links>a:hover,.kent-global-nav .nav-dropdown>summary:hover{color:var(--orange)}
.kent-global-nav .nav-links>a.is-active{color:var(--orange-dark)}
.kent-global-nav .nav-links>a.is-active::after{content:"";display:block;height:2px;border-radius:999px;background:var(--orange);margin-top:2px}
.kent-global-nav .nav-dropdown{position:relative}
.kent-global-nav .nav-dropdown summary::-webkit-details-marker{display:none}
.kent-global-nav .nav-dropdown-panel{position:absolute;right:-180px;top:calc(100% + 22px);width:520px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kent-global-nav .nav-product-group{padding:7px}
.kent-global-nav .nav-product-group p{font-size:.75rem;font-weight:900;letter-spacing:.14em;color:var(--orange);margin:0 0 8px;text-transform:uppercase}
.kent-global-nav .nav-product-group a{display:flex;justify-content:space-between;padding:9px 10px;border-radius:10px;font-weight:750}
.kent-global-nav .nav-product-group a:hover{background:var(--orange-pale);color:var(--orange-dark)}
.kent-global-nav .nav-flagship{padding:10px 16px;border:1px solid rgba(244,81,42,.18);border-radius:999px;background:var(--orange-pale);color:var(--ink)!important}
.kent-global-nav .nav-flagship:hover{background:#ffe1d5!important;color:var(--orange-dark)!important}
.kent-global-nav .nav-exam-logo{display:block;width:82px;height:25px;object-fit:contain;object-position:left center}.kent-global-nav .nav-exam-logo.toeic{width:92px}
.kent-global-nav .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border:1px solid transparent;border-radius:999px;font-weight:800}
.kent-global-nav .btn-primary{background:var(--orange);color:#fff;box-shadow:0 12px 28px rgba(244,81,42,.22)}
.kent-global-nav .btn-primary:hover{background:var(--orange-dark);color:#fff!important}
.kent-global-nav .btn-nav{min-height:48px;padding-inline:21px;color:#fff!important}
.kent-global-nav .nav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.kent-global-nav .nav-toggle span{display:block;width:26px;height:2px;background:var(--ink);margin:6px 0}
@media(max-width:1080px){.kent-global-nav{--nav-h:82px}.kent-global-nav .nav-links{gap:20px;font-size:.88rem}.kent-global-nav .brand{width:118px}.kent-global-nav .brand img{height:82px}}
@media(max-width:860px){.kent-global-nav .nav-toggle{display:block}.kent-global-nav .nav-links{position:fixed;left:18px;right:18px;top:calc(var(--nav-h) + 10px);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;display:none;flex-direction:column;align-items:stretch;gap:8px}.kent-global-nav .nav-links.open{display:flex}.kent-global-nav .nav-links>a,.kent-global-nav .nav-dropdown>summary{padding:10px;border-radius:10px}.kent-global-nav .nav-dropdown-panel{position:static;width:auto;box-shadow:none;margin-top:7px;grid-template-columns:1fr 1fr}.kent-global-nav .btn-nav{margin-top:4px}.kent-global-nav .nav-links>a.is-active::after{display:none}}
@media(max-width:620px){.kent-global-nav .container{width:min(calc(100% - 28px),var(--container))}.kent-global-nav .nav-dropdown-panel{grid-template-columns:1fr}.kent-global-nav .nav-flagship{border-radius:10px}}

/* v6.6: durable resources in the global self-study dropdown */
.kent-global-nav .nav-resource-group{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.kent-global-nav .nav-resource-group a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#faf7f3;font-weight:750}
.kent-global-nav .nav-resource-group a:hover,.kent-global-nav .nav-resource-group a.is-active{background:var(--orange-pale);color:var(--orange-dark)}
.kent-global-nav .nav-resource-group small{display:block;margin-bottom:2px;color:#8a8179;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.kent-global-nav .nav-resource-group strong{font-size:.88rem}
.kent-global-nav .nav-resource-group b{font-size:1rem;color:var(--orange)}
.kent-global-nav .nav-dropdown>summary.is-active{color:var(--orange-dark)!important}
@media(max-width:620px){.kent-global-nav .nav-resource-group{grid-template-columns:1fr}}