

/* Start:/local/templates/gsg/assets/stylesheets/gsg-akkreditatsiya-20260903.css?17884362039437*/
/* ГСГ · блок аккредитации и сложных случаев на /akkreditatsiya/.
   Приём: собственная аккредитация подана как ВЫПИСКА ИЗ РЕЕСТРА — та же форма,
   которую страница учит проверять. Гильош на подложке, табличные цифры,
   один красный акцент на весь блок. Всё под .gsg-ak, наружу не течёт. */

.gsg-ak{
  --ak-ink:#173c63;      /* основной тёмно-синий */
  --ak-ink-2:#2b4f78;
  --ak-mut:#6b7f96;      /* подписи полей */
  --ak-line:#dde9f5;
  --ak-paper:#f6f9fc;
  --ak-red:#d92f35;
  --ak-bold:'SegoeUIBold',Arial,sans-serif;
  margin:34px 0 8px;
  color:#22384f;
}

/* ---- заголовки блоков: тонкая красная засечка вместо «ещё одного h2» ---- */
.gsg-ak .gsg-ak__h{
  position:relative;
  margin:0 0 18px;
  padding:0 0 0 16px;
  font-family:var(--ak-bold);
  font-size:26px;
  line-height:1.22;
  color:var(--ak-ink);
  letter-spacing:-.01em;
}
.gsg-ak .gsg-ak__h::before{
  content:"";
  position:absolute; left:0; top:.18em; bottom:.18em;
  width:3px; border-radius:2px;
  background:var(--ak-red);
}

/* ---- выписка ---- */
.gsg-ak .gsg-ak__record{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 168px;
  gap:0;
  border:1px solid var(--ak-line);
  border-radius:9px;
  background:#fff;
  overflow:hidden;
}
/* гильош — как на бланках; едва заметен, но даёт «бумагу» */
.gsg-ak .gsg-ak__record::before{
  content:"";
  position:absolute; inset:0;
  background:
    repeating-linear-gradient(-38deg, rgba(23,60,99,.030) 0 1px, transparent 1px 7px),
    repeating-linear-gradient( 38deg, rgba(23,60,99,.022) 0 1px, transparent 1px 7px);
  pointer-events:none;
}
.gsg-ak .gsg-ak__main{ position:relative; padding:24px 26px 22px; min-width:0; }

.gsg-ak .gsg-ak__kicker{
  display:block;
  margin:0 0 9px;
  font-size:11px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--ak-mut);
}
.gsg-ak .gsg-ak__num{
  display:block;
  margin:0 0 20px;
  font-family:var(--ak-bold);
  font-size:34px;
  line-height:1;
  letter-spacing:.01em;
  color:var(--ak-ink);
  font-variant-numeric:tabular-nums;
}

.gsg-ak .gsg-ak__rows{ margin:0; padding:0; }
.gsg-ak .gsg-ak__row{
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:0 18px;
  padding:11px 0;
  border-top:1px solid var(--ak-line);
}
.gsg-ak .gsg-ak__row dt{
  margin:0;
  font-size:12px;
  line-height:1.5;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--ak-mut);
  font-weight:400;
}
.gsg-ak .gsg-ak__row dd{
  margin:0;
  font-size:15px;
  line-height:1.5;
  color:#22384f;
}
.gsg-ak .gsg-ak__row dd b{ font-family:var(--ak-bold); font-weight:400; color:var(--ak-ink); }

/* ---- правая колонка: срок ---- */
.gsg-ak .gsg-ak__valid{
  position:relative;
  display:flex; flex-direction:column; justify-content:center;
  gap:10px;
  padding:24px 22px;
  background:var(--ak-paper);
  border-left:1px solid var(--ak-line);
  text-align:left;
}
.gsg-ak .gsg-ak__pill{
  display:inline-flex; align-items:center; gap:7px;
  align-self:flex-start;
  padding:5px 11px 5px 9px;
  border:1px solid #bfe0c8;
  border-radius:999px;
  background:#effaf2;
  font-size:12px;
  letter-spacing:.02em;
  color:#1d6b3a;
  white-space:nowrap;
}
.gsg-ak .gsg-ak__dot{
  width:7px; height:7px; border-radius:50%;
  background:#27a05a;
  box-shadow:0 0 0 3px rgba(39,160,90,.16);
}
.gsg-ak .gsg-ak__until{
  font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--ak-mut);
}
.gsg-ak .gsg-ak__date{
  font-family:var(--ak-bold);
  font-size:19px; line-height:1.2; color:var(--ak-ink);
  font-variant-numeric:tabular-nums;
}

/* ---- область: плотные чипы ---- */
.gsg-ak .gsg-ak__scope{
  display:flex; flex-wrap:wrap; gap:6px;
  margin:16px 0 0; padding:0; list-style:none;
}
.gsg-ak .gsg-ak__scope li{
  /* глобальные стили сайта вешают disc на li, поэтому гасим и маркер, и list-style */
  list-style:none;
  padding:5px 10px;
  border:1px solid var(--ak-line);
  border-radius:6px;
  background:#fbfdff;
  font-size:12.5px;
  line-height:1.35;
  color:var(--ak-ink-2);
  font-variant-numeric:tabular-nums;
}
.gsg-ak .gsg-ak__scope li::marker{ content:""; font-size:0; }
.gsg-ak .gsg-ak__scope li.is-more{ border-style:dashed; color:var(--ak-mut); }

/* ---- документы: три листа ---- */
.gsg-ak .gsg-ak__docs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:22px 0 0;
}
.gsg-ak .gsg-ak__doc{ min-width:0; display:flex; flex-direction:column; }
.gsg-ak .gsg-ak__sheet{
  display:block;
  position:relative;
  border:1px solid var(--ak-line);
  border-radius:7px;
  background:#fff;
  padding:8px;
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.gsg-ak .gsg-ak__sheet img{
  display:block; width:100%; height:100%;
  border-radius:3px;
  object-fit:contain; object-position:top center;
}
/* сканы разного формата: держим единую пропорцию листа, чтобы подписи стояли в линию */
.gsg-ak .gsg-ak__sheet{ aspect-ratio:1 / 1.38; }
.gsg-ak .gsg-ak__sheet:hover{
  transform:translateY(-3px);
  border-color:#c3d9ef;
  box-shadow:0 10px 26px -12px rgba(23,60,99,.34);
}
.gsg-ak .gsg-ak__cap{
  display:block;
  margin:12px 0 0;
  font-size:13.5px; line-height:1.4;
  color:var(--ak-ink-2);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
a.gsg-ak__cap:hover{ color:var(--ak-red); border-bottom-color:currentColor; }
.gsg-ak .gsg-ak__cap--plain{ color:var(--ak-mut); }
.gsg-ak .gsg-ak__note{
  margin:14px 0 0;
  font-size:13px; line-height:1.55; color:var(--ak-mut);
}

/* ---- сложные случаи: ситуация -> что делаем ---- */
.gsg-ak .gsg-ak__lead{ margin:0 0 22px; font-size:15.5px; line-height:1.62; max-width:680px; text-wrap:pretty; }
.gsg-ak .gsg-ak__cases{ border-top:1px solid var(--ak-line); }
.gsg-ak .gsg-ak__case{
  display:grid;
  grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);
  gap:4px 26px;
  padding:15px 0 15px 16px;
  border-bottom:1px solid var(--ak-line);
  position:relative;
}
.gsg-ak .gsg-ak__case::before{
  content:"";
  position:absolute; left:0; top:26px;
  width:7px; height:2px; border-radius:1px; background:var(--ak-red);
}
.gsg-ak .gsg-ak__q{
  font-family:var(--ak-bold);
  font-size:15px; line-height:1.45; color:var(--ak-ink);
}
.gsg-ak .gsg-ak__a{ font-size:15px; line-height:1.55; color:#3c556f; }
.gsg-ak .gsg-ak__out{
  margin:20px 0 0;
  padding:15px 18px;
  border:1px solid var(--ak-line);
  border-left:3px solid var(--ak-red);
  border-radius:0 9px 9px 0;
  background:var(--ak-paper);
  font-size:15px; line-height:1.6;
}

/* ---- появление ---- */
@media (prefers-reduced-motion:no-preference){
  .gsg-ak .gsg-ak__doc{ animation:gsgAkUp .5s ease both; }
  .gsg-ak .gsg-ak__doc:nth-child(2){ animation-delay:.07s; }
  .gsg-ak .gsg-ak__doc:nth-child(3){ animation-delay:.14s; }
  @keyframes gsgAkUp{ from{opacity:0; transform:translateY(9px);} to{opacity:1; transform:none;} }
}

/* ---- узкие экраны ---- */
@media (max-width:900px){
  .gsg-ak .gsg-ak__record{ grid-template-columns:1fr; }
  .gsg-ak .gsg-ak__valid{
    border-left:0; border-top:1px solid var(--ak-line);
    flex-direction:row; align-items:center; gap:14px; padding:14px 20px;
  }
  .gsg-ak .gsg-ak__case{ grid-template-columns:1fr; gap:5px; }
}
@media (max-width:640px){
  .gsg-ak .gsg-ak__h{ font-size:22px; }
  .gsg-ak .gsg-ak__num{ font-size:27px; }
  .gsg-ak .gsg-ak__main{ padding:20px 18px 18px; }
  .gsg-ak .gsg-ak__row{ grid-template-columns:1fr; gap:2px; padding:10px 0; }
  .gsg-ak .gsg-ak__docs{ grid-template-columns:1fr 1fr; gap:12px; }
  .gsg-ak .gsg-ak__docs .gsg-ak__doc:nth-child(3){ grid-column:1 / -1; max-width:52%; }
}

/* ---- партнёрская полоса: пять листов в ряд, заполняют ширину ---- */
.gsg-ak--partners{ margin-top:38px; }
.gsg-ak .gsg-ak__docs--row5{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.gsg-ak--partners .gsg-ak__cap{ font-size:12.5px; line-height:1.38; }

/* ---- благодарственные письма: восемь, две ровные строки ---- */
.gsg-ak--letters{ margin-top:38px; }
.gsg-ak .gsg-ak__docs--letters{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px 14px; }
.gsg-ak--letters .gsg-ak__sheet{ aspect-ratio:1 / 1.36; padding:6px; }
.gsg-ak--letters .gsg-ak__cap{ font-size:12.5px; line-height:1.38; }
.gsg-ak--letters .gsg-ak__note a{ color:var(--ak-ink-2); }
.gsg-ak--letters .gsg-ak__note a:hover{ color:var(--ak-red); }

@media (max-width:1100px){
  .gsg-ak .gsg-ak__docs--row5{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:820px){
  .gsg-ak .gsg-ak__docs--letters{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:640px){
  .gsg-ak .gsg-ak__docs--row5,
  .gsg-ak .gsg-ak__docs--letters{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .gsg-ak .gsg-ak__docs--row5 .gsg-ak__doc:nth-child(5){ grid-column:1 / -1; max-width:50%; }
}

/* End */
/* /local/templates/gsg/assets/stylesheets/gsg-akkreditatsiya-20260903.css?17884362039437 */
