.ins { max-width: 1000px; margin: 0 auto; padding: 28px 20px 80px; }
.back-link { font: 600 14px Inter, sans-serif; color: #cc0000; text-decoration: none; }
.ins__hero { text-align: center; padding: 18px 0 14px; }
.ins__h1 { font: 800 30px/1.15 Inter, sans-serif; color: #1a1a1a; margin: 0 0 10px; }
.ins__sub { font: 400 16px/1.5 Inter, sans-serif; color: #5b6786; max-width: 660px; margin: 0 auto 22px; }
.ins__form { display: flex; gap: 10px; max-width: 600px; margin: 0 auto; }
.ins__input { flex: 1; padding: 14px 16px; font: 500 16px JetBrains Mono, monospace; border: 2px solid #e0d6d6; border-radius: 12px; outline: none; }
.ins__input:focus { border-color: #cc0000; }
.ins__btn { padding: 14px 24px; font: 700 15px Inter, sans-serif; color: #fff; cursor: pointer; background: #cc0000; border: 0; border-radius: 12px; }
.ins__btn:disabled { opacity: .55; }
.ins__status { margin-top: 14px; font: 500 14px JetBrains Mono, monospace; color: #cc0000; min-height: 20px; }

.verdict { text-align: center; padding: 16px; border-radius: 14px; margin-bottom: 18px; font: 800 18px Inter, sans-serif; }
.verdict--ok { background: #e4f7ef; color: #1f8f63; }
.verdict--warn { background: #fff6e6; color: #b9791a; }
.verdict--bad { background: #fdeae5; color: #c0432f; }
.verdict small { display: block; margin-top: 6px; font: 500 13px Inter, sans-serif; }
.child-bad { margin-top: 10px; padding: 8px 12px; border-radius: 10px; background: #fdeae5; color: #c0432f; font: 700 14px Inter, sans-serif; }
.child-ok { margin-top: 10px; padding: 8px 12px; border-radius: 10px; background: #e4f7ef; color: #1f8f63; font: 700 14px Inter, sans-serif; }

.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
@media (max-width: 640px){ .grid { grid-template-columns: 1fr; } }
.card { border: 1px solid #ece2e2; border-radius: 16px; background: #fff; overflow: hidden; }
.card__head { display: flex; align-items: center; gap: 9px; padding: 13px 16px; font: 700 15px Inter, sans-serif; color: #1a1a1a; border-bottom: 1px solid #f4ebeb; }
.card__n { margin-left: auto; min-width: 26px; text-align: center; padding: 2px 9px; border-radius: 20px; font: 700 13px JetBrains Mono, monospace; background: #f7eeee; color: #cc0000; }
.card__body { padding: 12px 16px 16px; display: flex; flex-direction: column; gap: 10px; }

.popup { border: 1px solid #f0e2e2; border-radius: 12px; padding: 10px; }
.popup img { max-width: 100%; border-radius: 8px; display: block; margin-bottom: 8px; border: 1px solid #eee; }
.popup__what { font: 700 13px Inter, sans-serif; color: #c0432f; }
.popup__url { font: 500 12px JetBrains Mono, monospace; color: #8a90b4; word-break: break-all; }

.row { display: flex; gap: 8px; font: 500 13px JetBrains Mono, monospace; }
.row__what { color: #1a1a1a; font-weight: 600; }
.row__host { color: #8a90b4; font-size: 12px; }
.empty { font: 400 13px Inter, sans-serif; color: #a6abc8; }
.chip { display: inline-block; margin: 3px 5px 0 0; padding: 5px 10px; border-radius: 20px; font: 600 12px JetBrains Mono, monospace; background: #f4ebeb; color: #7a5a5a; }
.chip--warn { background: #fdeee9; color: #c0432f; }
.more { margin-top: 16px; border: 1px solid #ece2e2; border-radius: 14px; background: #fff; }
.more summary { cursor: pointer; padding: 13px 16px; font: 600 14px Inter, sans-serif; }
.more__body, .more__chips { padding: 4px 16px 16px; }