.dns-records .dns-record-top::before{content:"Recommended";order:1;display:inline-flex;margin-right:auto;padding:5px 9px;border-radius:99px;background:#ddf6ea;color:var(--green);font-size:10px;font-weight:800}
.dns-records .dns-record-top>.record-type{order:0}
.dns-records .dns-record-top>.record-state{order:2}
.dns-records .dns-record:nth-child(1){--record-name:"MX"}
.dns-records .dns-record:nth-child(2){--record-name:"SPF"}
.bimi-record{--record-name:"BIMI"}
.dmarc-record{--record-name:"DMARC";margin-top:18px}.dmarc-record .dns-record-top>div:first-child{display:flex;align-items:center;gap:8px}.dmarc-record .dns-record-top>div:first-child::after{content:"DMARC enforcement";color:var(--navy);font-size:12px;font-weight:800}.dmarc-record .dns-fields{grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr)}
.record-state{gap:7px;color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap}
.record-state:has(.connection-dot.verified)::after{content:var(--record-name) " connected";color:var(--green)}
.record-state:has(.connection-dot.missing)::after{content:var(--record-name) " setup needed";color:var(--red)}