/* A business's HQ by its offer (my-basic.js): Basic sees one screen (its site, its domain, its plan); the rest hidden. */
html.basic-hq #numbers, html.basic-hq #updated, html.basic-hq #talk-box, html.basic-hq #people-box, html.basic-hq #know-box,
html.basic-hq #ai-box, html.basic-hq #name-box, html.basic-hq #here-box, html.basic-hq #focus, html.basic-hq #immerse,
html.basic-hq #bell, html.basic-hq #my-name-ask,
html.basic-hq .hqnav a[href="#talk-box"], html.basic-hq .hqnav a[href="#people-box"], html.basic-hq .hqnav a[href="#know-box"],
html.basic-hq .hqnav a[href="#ai-box"], html.basic-hq .hqnav a[href="#name-box"] { display: none !important; }
.offer-chip { display: inline-block; padding: 1px 7px; margin-left: 4px; background: var(--hot, #c8ff2e); color: var(--ink, #0b0b0b); font-weight: 800; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; vertical-align: middle; }
.my-fair { margin: 6px 0 0; }
.my-fair.out { color: var(--hot, #c8ff2e); font-weight: 700; }
.domain-help { display: grid; gap: 10px; margin-top: 10px; }
.dh-card { padding: 10px 12px; border: 2px dashed var(--line, #444); }
.dh-head { font-weight: 700; margin: 0 0 6px; }
.dh-live { padding: 10px 12px; border: 3px solid var(--hot, #c8ff2e); margin: 0; overflow-wrap: anywhere; }
.dh-card .dns { width: 100%; display: block; overflow-x: auto; }