/* Phishing And Lookalike Domains only: lookalike domain list in the hero. */
.uc2--phishing-lookalike-domains .uc-ld__real { display: grid; grid-template-columns: 28px 1fr auto; gap: 12px; align-items: center; padding: 14px 0 16px; border-bottom: 1px solid rgb(255 255 255 / .08); }
.uc-ld__ic { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 6px; background: rgb(60 207 134 / .16); color: #3ccf86; }
.uc-ld__name { font-family: var(--bd-font-mono); font-size: var(--bd-small-size); font-weight: 500; color: #fff; word-break: break-all; }
.uc-ld__real small, .uc-ld__main small { font-family: var(--bd-font-mono); font-size: var(--bd-eyebrow-size); letter-spacing: .08em; text-transform: uppercase; color: var(--uc-on-dark-2, #8b97c4); }
.uc-ld__list { display: flex; flex-direction: column; }
.uc-ld__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid rgb(255 255 255 / .06); }
.uc-ld__row:first-child { border-top: 0; }
.uc-ld__main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.uc-ld__tags { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex: 0 0 auto; }
.uc-ld__tags em { font-style: normal; font-family: var(--bd-font-mono); font-size: var(--bd-eyebrow-size); letter-spacing: .06em; text-transform: uppercase; padding: 3px 9px; border-radius: 8px; white-space: nowrap; }
.uc-ld__risk--coral { background: rgb(255 82 71 / .18); color: #ff8a82; }
.uc-ld__risk--cool, .uc-ld__chip--cool { background: rgb(166 176 210 / .14); color: var(--uc-on-dark, #a6b0d2); }
.uc-ld__risk--ok, .uc-ld__chip--ok { background: rgb(60 207 134 / .16); color: #3ccf86; }
.uc-ld__chip--coral { background: var(--uc-coral, #ff5247); color: #fff; }
.uc-ld.is-typing .uc-ld__row { opacity: 0; transition: opacity .4s; }
.uc-ld.is-typing .uc-ld__row.is-on { opacity: 1; }
.uc-ld.is-typing .uc-ld__tags { opacity: 0; transition: opacity .5s; }
.uc-ld.is-typing .uc-ld__row.is-done .uc-ld__tags { opacity: 1; }
@media (max-width: 480px) { .uc-ld__row { flex-direction: column; align-items: flex-start; gap: 8px; } .uc-ld__tags { flex-direction: row; align-items: center; flex-wrap: wrap; } }

/* Anatomy: the example page has room in its lines. */
.uc2--phishing-lookalike-domains .uc-anat__art { align-self: start; }
.uc2--phishing-lookalike-domains .uc-anat__art li { padding-top: 34px; padding-bottom: 34px; }
@media (max-width: 900px) { .uc2--phishing-lookalike-domains .uc-anat__art li { padding-top: 18px; padding-bottom: 18px; } }