/* Full-width layout */
.md-grid {
    max-width: 1600px;
}

/* Example data color coding */

/* Single-value spans — styled to look like inline code */
.ex-world-fqdn {
    background-color: #dbeafe;
    color: #1e40af;
    border-radius: 0.1rem;
    padding: 0 0.294em;
    font-family: var(--md-code-font-family, monospace);
    font-size: 0.85em;
}
.ex-org-fqdn {
    background-color: #ffedd5;
    color: #9a3412;
    border-radius: 0.1rem;
    padding: 0 0.294em;
    font-family: var(--md-code-font-family, monospace);
    font-size: 0.85em;
}
.ex-uuid {
    background-color: #dcfce7;
    color: #166534;
    border-radius: 0.1rem;
    padding: 0 0.294em;
    font-family: var(--md-code-font-family, monospace);
    font-size: 0.85em;
}
.ex-world-ip {
    background-color: #cffafe;
    color: #155e75;
    border-radius: 0.1rem;
    padding: 0 0.294em;
    font-family: var(--md-code-font-family, monospace);
    font-size: 0.85em;
}
.ex-org-ip {
    background-color: #fef3c7;
    color: #92400e;
    border-radius: 0.1rem;
    padding: 0 0.294em;
    font-family: var(--md-code-font-family, monospace);
    font-size: 0.85em;
}

/* Spans inside <code> for composite values */
code > .ex-world-fqdn     { background-color: #dbeafe; color: #1e40af; border-radius: 0; padding: 0; font-size: inherit; }
code > .ex-uuid           { background-color: #dcfce7; color: #166534; border-radius: 0; padding: 0; font-size: inherit; }
code > .ex-uuid-nohyphens { background-color: #dcfce7; color: #166534; border-radius: 0; padding: 0; font-size: inherit; }
code > .ex-org-fqdn       { background-color: #ffedd5; color: #9a3412; border-radius: 0; padding: 0; font-size: inherit; }

/* No-hyphens UUID variant used in szDNS record */
.ex-uuid-nohyphens {
    background-color: #dcfce7;
    color: #166534;
    border-radius: 0.1rem;
    padding: 0 0.294em;
    font-family: var(--md-code-font-family, monospace);
    font-size: 0.85em;
}

/* Editable example fields */
input.ex-field {
    font-family: var(--md-code-font-family, monospace);
    font-size: 0.85em;
    border: 1px dashed #94a3b8;
    border-radius: 0.2rem;
    padding: 0.15em 0.5em;
    background: transparent;
    color: inherit;
    min-width: 28ch;
}
input.ex-field:focus {
    outline: 2px solid #3b82f6;
    border-color: transparent;
    background: #fff;
}