/* Persistent navigation shared by Tecno country sites. */
:root{--tf-header-height:100px}
html{scroll-padding-top:calc(var(--tf-header-height) + 20px)}
body>header.tf-header{position:sticky;top:0;z-index:40;background:#fff;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:20px;padding:12px 4vw;border-bottom:1px solid #d5d7db;box-shadow:0 3px 12px #231f2010}
.tf-header .brand{flex-shrink:0}
.tf-header .tf-nav{display:flex;flex:1;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 18px;width:auto;max-width:none;min-width:0}
.tf-header .tf-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;font-size:14px;line-height:1.4}
.tf-header .tf-nav .nav-cta{padding:12px 16px}
.tf-header .tf-menu{display:none;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:88px;flex-shrink:0;border:1px solid #d5d7db;background:#fff;color:#231f20;padding:10px 12px;font:600 14px/1.4 Barlow,Arial,sans-serif;cursor:pointer}
.tf-header .tf-menu span{margin:0;font-size:19px}
.tf-header .tf-menu:hover,.tf-header .tf-menu[aria-expanded=true]{border-color:#0072ce;color:#0072ce}
.tf-header :focus-visible{outline:3px solid #0072ce;outline-offset:3px}
.skip,.skip-link{z-index:50}
.detail-aside{top:calc(var(--tf-header-height) + 20px)}
@media(max-width:1399px){
 body>header.tf-header{padding:10px 5vw;gap:12px;flex-wrap:wrap}
 .tf-header .brand{padding:6px 0;display:flex;align-items:center;gap:12px;min-width:0}
 .tf-header .brand img{width:160px;max-width:100%;height:auto}
 .tf-header .brand>span{font-size:10px;letter-spacing:.1em;padding:8px 0 8px 12px}
 .tf-header .tf-nav{flex-basis:100%;justify-content:flex-start}
 .tf-header.tf-ready{flex-wrap:nowrap}
 .tf-header.tf-ready .tf-menu{display:inline-flex}
 .tf-header.tf-ready .tf-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;max-width:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 5vw 20px;background:#fff;border-bottom:1px solid #d5d7db;box-shadow:0 12px 18px #231f201a;max-height:calc(100vh - var(--tf-header-height) - 12px);max-height:calc(100dvh - var(--tf-header-height) - 12px);overflow-y:auto;overscroll-behavior:contain}
 .tf-header.tf-ready .tf-nav.open{display:flex}
 .tf-header .tf-nav a,.tf-header .tf-nav a:nth-child(2){display:flex;min-height:48px;padding:12px 4px;font-size:16px;border-bottom:1px solid #d5d7db}
 .tf-header .tf-nav .nav-cta{margin-top:12px;justify-content:center;padding:12px 16px}
}
@media(max-width:380px){.tf-header .brand img{width:120px}.tf-header .brand{gap:6px}.tf-header .brand>span{font-size:9px;padding-left:6px;letter-spacing:.03em}.tf-header .tf-menu{min-width:76px;padding:10px 8px;gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The institutional header mark must never inherit article-cover presentation. */
.tf-header .brand,.tf-header .brand img{background:transparent}.tf-header .brand img{padding:0;height:auto;object-fit:contain}