/* Readability and interaction refinements approved in the UI review. */
:root{--reading-size:16px;--secondary-size:14px;--caption-size:12px}.hero .intro,.intro-screen .about>p,.intro-screen .program p{font-size:var(--reading-size)}.showcase-detail,.showcase-team,.showcase-source{font-size:var(--secondary-size)}.showcase-category,.showcase-image-count,.showcase-award-count,.showcase-event-count{font-size:var(--caption-size)}.showcase-title{font-weight:600}.showcase-years{gap:12px}.showcase-year{box-shadow:none}.showcase-year[aria-pressed=true]{box-shadow:0 4px 0 #976b06,0 10px 18px #ffc92816}.showcase-body{grid-template-columns:44px minmax(0,1.35fr) minmax(0,1fr);gap:20px}.showcase-dots{overflow:visible;gap:4px}.showcase-dot{position:relative;width:40px;height:40px;min-height:40px;border:0;background:transparent;transform:none!important;box-shadow:none!important;display:grid;place-items:center}.showcase-dot:before{content:'';width:12px;height:12px;border-radius:50%;background:#34415b;border:1px solid #8090ac;transition:background .25s,box-shadow .25s}.showcase-dot.is-selected:before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px #ffce321c}.showcase-dot-label{position:absolute;left:44px;top:50%;transform:translateY(-50%);border:1px solid #ffffff20;padding:9px 12px;border-radius:8px;background:#152039;color:#fff;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;z-index:40;transition:opacity .2s}.showcase-dot:hover .showcase-dot-label,.showcase-dot:focus-visible .showcase-dot-label{opacity:1}.showcase-progress-row{display:flex;align-items:center;gap:16px;min-height:18px;padding-left:64px}.showcase-event-count{color:#b0b9cd;white-space:nowrap;font-variant-numeric:tabular-nums}.showcase-progress{height:3px;flex:1;background:#ffffff14;border-radius:4px;overflow:hidden}.showcase-progress-fill{display:block;width:0;height:100%;background:var(--gold);transition:width .25s linear}.achievement-player{gap:16px;padding:20px 0 28px}.showcase-info{grid-template-rows:18px 70px 42px 32px minmax(118px,1fr) 48px;gap:8px}.showcase-award{background:#152037;border:1px solid #ffffff15;padding:16px 20px}.showcase-award-label{font-size:12px;font-weight:600;letter-spacing:.04em;color:#b8c3d8;margin:0 0 8px}.showcase-award-name{font-weight:600;font-size:clamp(20px,2vw,27px);line-height:1.3}.showcase-award-meta{font-size:14px;line-height:1.45;color:#c1cbdd;margin:8px 0 0;padding-right:30px}.showcase-playback{gap:8px}.showcase-control{width:36px;height:36px}.floating-top{width:40px;height:40px;min-height:40px;right:max(5vw,20px);bottom:16px!important;border-radius:8px;font-size:22px;box-shadow:none;z-index:110}.floating-top-label{display:none}.footer-bar .footer-zalo{margin-right:54px}.site-header .nav-countdown{background:transparent;border:1px solid #ffce3255;color:var(--gold)}.hero .text-link{font-size:14px;font-weight:500}.showcase-source{font-size:14px}
@media(max-width:800px){.showcase-body{gap:14px;grid-template-columns:40px minmax(0,1.2fr) minmax(0,1fr)}.showcase-progress-row{padding-left:54px}.showcase-team{font-size:12px}.showcase-control{width:32px}.showcase-detail{font-size:14px}.showcase-heading h2{font-size:24px}}
@media(max-width:600px){.showcase-body{grid-template-columns:40px minmax(0,1fr);grid-template-rows:minmax(90px,1fr) auto;gap:8px 10px}.showcase-dot{width:40px;height:44px;min-height:44px}.showcase-dots{gap:0}.showcase-dot-label{max-width:240px;white-space:normal}.showcase-progress-row{padding-left:50px;gap:10px}.showcase-info{grid-template-rows:14px 48px 36px 26px 102px 44px;gap:4px}.showcase-title{font-size:22px}.showcase-heading h2{font-size:22px}.showcase-category{font-size:12px;letter-spacing:.02em}.showcase-team{font-size:12px;padding:4px 6px}.showcase-award{padding:10px 12px}.showcase-award-label{font-size:12px;margin:0 0 5px}.showcase-award-name{font-size:18px}.showcase-award-meta{font-size:12px;margin-top:5px}.showcase-award-count{font-size:12px;bottom:6px;right:10px}.showcase-source{font-size:12px;padding:10px 12px}.achievement-player{padding:12px 0;gap:10px}.showcase-control{width:30px;height:34px}.showcase-playback{gap:4px}.floating-top{right:20px;bottom:20px!important}.footer-bar .footer-zalo{margin-right:48px}.hero .intro,.intro-screen .about>p,.intro-screen .program p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.showcase-progress-fill,.showcase-dot-label{transition:none}}

.showcase-dot.is-selected{background:transparent;border:0}.showcase-dot:before{flex-shrink:0}

.showcase-year{white-space:nowrap;font-size:15px;padding:11px 17px}.showcase-heading h2{font-size:28px}@media(max-width:600px){.showcase-year{font-size:12px;padding:9px 8px}.showcase-years{gap:6px}.showcase-heading h2{font-size:21px}.showcase-category{font-size:11px}}