/* =====================================================================
   TEXT LOGO – brand + company in one lockup, in the logo's own colours
   ===================================================================== */
.tlogo{--tl-navy:linear-gradient(#021850,#021850);--tl-blue:linear-gradient(180deg,#1366e8 0%,#0a2f9a 70%,#001b76 100%);
  --tl-orange:linear-gradient(180deg,#ffa21f 0%,#f4560b 100%);--tl-green:linear-gradient(180deg,#5cbb1b 0%,#0c750a 100%);
  --tl-muted:linear-gradient(#5a6788,#5a6788);--tl-accent:linear-gradient(var(--brass),var(--brass));--tl-primary:linear-gradient(var(--ledger),var(--ledger));--tl-dot:#fd6503;
  display:inline-flex;align-items:center;gap:10px;line-height:1;text-decoration:none;white-space:nowrap}
.tl-mark{height:40px;width:auto;display:block;flex:none}
.tl-on-dark{display:none}
.tl-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.tl-1{font:800 21px/1 var(--f-display);letter-spacing:-.025em}
.tl-2{font:600 17px/1 var(--f-accent,var(--f-display));letter-spacing:-.005em;font-optical-sizing:auto}
.tl-c{background-image:var(--tl-navy);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.tl-blue{background-image:var(--tl-blue)}.tl-orange{background-image:var(--tl-orange)}.tl-green{background-image:var(--tl-green)}
.tl-muted{background-image:var(--tl-muted);font-weight:700}.tl-accent{background-image:var(--tl-accent)}.tl-primary{background-image:var(--tl-primary)}
.tl-iw{position:relative;display:inline-block}
.tl-dot{position:absolute;left:50%;top:.06em;width:.23em;height:.23em;border-radius:50%;background:var(--tl-dot);transform:translateX(-50%)}
/* dark backgrounds: navy/blue turn white, colours brighten (same rule as the reversed logo) */
.side .tlogo,footer .tlogo,.top .tlogo{
  --tl-navy:linear-gradient(#f3f6fa,#f3f6fa);--tl-blue:linear-gradient(#f3f6fa,#f3f6fa);
  --tl-orange:linear-gradient(180deg,#ffb347 0%,#ff7a1a 100%);--tl-green:linear-gradient(180deg,#8be04e 0%,#3fbf4f 100%);
  --tl-muted:linear-gradient(#a9bcc7,#a9bcc7);--tl-dot:#ff8a2a}
.side .tl-on-light:not(.tl-solo),footer .tl-on-light:not(.tl-solo),.top .tl-on-light:not(.tl-solo){display:none}
.side .tl-on-dark,footer .tl-on-dark,.top .tl-on-dark{display:block}
/* compact header */
header.site .wrap{padding-block:11px}
header.site .brand{gap:0}
/* footer lockup */
.foot-brand{display:inline-block;text-decoration:none}
.tlogo-lg{gap:14px}
.tlogo-lg .tl-mark{height:62px}
.tlogo-lg .tl-1{font-size:31px}
.tlogo-lg .tl-2{font-size:25px}
.tlogo-lg .tl-text{gap:5px}
.foot-tagline{margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--hero-fg) 18%,transparent);font:italic 500 14.5px/1.45 var(--f-accent,var(--f-display));color:var(--hero-fg);opacity:.88;max-width:34ch}
/* portal sidebar */
.side .brand .tlogo .tl-mark{height:34px}.side .brand .tl-1{font-size:18px}.side .brand .tl-2{font-size:14.5px}
@media (max-width:480px){.tl-mark{height:34px}.tl-1{font-size:17.5px}.tl-2{font-size:14.5px}.tlogo{gap:8px}}

/* image logo (eGovTaxIndia artwork) */
.tlogo-img{display:inline-flex;align-items:center;line-height:0}
.tlogo-img .brand-img{display:block;height:40px;width:auto;max-width:100%}
.tlogo-img.tlogo-lg .brand-img,.tlogo-img.tlogo-tag .brand-img{height:auto;width:260px}
header.site .brand img.logo{max-width:min(300px,62vw);height:auto!important;max-height:46px;width:auto}
footer .foot-brand.tlogo-wrap,footer .tlogo-img{background:#fff;border-radius:14px;padding:12px 16px}
@media (max-width:600px){header.site .brand img.logo{max-height:34px}}
.tlogo-img .brand-mini{display:none;width:34px;height:34px;border-radius:9px}