/* Mirror Noir — только блок предупреждения в записи: плашка, альтернативы, кнопка перехода.
   В записях только HTML с классами, <style> в контент не вставлять. */

/* ===== Плашка предупреждения ===== */
.mn-notice{
  display:flex;gap:12px;align-items:center;margin:0 0 28px;padding:14px 18px;
  border-radius:12px;border:1px solid rgba(255,93,115,.35);border-left:4px solid #ff5d73;
  background:rgba(255,93,115,.07);color:#e6e8ee;font-size:14px;line-height:1.5;
}
.mn-notice p{margin:0}
.mn-notice__icon{
  flex:none;width:24px;height:24px;border-radius:50%;background:#ff5d73;
  color:#fff;font-weight:700;display:grid;place-items:center;font-size:14px;
}

/* ===== Альтернативы ===== */
.mn-alt{margin:0 0 24px}
.mn-alt__title{margin:0 0 4px;font-size:19px;font-weight:700;color:#fff}
.mn-alt__sub{margin:0 0 16px;font-size:13px;color:#a7adbc}
.mn-alt__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mn-alt__card{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:18px 14px;border-radius:14px;background:#1a1e2a;
  border:1px solid rgba(255,255,255,.08);transition:border-color .2s,transform .2s;
  position:relative;cursor:pointer;color:inherit;text-decoration:none!important;
}
.mn-alt__card:hover{border-color:rgba(139,92,246,.55);transform:translateY(-2px);text-decoration:none!important}
.mn-alt__card:focus-visible{outline:2px solid #b69cff;outline-offset:3px}
.mn-alt__logo{
  width:140px;aspect-ratio:3/2;height:auto;border-radius:12px;object-fit:cover;
  background:#222639;margin-bottom:12px;display:block;
}
.mn-alt__info{width:100%}
.mn-alt .mn-alt__name{margin:0 0 6px;font-size:15px;line-height:1.3;font-weight:700;color:#fff}
.mn-alt .mn-alt__rating{margin:0 0 14px;font-size:13px;color:#a7adbc}
.mn-alt__rating strong{color:#b69cff;font-size:15px}
.mn-alt__btn{
  margin-top:auto;display:block;width:100%;padding:10px 12px;border-radius:10px;
  background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff!important;
  font-size:13px;font-weight:700;text-align:center;text-decoration:none!important;
  transition:filter .2s;box-sizing:border-box;pointer-events:none;
}
.mn-alt__card:hover .mn-alt__btn{filter:brightness(1.12)}

/* ===== Кнопка «перейти на рабочее зеркало» ===== */
.mn-proceed{margin:0 0 8px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);text-align:center}
.mn-proceed__btn{
  display:inline-block;min-width:280px;padding:14px 28px;border-radius:12px;
  background:#2a3042;border:1px solid rgba(255,255,255,.2);
  color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important;
  transition:background .2s,border-color .2s;
}
.mn-proceed__btn:hover{background:#343b52;border-color:rgba(255,255,255,.35)}
.mn-proceed__note{margin:8px 0 0;font-size:12px;color:#8a90a0}

/* ===== Мобильная версия блоков ===== */
@media(max-width:700px){
  .mn-notice{padding:11px 14px;margin:0 0 20px;font-size:13px}
  .mn-alt{margin:0 0 18px}
  .mn-alt__title{font-size:17px}
  .mn-alt__sub{margin:0 0 12px;font-size:12px}
  .mn-alt__grid{grid-template-columns:1fr;gap:8px}
  .mn-alt__card{flex-direction:row;align-items:center;text-align:left;gap:10px;padding:9px 12px}
  .mn-alt__logo{width:72px;height:48px;aspect-ratio:3/2;margin:0;flex:none}
  .mn-alt__info{flex:1;width:auto;min-width:0}
  .mn-alt .mn-alt__name{margin:0 0 2px;font-size:14px}
  .mn-alt .mn-alt__rating{margin:0;font-size:12px;white-space:nowrap}
  .mn-alt__rating strong{font-size:13px}
  .mn-alt__btn{width:auto;max-width:46%;flex:0 1 auto;margin:0;padding:8px 11px;white-space:normal;line-height:1.25;font-size:12px}
  .mn-proceed{padding-top:16px}
  .mn-proceed__btn{display:block;min-width:0;width:100%;padding:12px 16px}
}