.sn-site-network{
  padding:clamp(48px,6vw,76px) 0;
  background:var(--sn-color-surface-soft);
  border-top:1px solid var(--sn-color-border);
  border-bottom:1px solid var(--sn-color-border);
}
.sn-site-network__head{
  display:grid;
  grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr);
  gap:40px;
  align-items:end;
  margin-bottom:24px;
}
.sn-site-network__head h2{
  margin:0;
  font-size:clamp(1.8rem,3vw,2.55rem);
  line-height:1.16;
  letter-spacing:-.035em;
}
.sn-site-network__head>p{
  max-width:720px;
  margin:0;
  color:var(--sn-color-muted);
  line-height:1.8;
}
.sn-site-network__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.sn-site-network__card{
  position:relative;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:10px;
  min-width:0;
  padding:17px 38px 17px 16px;
  border:1px solid var(--sn-color-border);
  border-radius:10px;
  background:#fff;
  color:var(--sn-color-ink);
  text-decoration:none;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.sn-site-network__card:hover{
  border-color:rgba(122,23,48,.34);
  background:#fffdfc;
  transform:translateY(-1px);
}
.sn-site-network__card.is-current{
  border-color:rgba(122,23,48,.3);
  box-shadow:inset 3px 0 0 var(--sn-color-brand-700);
}
.sn-site-network__no{
  padding-top:2px;
  color:#94898c;
  font-size:.66rem;
  font-weight:900;
}
.sn-site-network__body{display:grid;gap:3px;min-width:0}
.sn-site-network__label{
  color:var(--sn-color-brand-700);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.04em;
}
.sn-site-network__label em{
  display:inline-flex;
  margin-left:6px;
  padding:2px 6px;
  border-radius:999px;
  background:#f1e3e7;
  color:var(--sn-color-brand-700);
  font-size:.56rem;
  font-style:normal;
  letter-spacing:0;
}
.sn-site-network__body strong{
  font-size:.92rem;
  line-height:1.45;
}
.sn-site-network__body small{
  color:var(--sn-color-muted);
  font-size:.72rem;
  line-height:1.55;
}
.sn-site-network__domain{
  grid-column:2;
  color:#8b7f83;
  font-size:.65rem;
  overflow-wrap:anywhere;
}
.sn-site-network__card>b{
  position:absolute;
  right:13px;
  top:15px;
  color:var(--sn-color-brand-700);
  font-size:.76rem;
}
.sn-site-network--compact{padding:38px 0}
.sn-site-network--compact .sn-site-network__head{margin-bottom:18px}
.sn-site-network--compact .sn-site-network__head h2{font-size:clamp(1.55rem,2.4vw,2rem)}
.sn-site-network--compact .sn-site-network__card{padding-block:14px}
@media(max-width:960px){
  .sn-site-network__head{grid-template-columns:1fr;gap:10px}
  .sn-site-network__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .sn-site-network{padding:38px 0}
  .sn-site-network__grid{grid-template-columns:1fr}
}