/* aileelab guide: title-first header, one footer at the very bottom, language switch. */
.brand-glyph{width:20px;height:20px;flex-shrink:0}
.brand .brand-project{font-size:17px;font-weight:800;letter-spacing:-.4px}
.header-actions{display:flex;align-items:center;gap:22px}
#language-switch{text-decoration:none;font-weight:600;color:var(--purple)}
.intro .kicker{margin-top:14px!important;font-size:13px!important;font-weight:700;color:var(--purple)!important;letter-spacing:-.2px}
.site-footer{display:block;max-width:1304px;margin:40px auto 0;padding:24px 0 28px;border-top:1px solid var(--line);color:#7f8676;font-size:11px;line-height:1.8}
.site-footer p{margin:0 0 6px}
.site-footer .storage-note{color:#969c8d}
.brand-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:18px}
.brand-row img{display:block;height:20px;width:auto}
.brand-row a{color:inherit}
.brand-row #how-link{font-weight:600;color:#5d6652}
.brand-row .version{color:#a0a693}
html[lang="en"] .rank-name{width:auto;min-width:96px}
html[lang="en"] .story-sheet blockquote{letter-spacing:-.2px}
@media(max-width:1390px){.site-footer{margin:40px 38px 0}}
@media(max-width:1050px){.site-footer{margin:40px 24px 0}}
@media(max-width:800px){.site-footer{margin:32px 18px 0}.header-actions{gap:14px}.site-header #language-switch{font-size:11px}.brand .brand-project{font-size:15px}}
html[lang="en"] .compare-checklist span{text-transform:capitalize}