/* Active direction: «Лаванда ночью».
   The complete visual system remains in the original component stylesheets.
   This last layer only keeps the approved circular logo presentation and the
   Tula-specific featured placement for school «23». */
:root{
  --bg:#111726;
  --surface:#1a2337;
  --accent:#b6a5ff;
  --text:#f6f6fa;
  --muted:#bac2d6;
  --line:#303b54;
  --ink:#141328;
  --soft:#202c44;
  --deep:#090f1d;
  --focus:#9884e5;
  color-scheme:dark;
}

/* Keep source artwork intact: the circle is a container and object-fit keeps
   wide and square marks fully visible. */
.card-brand .school-logo,
.card-brand .logo-wide,
.card-brand .logo-compact{
  width:96px;
  height:96px;
  margin-block:auto;
  padding:14px;
  border:1px solid #48546d;
  border-radius:50%;
  overflow:hidden;
}
.card-brand .logo-light{background:#fff;border-radius:50%}
.card-brand .logo-dark{background:#242426;border-radius:50%}
.card-brand .school-logo img{object-fit:contain}

.detail-logo{
  width:156px;
  height:156px;
  min-height:156px;
  align-self:start;
  justify-self:center;
  padding:22px;
  border-radius:50%;
  background:#fff;
}
.detail-logo:has(.logo-dark){background:#242426}
.detail-logo .school-logo{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent!important;
}
.detail-logo img{max-height:100%;object-fit:contain}

/* A factual editorial placement: no badge, claim or animation. */
.school-card[data-school-id="twenty-three-tula"]{
  position:relative;
  z-index:1;
  margin-top:9px;
  margin-bottom:27px;
  border-color:rgba(182,165,255,.88);
  background:linear-gradient(118deg,#1a2337 0%,#1d2540 100%);
  box-shadow:
    0 0 0 1px rgba(182,165,255,.58),
    0 15px 42px rgba(8,7,28,.42),
    0 0 30px rgba(182,165,255,.14);
}

@media(max-width:760px){
  .card-brand .school-logo,
  .card-brand .logo-wide,
  .card-brand .logo-compact{
    width:68px;
    height:68px;
    margin:0;
    padding:10px;
  }
  .school-card[data-school-id="twenty-three-tula"]{
    margin-top:7px;
    margin-bottom:23px;
    box-shadow:
      0 0 0 1px rgba(182,165,255,.55),
      0 10px 28px rgba(8,7,28,.4),
      0 0 22px rgba(182,165,255,.11);
  }
  .detail-logo{
    width:82px;
    height:82px;
    min-height:82px;
    padding:12px;
    border-radius:50%;
  }
}

/* One marketplace lockup across city, school and guide pages. */
.brand .brand-logo{
  display:block;
  width:190px;
  height:auto;
  flex:none;
}
.site-footer .brand-logo{width:174px}

@media(max-width:760px){
  .brand .brand-logo{width:150px}
  .site-footer .brand-logo{width:146px}
}
@media(max-width:359px){
  .brand .brand-logo,
  .site-footer .brand-logo{width:130px}
}