/* v337: canonical University/College header plaques.
   The historic runtime bundles still contain older high-specificity rules for
   .study_year/.college_title.  This last-loaded file overrides ONLY plaque
   wrappers/SVGs and their spacing; it deliberately does not own the title
   flex/grid geometry. */

/* Restore the older desktop spacing: the gap from “ПсковГУ” to the first plaque
   is slightly larger than the inter-plaque gap.  Only the plaques themselves
   stay at a uniform 6px rhythm. */
.site-title-brandline,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .site-title-brandline {
  gap: 6px !important;
  column-gap: 6px !important;
}
.header-badges,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 4.5px !important;
  column-gap: 4.5px !important;
  row-gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  translate: none !important;
}

/* College secondary/directory/schedule bundles contain an older triple-ID
   micro-alignment rule.  Beat that rule only for the badge row; never touch
   title text or the header grid. */
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges,
html body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges {
  position: static !important;
  top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: 4.5px !important;
  column-gap: 4.5px !important;
  row-gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
}

.site-title-brandline > .site-title-brand,
.site-title-brandline > .header-badges,
.header-badges > .college_title,
.header-badges > .study_year,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .site-title-brandline > .site-title-brand,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .site-title-brandline > .header-badges,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges > .college_title,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges > .study_year {
  margin: 0 !important;
}

/* Neutralise the many legacy CSS-drawn pills.  The inline SVG is the only
   visible plaque on desktop/fallback DOM. */
.header-badges .college_title,
.header-badges .study_year,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year,
html body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title {
  position: static !important;
  top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 23px !important;
  min-height: 23px !important;
  max-height: 23px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  clip-path: none !important;
  transform: none !important;
  translate: none !important;
  box-shadow: none !important;
  line-height: 0 !important;
  isolation: auto !important;
  overflow: visible !important;
  box-sizing: content-box !important;
}
.header-badges .college_title::before,
.header-badges .college_title::after,
.header-badges .study_year::before,
.header-badges .study_year::after,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title::before,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title::after,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year::before,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year::after,
html body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title::before,
html body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.header-badges .header-badge-svg,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .header-badge-svg {
  display: block !important;
  height: 23px !important;
  min-height: 23px !important;
  max-height: 23px !important;
  overflow: visible !important;
  transform: none !important;
}
.header-badges .college_title .header-badge-svg,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title .header-badge-svg {
  width: 73.282px !important;
  min-width: 73.282px !important;
  max-width: 73.282px !important;
}
.header-badges .study_year .header-badge-svg,
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year .header-badge-svg {
  width: 81.968px !important;
  min-width: 81.968px !important;
  max-width: 81.968px !important;
}

/* Exact pre-redesign plaque palette from the preserved v21/v22 mobile
   wordmarks.  Desktop and mobile now use the same colors and border logic. */
.header-badges .college_title .header-badge-shape {
  fill: #fff7ef !important;
  stroke: #efab78 !important;
  stroke-width: 1px !important;
  vector-effect: non-scaling-stroke !important;
}
.header-badges .college_title .header-badge-text {
  fill: #c65c13 !important;
  color: #c65c13 !important;
  -webkit-text-fill-color: #c65c13 !important;
}
.header-badges .study_year .header-badge-shape {
  fill: #f3f8fc !important;
  stroke: #bfd8eb !important;
  stroke-width: 1px !important;
  vector-effect: non-scaling-stroke !important;
}
.header-badges .study_year .header-badge-text {
  fill: #14518b !important;
  color: #14518b !important;
  -webkit-text-fill-color: #14518b !important;
  font-variant-numeric: tabular-nums !important;
}
html[data-theme="dark"] .header-badges .college_title .header-badge-shape {
  fill: #7d3900 !important;
  stroke: #b56f3e !important;
}
html[data-theme="dark"] .header-badges .college_title .header-badge-text {
  fill: #ffe3cc !important;
  color: #ffe3cc !important;
  -webkit-text-fill-color: #ffe3cc !important;
}
html[data-theme="dark"] .header-badges .study_year .header-badge-shape {
  fill: #244f76 !important;
  stroke: #5c84aa !important;
}
html[data-theme="dark"] .header-badges .study_year .header-badge-text {
  fill: #d6eaff !important;
  color: #d6eaff !important;
  -webkit-text-fill-color: #d6eaff !important;
}
.header-badges .header-badge-text {
  font-synthesis: none !important;
  letter-spacing: 0 !important;
  text-rendering: geometricPrecision !important;
}

/* Some secondary pages still expose the DOM title at narrow widths instead
   of the precomposed wordmark.  Preserve the same proportions there. */
@media (max-width: 575.98px) {
  .site-title-brandline,
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .site-title-brandline {
    gap: 6px !important;
    column-gap: 6px !important;
  }
  .header-badges,
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges {
    gap: 4.5px !important;
    column-gap: 4.5px !important;
  }
  .header-badges .college_title,
  .header-badges .study_year,
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title,
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year {
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
  }
  .header-badges .header-badge-svg,
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .header-badge-svg {
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
  }
  .header-badges .college_title .header-badge-svg,
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title .header-badge-svg {
    width: 63.723px !important;
    min-width: 63.723px !important;
    max-width: 63.723px !important;
  }
  .header-badges .study_year .header-badge-svg,
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year .header-badge-svg {
    width: 71.277px !important;
    min-width: 71.277px !important;
    max-width: 71.277px !important;
  }
}


/* v337 desktop plaque baseline: restore the pre-redesign placement.
   In the preserved good render the plaques sit 10px above the title text
   (their top is y=27 while the title begins at y=36).  v336 incorrectly
   centered them on the title baseline. */
@media (min-width:821px) {
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges,
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges,
  html body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges {
    transform: translateY(-10px) !important;
    translate: none !important;
  }
}


/* v338: force header plaque palette with higher specificity so it overrides
   the older runtime-home/runtime-college defaults on desktop as well. */
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title .header-badge-shape,
html body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title .header-badge-shape {
  fill: #fff7ef !important;
  stroke: #efab78 !important;
  stroke-width: 1px !important;
  vector-effect: non-scaling-stroke !important;
}
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title .header-badge-text,
html body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title .header-badge-text {
  fill: #c65c13 !important;
  color: #c65c13 !important;
  -webkit-text-fill-color: #c65c13 !important;
}
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year .header-badge-shape,
html body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year .header-badge-shape {
  fill: #f3f8fc !important;
  stroke: #bfd8eb !important;
  stroke-width: 1px !important;
  vector-effect: non-scaling-stroke !important;
}
html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year .header-badge-text,
html body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year .header-badge-text {
  fill: #14518b !important;
  color: #14518b !important;
  -webkit-text-fill-color: #14518b !important;
  font-variant-numeric: tabular-nums !important;
}
html[data-theme="dark"] body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title .header-badge-shape,
html[data-theme="dark"] body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title .header-badge-shape {
  fill: #7d3900 !important;
  stroke: #b56f3e !important;
}
html[data-theme="dark"] body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title .header-badge-text,
html[data-theme="dark"] body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .college_title .header-badge-text {
  fill: #ffe3cc !important;
  color: #ffe3cc !important;
  -webkit-text-fill-color: #ffe3cc !important;
}
html[data-theme="dark"] body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year .header-badge-shape,
html[data-theme="dark"] body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year .header-badge-shape {
  fill: #244f76 !important;
  stroke: #5c84aa !important;
}
html[data-theme="dark"] body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year .header-badge-text,
html[data-theme="dark"] body.page-college.unified-page.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner .header-badges .study_year .header-badge-text {
  fill: #d6eaff !important;
  color: #d6eaff !important;
  -webkit-text-fill-color: #d6eaff !important;
}

/* === v373 canonical mobile site-header geometry === */
@media (max-width: 820px) {
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner {
    display:grid!important;grid-template-columns:42px minmax(0,1fr) 38px!important;
    column-gap:8px!important;align-items:center!important;width:100%!important;min-width:0!important;
    box-sizing:border-box!important;padding-left:10px!important;padding-right:10px!important;
  }
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner > .code2 {
    width:42px!important;min-width:42px!important;max-width:42px!important;margin:0!important;justify-self:start!important;transform:none!important;
  }
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner > .code4 {
    width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important;justify-self:stretch!important;transform:none!important;
  }
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner > .code6 {
    width:38px!important;min-width:38px!important;max-width:38px!important;margin:0!important;justify-self:end!important;transform:none!important;
  }
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .site-title-link,
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .site-title-brandline,
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges {min-width:0!important;max-width:100%!important}
  html body[class] > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges {
    gap:4px!important;column-gap:4px!important;transform:translateY(var(--header-badge-device-shift,-.08cap))!important;
  }
  html body.page-college > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges,
  html body.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges {gap:3px!important;column-gap:3px!important}
}
@media (max-width: 430px) {
  html body.page-college > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .college_title,
  html body.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .college_title,
  html body.page-college > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .study_year,
  html body.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .study_year {height:18px!important;min-height:18px!important;max-height:18px!important}
  html body.page-college > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .header-badge-svg,
  html body.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .header-badge-svg {height:18px!important;min-height:18px!important;max-height:18px!important}
  html body.page-college > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .college_title .header-badge-svg,
  html body.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .college_title .header-badge-svg {width:57.35px!important;min-width:57.35px!important;max-width:57.35px!important}
  html body.page-college > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .study_year .header-badge-svg,
  html body.college-page > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .study_year .header-badge-svg {width:64.15px!important;min-width:64.15px!important;max-width:64.15px!important}
}
/* === /v373 canonical mobile site-header geometry === */



/* ========================================================================
   v377 narrow-header plaque footprint. Title/grid ownership stays in the
   shared runtime; this stylesheet only sizes the extra College plaques.
   ======================================================================== */
@media (max-width:575.98px){
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .college_title,
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .study_year{
    height:17px!important;min-height:17px!important;max-height:17px!important
  }
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .header-badge-svg{
    height:17px!important;min-height:17px!important;max-height:17px!important
  }
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .college_title .header-badge-svg{
    width:54.15px!important;min-width:54.15px!important;max-width:54.15px!important
  }
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .study_year .header-badge-svg{
    width:60.59px!important;min-width:60.59px!important;max-width:60.59px!important
  }
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges{
    gap:2px!important;column-gap:2px!important;transform:translateY(var(--header-badge-device-shift,-.08cap))!important
  }
}
@media (max-width:360px){
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .college_title,
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .study_year,
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .header-badge-svg{
    height:15px!important;min-height:15px!important;max-height:15px!important
  }
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .college_title .header-badge-svg{
    width:47.83px!important;min-width:47.83px!important;max-width:47.83px!important
  }
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .study_year .header-badge-svg{
    width:53.46px!important;min-width:53.46px!important;max-width:53.46px!important
  }
}
/* === /v377 narrow-header plaque footprint === */

/* v377.4 narrow plaque stack: preserve the textual wordmark, compact only the
   auxiliary College/year marks. Their SVG aspect ratios stay exact. */
@media (max-width:430px){
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .college_title,
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .study_year,
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .header-badge-svg{
    height:13px!important;min-height:13px!important;max-height:13px!important
  }
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .college_title .header-badge-svg{
    width:41.42px!important;min-width:41.42px!important;max-width:41.42px!important
  }
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .study_year .header-badge-svg{
    width:46.33px!important;min-width:46.33px!important;max-width:46.33px!important
  }
}
/* === /v377.4 narrow plaque stack === */


/* ========================================================================
   v386 mobile College header: no viewport-only plaque shrink.
   The rendered mobile wordmark scales as one unit via min(natural, 100%) in
   the product runtime. These live-DOM plaques are a fallback and therefore
   keep the same 20px mobile scale as the University header.
   ======================================================================== */
@media (max-width:575.98px){
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges{
    gap:6px!important;column-gap:6px!important
  }
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .college_title,
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .study_year,
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .header-badge-svg{
    height:20px!important;min-height:20px!important;max-height:20px!important
  }
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .college_title .header-badge-svg{
    width:63.723px!important;min-width:63.723px!important;max-width:63.723px!important
  }
  html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges .study_year .header-badge-svg{
    width:71.277px!important;min-width:71.277px!important;max-width:71.277px!important
  }
}
/* === /v386 mobile College header === */

/* ========================================================================
   v387 mobile College header: consume the space that was silently lost to the
   title link's 6px horizontal hit-area padding before scaling the wordmark.
   The complete College wordmark (title + both plaques) stays at its native
   279.12px width whenever the actual gap between logo and theme control allows
   it; only the complete SVG scales down when that physical space is exhausted.
   ======================================================================== */
@media (max-width:820px){
  html body:has(.header-badges .college_title)>.container>header.row.code1>#site-header-inner#site-header-inner#site-header-inner#site-header-inner{
    grid-template-columns:42px minmax(0,1fr) 38px!important;
    column-gap:7px!important;
    padding-left:8px!important;
    padding-right:8px!important
  }
  html body:has(.header-badges .college_title)>.container>header.row.code1>#site-header-inner#site-header-inner#site-header-inner#site-header-inner>.code4{
    min-width:0!important;
    overflow:visible!important
  }
  html body:has(.header-badges .college_title)>.container>header.row.code1>#site-header-inner#site-header-inner#site-header-inner#site-header-inner>.code4>.site-title-link{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:6px 0!important;
    margin:-6px 0!important;
    box-sizing:border-box!important;
    overflow:visible!important
  }
  html body:has(.header-badges .college_title)>.container>header.row.code1>#site-header-inner#site-header-inner#site-header-inner#site-header-inner .code5{
    position:relative!important;
    display:block!important;
    width:min(279.12px,100%)!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:6.645834/1!important;
    margin:0!important;
    padding:0!important;
    color:transparent!important;
    background-image:url("../img/header-wordmark-college-light.svg")!important;
    background-repeat:no-repeat!important;
    background-position:left center!important;
    background-size:contain!important;
    font-size:0!important;
    line-height:0!important;
    letter-spacing:0!important;
    transform:none!important;
    translate:none!important;
    align-self:center!important
  }
  html[data-theme="dark"] body:has(.header-badges .college_title)>.container>header.row.code1>#site-header-inner#site-header-inner#site-header-inner#site-header-inner .code5{
    background-image:url("../img/header-wordmark-college-dark.svg")!important
  }
  html body:has(.header-badges .college_title)>.container>header.row.code1>#site-header-inner#site-header-inner#site-header-inner#site-header-inner .code5>*{
    opacity:0!important;
    pointer-events:none!important
  }
}
/* === /v387 mobile College header === */


/* ========================================================================
   v390 mobile College header geometry parity.
   Keep product-specific wordmark rendering, but use exactly the same outer
   grid, gutters and edge paddings as the University mobile header.
   ======================================================================== */
@media (max-width:820px){
  html body:has(.header-badges .college_title)>.container>header.row.code1>#site-header-inner#site-header-inner#site-header-inner#site-header-inner{
    grid-template-columns:42px minmax(0,1fr) 38px!important;
    column-gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important
  }
}
/* === /v390 mobile College header geometry parity === */
/* v394 optical equality: visible ПсковГУ→колледж and колледж→год gaps. */
html body:has(.header-badges .college_title) .site-title-brandline{gap:7px!important}
html body:has(.header-badges .college_title) .header-badges{gap:1px!important;column-gap:1px!important}

/* v395: optical badge spacing must beat legacy product-specific header rules. */
html body:has(.header-badges .college_title) > .container > header.row.code1 > #site-header-inner#site-header-inner#site-header-inner#site-header-inner .header-badges.header-badges{
  gap:1px!important;
  column-gap:1px!important;
}
/* === /v395 badge spacing === */