/* Same GetClosifi lockup as home hero/header; shared across static SEO and legal pages.
   Keep logo as lightweight CSS/HTML mark, not an unrelated replacement image. */
a.gc-article-brand{
  box-sizing:border-box!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  text-decoration:none!important;
  color:#111827!important;
  font-size:0!important;
  line-height:1!important;
  letter-spacing:normal!important;
  white-space:nowrap!important;
}
a.gc-article-brand:hover{text-decoration:none!important}
a.gc-article-brand:focus-visible{outline:3px solid #7b67ed;outline-offset:5px;border-radius:8px}
a.gc-article-brand .gc-brand-mark{
  box-sizing:border-box!important;
  position:relative!important;
  width:34px!important;height:34px!important;
  flex:0 0 34px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,#818cf8 0%,#6366f1 55%,#4f46e5 100%)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 8px 24px rgba(99,102,241,.22)!important;
  overflow:hidden!important;
}
a.gc-article-brand .gc-brand-mark:before{
  content:"";position:absolute;width:22px;height:22px;
  border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-8px;top:-8px;
}
a.gc-article-brand .gc-brand-mark i{
  box-sizing:border-box;position:absolute;width:7px;height:7px;
  background:#fff;border-radius:2px;right:5px;bottom:5px;transform:rotate(45deg);opacity:.92;
}
a.gc-article-brand .gc-brand-g{
  color:#fff!important;position:relative!important;z-index:1;
  font:800 17px/1 Inter,system-ui,sans-serif!important;
  letter-spacing:-.08em!important;transform:translateX(-1px);
}
a.gc-article-brand .gc-brand-copy{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  gap:2px!important;min-width:0!important;line-height:1!important;
}
a.gc-article-brand .gc-brand-copy strong{
  display:block!important;color:#10121d!important;
  font:800 17px/1.08 Inter,system-ui,sans-serif!important;
  letter-spacing:-.045em!important;
}
a.gc-article-brand .gc-brand-copy small{
  display:block!important;color:#2e3140!important;
  font:800 7.5px/1.05 Inter,system-ui,sans-serif!important;
  letter-spacing:.17em!important;
}
/* Works with both article <nav> and legal <header> structures. */
nav:has(.gc-article-brand),.nav-inner:has(.gc-article-brand){
  display:flex!important;justify-content:space-between!important;
  align-items:center!important;gap:14px!important;
  min-width:0!important;max-width:100%!important;
}
nav:has(.gc-article-brand) .navlinks,nav:has(.gc-article-brand) .links{
  min-width:0!important;
}
@media(max-width:760px){
 a.gc-article-brand{gap:8px!important}
 a.gc-article-brand .gc-brand-mark{width:32px!important;height:32px!important;flex-basis:32px!important}
 a.gc-article-brand .gc-brand-copy strong{font-size:16px!important}
 a.gc-article-brand .gc-brand-copy small{font-size:7px!important}
 nav:has(.gc-article-brand) .navlinks,nav:has(.gc-article-brand) .links{
   display:none!important;
 }
 nav:has(.gc-article-brand),.nav-inner:has(.gc-article-brand){gap:10px!important}
 .nav-inner:has(.gc-article-brand) .back,
 nav:has(.gc-article-brand) .back{font-size:12px!important;text-align:right;min-width:0!important}
}
@media(max-width:360px){
 a.gc-article-brand .gc-brand-mark{width:29px!important;height:29px!important;flex-basis:29px!important}
 a.gc-article-brand .gc-brand-copy strong{font-size:14px!important}
 a.gc-article-brand .gc-brand-copy small{font-size:6.3px!important}
}
