/* SO-3RE logo system — B lockup (số 3 nguyên khối) + favicon
   Scale via font-size on .lg3. .light on pale grounds · .mono single-color · .nocap hides caption. */
:root{--lg-purple:#3f008a;--lg-purple70:#6533a1;--lg-orange:#ff881d;--lg-red:#b22b19;--lg-teal:#63dbc6}
.lg3{display:inline-flex;flex-direction:column;align-items:flex-start;font-family:'Be Vietnam Pro',system-ui,-apple-system,sans-serif;font-weight:900;line-height:1;--lg-fg:#fff;--lg-cap:#a68fd6;--lg-three:var(--lg-orange);--lg-ro:var(--lg-orange);--lg-ra:var(--lg-purple70);--lg-rg:var(--lg-red)}
.lg3.light{--lg-fg:var(--lg-purple);--lg-cap:#7a5bb8;--lg-ra:var(--lg-purple)}
.lg3.mono{--lg-fg:currentColor;--lg-cap:currentColor;--lg-three:currentColor;--lg-ro:currentColor;--lg-ra:currentColor;--lg-rg:currentColor}
.lg3-mk{display:inline-flex;align-items:stretch;gap:.2em}
.lg3-rule{flex:none;width:.15em;border-radius:.06em;background:linear-gradient(180deg,var(--lg-ro) 0 33%,var(--lg-ra) 33% 66%,var(--lg-rg) 66% 100%)}
.lg3-three{color:var(--lg-three);font-weight:900;font-size:2.28em;line-height:.7;letter-spacing:-.05em;display:flex;align-items:center}
.lg3-sore{display:flex;flex-direction:column;justify-content:center;line-height:.8;letter-spacing:-.03em;color:var(--lg-fg)}
.lg3-l1,.lg3-l2{display:block}
.lg3-cap{font-size:.19em;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-top:.24em;color:var(--lg-cap);padding-left:.3em}
.lg3.nocap .lg3-cap{display:none}
.lg3.mono .lg3-cap{opacity:.6}
/* Favicon mark — nền trong, ink tím: vạch 3 dải + số 3 tím iTB.
   Dùng .fav3 để xem thử trong trang; file thật là assets/favicon.svg + favicon-*.png */
.fav3{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.13em;background:none;font-family:'Be Vietnam Pro',system-ui,sans-serif;font-weight:900;line-height:1}
.fav3::before{content:'';flex:none;width:.085em;height:.78em;border-radius:.02em;background:linear-gradient(180deg,var(--lg-orange) 0 33%,var(--lg-purple70) 33% 66%,var(--lg-red) 66% 100%)}
.fav3 .three{position:relative;z-index:1;color:var(--lg-purple);font-weight:900;font-size:1.36em;letter-spacing:-.04em}

/* Horizontal one-line lockup — for footers / thin rows. Scale via font-size.
   Default = on light (chữ tím). Add .on-dark for tím/tối grounds · .mono for single-color print. */
.lg3h{display:inline-flex;align-items:center;gap:0;font-family:'Be Vietnam Pro',system-ui,-apple-system,sans-serif;font-weight:900;line-height:1;letter-spacing:-.03em;--h-fg:var(--lg-purple);--h-o:var(--lg-orange);--h-r1:var(--lg-orange);--h-r2:var(--lg-purple70);--h-r3:var(--lg-red)}
.lg3h.on-dark{--h-fg:#fff;--h-r2:#8a5bd0;--h-r3:#f0604a}
.lg3h.mono{--h-fg:currentColor;--h-o:currentColor;--h-r1:currentColor;--h-r2:currentColor;--h-r3:currentColor}
.lg3h-rule{flex:none;width:.16em;align-self:stretch;border-radius:.05em;margin-right:.22em;background:linear-gradient(180deg,var(--h-r1) 0 33%,var(--h-r2) 33% 66%,var(--h-r3) 66% 100%)}
.lg3h-t{color:var(--h-fg)}
.lg3h-o{color:var(--h-o)}