/* /Components/Layout/AdminLayout.razor.rz.scp.css */
/* The admin shell: a fixed sidebar and a scrolling content column.

   Scoped to this layout, so the pages inside keep their own styles and nothing here leaks into
   the customer-facing pages, which share the site's chrome rather than this one. */

.ad[b-to5kp97izw] {
    display: grid;
    grid-template-columns: 268px minmax(0, 1fr);
    min-height: 100vh;
    background: #0d1017;
    color: #e7eaef;
    font: 15px/1.6 Manrope, "Segoe UI", system-ui, sans-serif;
}

.ad *[b-to5kp97izw] { box-sizing: border-box; }

/* Off-screen rather than display:none, so the toggle stays reachable by keyboard. */
.ad-toggle[b-to5kp97izw] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ad-burger[b-to5kp97izw] { display: none; }

/* ── Sidebar ─────────────────────────────────────────────────────────────── */

.ad-side[b-to5kp97izw] {
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 24px 16px 18px;
    border-right: 1px solid rgba(255, 255, 255, .08);
    background: #0a0d13;
}

.ad-brand[b-to5kp97izw] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 4px 10px 24px;
    text-decoration: none;
    color: inherit;
}

.ad-brand svg[b-to5kp97izw] { width: 50px; height: 32px; flex: 0 0 auto; }

.ad-brand span[b-to5kp97izw] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1;
}

.ad-brand small[b-to5kp97izw] {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .38);
}

.ad-nav[b-to5kp97izw] { display: flex; flex-direction: column; gap: 2px; }

.ad-nav a[b-to5kp97izw] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border-radius: 9px;
    text-decoration: none;
    font-size: 14.5px;
    color: rgba(255, 255, 255, .62);
    transition: background .15s, color .15s;
}

.ad-nav a:hover[b-to5kp97izw] { background: rgba(255, 255, 255, .05); color: #fff; }

/* The current section reads as selected rather than merely hovered — a lime edge and a lit
   label, so it survives a glance. */
.ad-nav a.on[b-to5kp97izw] {
    background: rgba(168, 226, 43, .11);
    color: #fff;
    box-shadow: inset 2px 0 0 #A8E22B;
}

.ad-ico[b-to5kp97izw] {
    width: 17px;
    text-align: center;
    font-size: 13px;
    color: rgba(255, 255, 255, .4);
}

.ad-nav a.on .ad-ico[b-to5kp97izw] { color: #A8E22B; }
.ad-lbl[b-to5kp97izw] { flex: 1; }

.ad-badge[b-to5kp97izw] {
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 999px;
    background: #A8E22B;
    color: #0d1017;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */

.ad-foot[b-to5kp97izw] {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.ad-who[b-to5kp97izw] {
    margin: 0 0 6px;
    padding: 0 11px;
    font-size: 11.5px;
    color: rgba(255, 255, 255, .42);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ad-out[b-to5kp97izw] {
    display: block;
    padding: 7px 11px;
    border-radius: 8px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(255, 255, 255, .55);
}

.ad-out:hover[b-to5kp97izw] { background: rgba(255, 255, 255, .05); color: #fff; }

/* ── Content ─────────────────────────────────────────────────────────────── */

.ad-main[b-to5kp97izw] { min-width: 0; }

/* Inset on both sides and given room above, so it floats rather than touching anything. The
   fade to the right stops it reading as a container edge — a line that stops short is chrome,
   a line that runs corner to corner is a border. */
.ad-head[b-to5kp97izw] {
    padding: 34px 34px 15px;
}

.ad-head h1[b-to5kp97izw] {
    margin: 0;
    font-size: 27px;
    font-weight: 800;
    letter-spacing: -.025em;
    color: #fff;
    line-height: 1.1;
}

.ad-rule[b-to5kp97izw] {
    height: 3px;
    margin: 0 34px;
    border-radius: 999px;
    background: linear-gradient(90deg, #A8E22B 0%, #A8E22B 42%, rgba(168, 226, 43, .18) 100%);
    box-shadow: 0 0 18px rgba(168, 226, 43, .18);
}

@media (max-width: 860px) {
    .ad-head[b-to5kp97izw] { padding: 22px 18px 11px; }
    .ad-head h1[b-to5kp97izw] { font-size: 22px; }
    .ad-rule[b-to5kp97izw] { margin: 0 18px; }
}

/* ── Small screens ───────────────────────────────────────────────────────────
   The sidebar collapses to a bar carrying the brand and a hamburger. Opening it
   drops a full panel beneath, the same links in the same order — following the
   Innova site's mobile menu, which does the same thing for the same reason.

   The previous attempt turned the sidebar into a horizontally scrolling strip.
   It technically fitted and was useless: the nav ran off the edge with nothing
   to indicate it continued. */

@media (max-width: 860px) {
    .ad[b-to5kp97izw] { grid-template-columns: minmax(0, 1fr); }

    .ad-side[b-to5kp97izw] {
        position: sticky;
        top: 0;
        z-index: 40;
        height: auto;
        flex-direction: column;
        gap: 0;
        padding: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        overflow: visible;
    }

    .ad-bar[b-to5kp97izw] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 11px 16px;
    }

    .ad-brand[b-to5kp97izw] { padding: 0; }
    .ad-brand svg[b-to5kp97izw] { width: 42px; height: 27px; }
    .ad-brand span[b-to5kp97izw] { font-size: 17px; }

    .ad-burger[b-to5kp97izw] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 42px;
        height: 38px;
        padding: 0 10px;
        border-radius: 9px;
        cursor: pointer;
    }

    .ad-burger span[b-to5kp97izw] {
        display: block;
        height: 2px;
        border-radius: 2px;
        background: rgba(255, 255, 255, .75);
        transition: transform .18s ease, opacity .18s ease;
    }

    /* Closed: three bars. Open: a cross, so the control says what it will do next. */
    .ad-toggle:checked ~ .ad-side .ad-burger span:nth-child(1)[b-to5kp97izw] { transform: translateY(7px) rotate(45deg); }
    .ad-toggle:checked ~ .ad-side .ad-burger span:nth-child(2)[b-to5kp97izw] { opacity: 0; }
    .ad-toggle:checked ~ .ad-side .ad-burger span:nth-child(3)[b-to5kp97izw] { transform: translateY(-7px) rotate(-45deg); }

    .ad-toggle:focus-visible ~ .ad-side .ad-burger[b-to5kp97izw] { box-shadow: 0 0 0 2px #A8E22B; }

    /* The panel. Hidden by default, and genuinely hidden — a nav that is merely
       transparent still takes tab focus and still gets read aloud. */
    .ad-nav[b-to5kp97izw],
    .ad-foot[b-to5kp97izw] {
        display: none;
        padding: 0 12px;
    }

    .ad-toggle:checked ~ .ad-side .ad-nav[b-to5kp97izw] { display: flex; flex-direction: column; padding: 6px 12px 4px; }

    .ad-toggle:checked ~ .ad-side .ad-foot[b-to5kp97izw] {
        display: block;
        margin: 0;
        padding: 10px 12px 14px;
        border-top: 1px solid rgba(255, 255, 255, .07);
    }

    .ad-nav a[b-to5kp97izw] { padding: 12px 12px; font-size: 15.5px; }
    .ad-nav a.on[b-to5kp97izw] { box-shadow: inset 2px 0 0 #A8E22B; }
    .ad-who[b-to5kp97izw] { display: block; }

    .ad-head[b-to5kp97izw] { padding: 22px 18px 11px; }
    .ad-head h1[b-to5kp97izw] { font-size: 22px; }
    .ad-rule[b-to5kp97izw] { margin: 0 18px; }
}
/* /Components/Layout/BrandHeader.razor.rz.scp.css */
.brand-bar[b-xr51qmtq8w] {
    background: #0e1626;
    padding: 14px 32px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.brand-logo[b-xr51qmtq8w] {
    height: 34px;
    width: auto;
    display: block;
}

.brand-divider[b-xr51qmtq8w] {
    width: 1px;
    height: 22px;
    background: rgba(255, 255, 255, 0.18);
}

.brand-product[b-xr51qmtq8w] {
    color: rgba(255, 255, 255, 0.62);
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-2pye94sg1h] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-2pye94sg1h] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-mi05jf7a8q],
.components-reconnect-repeated-attempt-visible[b-mi05jf7a8q],
.components-reconnect-failed-visible[b-mi05jf7a8q],
.components-pause-visible[b-mi05jf7a8q],
.components-resume-failed-visible[b-mi05jf7a8q],
.components-rejoining-animation[b-mi05jf7a8q] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-mi05jf7a8q],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-mi05jf7a8q],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-mi05jf7a8q],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-mi05jf7a8q],
#components-reconnect-modal.components-reconnect-retrying[b-mi05jf7a8q],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-mi05jf7a8q],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-mi05jf7a8q],
#components-reconnect-modal.components-reconnect-failed[b-mi05jf7a8q],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-mi05jf7a8q] {
    display: block;
}


#components-reconnect-modal[b-mi05jf7a8q] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-mi05jf7a8q 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-mi05jf7a8q 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-mi05jf7a8q 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-mi05jf7a8q]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-mi05jf7a8q 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-mi05jf7a8q {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-mi05jf7a8q {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-mi05jf7a8q {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-mi05jf7a8q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-mi05jf7a8q] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-mi05jf7a8q] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-mi05jf7a8q] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-mi05jf7a8q] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-mi05jf7a8q] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-mi05jf7a8q] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-mi05jf7a8q 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-mi05jf7a8q] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-mi05jf7a8q {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/DomainCheck.razor.rz.scp.css */
/* The public domain checker.

   Written for the dark public canvas (#0d1017) that VitalsLayout sets. The first version was
   styled for a light page, which put mid-grey body text and near-black table headings onto
   near-black: legible on the machine it was written on, close to invisible in production.
   Panels now tint the ground rather than replacing it with white, so nothing depends on
   inheriting the right thing.

   Every colour here is stated against a known ground, with a 4.5:1 floor for body text. The
   report's greens and reds are deliberately NOT reused - they are chosen for white paper and
   several of them fail badly on near-black. */

.dc[b-h4ifrjwtat] {
    max-width: 640px;
    color: rgba(255, 255, 255, 0.74);
}

.dc h1[b-h4ifrjwtat] {
    font-size: clamp(1.7rem, 4vw, 2.3rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 0 0 0.6em;
    color: #fff;
    text-wrap: balance;
}

.lede[b-h4ifrjwtat] {
    font-size: 1.02rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.62);
    margin: 0 0 1.6em;
}

/* ---- The input ---- */
.dc-form[b-h4ifrjwtat] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.dc-form input[b-h4ifrjwtat] {
    flex: 1 1 260px;
    min-width: 0;
    font: inherit;
    font-size: 1.05rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}

.dc-form input:focus-visible[b-h4ifrjwtat] {
    outline: none;
    border-color: #A8E22B;
    box-shadow: 0 0 0 3px rgba(168, 226, 43, 0.25);
}

.dc-form .cta[b-h4ifrjwtat] {
    white-space: nowrap;
}

.dc-form .cta:disabled[b-h4ifrjwtat] {
    opacity: 0.5;
    cursor: default;
}

.dc-err[b-h4ifrjwtat] {
    margin: 0.9em 0 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #ff8a76;
}

/* ---- Verdict ---- */
.dc-verdict[b-h4ifrjwtat] {
    margin: 1.8em 0 0;
    padding: 1.1rem 1.3rem;
    border-radius: 10px;
    border-left: 4px solid;
}

.dc-verdict.bad[b-h4ifrjwtat] {
    background: rgba(255, 111, 92, 0.09);
    border-left-color: #ff6f5c;
}

.dc-verdict.ok[b-h4ifrjwtat] {
    background: rgba(168, 226, 43, 0.09);
    border-left-color: #A8E22B;
}

.dc-dom[b-h4ifrjwtat] {
    margin: 0 0 0.35em;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
}

.dc-head[b-h4ifrjwtat] {
    margin: 0 0 0.45em;
    font-size: 1.22rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.01em;
    text-wrap: balance;
}

.dc-verdict.bad .dc-head[b-h4ifrjwtat] { color: #ff8a76; }
.dc-verdict.ok .dc-head[b-h4ifrjwtat] { color: #b8ea50; }

.dc-sub[b-h4ifrjwtat] {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.72);
}

/* ---- The three records ---- */
.dc-tbl[b-h4ifrjwtat] {
    width: 100%;
    border-collapse: collapse;
    margin: 1.4em 0 0;
}

.dc-tbl td[b-h4ifrjwtat],
.dc-tbl th[b-h4ifrjwtat] {
    padding: 0.75rem 0.6rem 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    vertical-align: top;
    text-align: left;
    font-size: 0.94rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.72);
}

.dc-tbl tr:last-child td[b-h4ifrjwtat],
.dc-tbl tr:last-child th[b-h4ifrjwtat] {
    border-bottom: none;
}

.dc-tbl th[b-h4ifrjwtat] {
    width: 4.5rem;
    font-weight: 800;
    color: #fff;
    white-space: nowrap;
}

.dc-mk[b-h4ifrjwtat] {
    width: 1.9rem;
    padding-right: 0.5rem !important;
}

.mk[b-h4ifrjwtat] {
    font-size: 1.15rem;
    line-height: 1;
}

/* Three states, not two. A record that exists but enforces nothing is the most common
   result and the most misleading, so it must never be drawn as a tick. */
.mk.yes[b-h4ifrjwtat] { color: #A8E22B; font-weight: 800; }
.mk.part[b-h4ifrjwtat] { color: #f0b429; }
.mk.no[b-h4ifrjwtat] { color: #ff6f5c; font-weight: 800; }
.mk.unk[b-h4ifrjwtat] { color: rgba(255, 255, 255, 0.55); font-weight: 800; }

.dc-tbl code[b-h4ifrjwtat] {
    font-size: 0.88em;
    padding: 0.1em 0.35em;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* ---- The ask ---- */
.dc-next[b-h4ifrjwtat] {
    margin: 2.2em 0 0;
    padding: 1.4rem 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
}

.dc-next h2[b-h4ifrjwtat] {
    margin: 0 0 0.5em;
    font-size: 1.12rem;
    letter-spacing: -0.01em;
}

.dc-next p[b-h4ifrjwtat] {
    margin: 0 0 1.1em;
    font-size: 0.96rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.72);
}

.dc-fine[b-h4ifrjwtat] {
    font-size: 0.84rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.55);
    margin: 0.9em 0 0;
}

.dc-priv[b-h4ifrjwtat] {
    margin-top: 2.4em;
    padding-top: 1.1em;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

@media (max-width: 520px) {
    .dc-form .cta[b-h4ifrjwtat] { flex: 1 1 100%; }
    .dc-tbl th[b-h4ifrjwtat] { width: auto; }
}

/* ---- How to fix it ----
   Given away in full and on purpose. Email is the only one of the twenty-two checks somebody
   can act on from outside their own tenant, so it is the only one worth handing over free —
   and doing it properly is what makes the other twenty-one worth asking about. */

.dc-fix[b-h4ifrjwtat] {
    margin: 2.2em 0 0;
    padding: 1.5rem 1.6rem;
    border-radius: 10px;
    background: rgba(168, 226, 43, 0.07);
    border: 1px solid rgba(168, 226, 43, 0.22);
}

.dc-fix h2[b-h4ifrjwtat] {
    margin: 0 0 0.45em;
    font-size: 1.18rem;
    letter-spacing: -0.01em;
    color: #b8ea50;
}

.dc-fix-lede[b-h4ifrjwtat] {
    margin: 0 0 1.3em;
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.72);
}

.dc-steps[b-h4ifrjwtat] {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: fx;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.dc-steps > li[b-h4ifrjwtat] {
    counter-increment: fx;
    position: relative;
    padding-left: 2.2rem;
}

.dc-steps > li[b-h4ifrjwtat]::before {
    content: counter(fx);
    position: absolute;
    left: 0;
    top: 0;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 6px;
    background: #A8E22B;
    color: #16210a;
    font-size: 0.8rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dc-st[b-h4ifrjwtat] {
    margin: 0 0 0.3em;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.3;
    color: #fff;
}

.dc-sw[b-h4ifrjwtat] {
    margin: 0 0 0.7em;
    font-size: 0.92rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.72);
}

/* The record itself. Monospace, selectable, and laid out as a DNS form so it maps onto
   whatever screen they are about to type it into. */
.dc-rec[b-h4ifrjwtat] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.4rem 0.9rem;
    align-items: baseline;
    padding: 0.85rem 1rem;
    background: #070a11;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 7px;
}

.dc-rl[b-h4ifrjwtat] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}

.dc-rec code[b-h4ifrjwtat],
.dc-rec span:not(.dc-rl)[b-h4ifrjwtat] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.86rem;
    line-height: 1.5;
    color: #b8ea50;
    word-break: break-word;
    user-select: all;
}

.dc-where[b-h4ifrjwtat] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.72);
}

/* Cautions are not decoration. Every one of these marks a way to break live mail. */
.dc-caution[b-h4ifrjwtat] {
    margin: 0.7em 0 0;
    padding-left: 0.85rem;
    border-left: 3px solid #f0b429;
    font-size: 0.87rem;
    line-height: 1.5;
    color: #ffd27d;
}

.dc-share[b-h4ifrjwtat] {
    margin: 1.6em 0 0;
    padding: 0.9rem 1.1rem;
    border: 1px dashed rgba(255, 255, 255, 0.22);
    border-radius: 8px;
    font-size: 0.9rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.72);
}

.dc-share strong[b-h4ifrjwtat] { color: #fff; }

.dc-share code[b-h4ifrjwtat] {
    display: block;
    margin-top: 0.35em;
    font-size: 0.86rem;
    word-break: break-all;
    user-select: all;
    color: #A8E22B;
}

/* ---- Watch this domain ----
   Placed after the fix, not before it. Asking for an address before giving the answer would
   make this a lead-capture form; asking after we have told them everything, including how to
   fix it themselves, is an offer rather than a toll. */

.dc-watch[b-h4ifrjwtat] {
    margin: 1.8em 0 0;
    padding: 1.4rem 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
}

.dc-watch h2[b-h4ifrjwtat] {
    margin: 0 0 0.4em;
    font-size: 1.08rem;
    letter-spacing: -0.01em;
}

.dc-watch p[b-h4ifrjwtat] {
    margin: 0 0 1rem;
    font-size: 0.94rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.72);
}

.dc-wform[b-h4ifrjwtat] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.dc-wform input[b-h4ifrjwtat] {
    flex: 1 1 240px;
    min-width: 0;
    font: inherit;
    font-size: 0.98rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}

.dc-wform input:focus-visible[b-h4ifrjwtat] {
    outline: none;
    border-color: #A8E22B;
    box-shadow: 0 0 0 3px rgba(168, 226, 43, 0.25);
}

.dc-wform .cta.alt[b-h4ifrjwtat] {
    white-space: nowrap;
}

.dc-wform .cta:disabled[b-h4ifrjwtat] {
    opacity: 0.5;
    cursor: default;
}

.dc-wok[b-h4ifrjwtat] {
    margin: 0 !important;
    font-size: 0.98rem;
    color: #b8ea50;
}

.dc-wok strong[b-h4ifrjwtat] { color: #fff; }

.dc-watch .dc-fine[b-h4ifrjwtat] {
    margin-top: 0.9em;
}

@media (max-width: 520px) {
    .dc-wform .cta[b-h4ifrjwtat] { flex: 1 1 100%; }
}

/* Quieter than real input, but still readable - a placeholder nobody can read is a form with
   no label. */
.dc-form input[b-h4ifrjwtat]::placeholder,
.dc-wform input[b-h4ifrjwtat]::placeholder { color: rgba(255, 255, 255, 0.5); }

.dc h2[b-h4ifrjwtat] { color: #fff; }