.top .brand{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink);text-decoration:none}
.top .brand-mark{display:block;width:34px;height:34px;flex:0 0 34px;border-radius:8px;background:#101215}
.top .brand-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;width:auto}
.top .brand-copy::before,.top .brand-copy::after{content:none!important;display:none!important}
.top .brand-owner{display:block;margin:0 0 3px;color:#68717b;font-size:9px;font-weight:800;line-height:1;letter-spacing:.12em}
.top .brand h1{margin:0;color:#101215;font-size:17px;font-weight:800;line-height:1.15;letter-spacing:0}
.top .brand-copy small{display:block;margin-top:1px;color:#68717b;font-size:10px;line-height:1.2;white-space:nowrap}
.nav a{white-space:nowrap}
.top .nav a{box-sizing:border-box;justify-content:center;height:36px!important;border-radius:18px!important;font-size:11px!important;font-weight:800!important;padding:0!important}
@media(min-width:701px){.top .nav{display:flex!important;width:auto;gap:8px!important}.top .nav a{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;padding:0 14px!important}}
@media(max-width:700px){.top .nav a{height:42px!important}}
.hero,.hero h2,.hero p{max-width:100%;overflow-wrap:anywhere}
@media (max-width:760px){
 .top{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:14px 0 12px!important}
 .top .brand{width:100%;min-width:0}
 .top .brand-copy small{white-space:normal}
 .top .nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%;gap:6px!important}
 .top .nav a{min-width:0;width:100%;justify-content:center;padding:0 3px!important;font-size:11px}
 .hero{padding:28px 20px!important}
 .hero h2{font-size:clamp(30px,8vw,44px)}
}

@media(min-width:701px){.top .nav{display:flex!important;width:auto;gap:8px!important}}
@media(max-width:700px){.top .nav{grid-template-columns:repeat(3,calc((100vw - 34px)/3))!important;gap:5px!important}}
@media(max-width:700px){.top .nav a[href="./guide.html"]{font-size:10px!important;padding:0 9px!important}}
/* Match the home navigation's complete text and border metrics. */
.top .nav a{font-family:"PingFang SC","Microsoft YaHei",sans-serif!important;line-height:normal!important;letter-spacing:0!important;border:1px solid #e4e7ea!important;background:#fff!important;color:#101215!important;box-shadow:none!important}
.top .nav a[href="./guide.html"]{border-color:#101215!important;background:#d7ff54!important}