/* Services & Support page — additive styles only.
           Base design system lives in styles.css. */

        .section-note { max-width: 62ch; }

        .svc-lead {
            font-weight: 700;
            font-size: 1.25rem;
            margin-bottom: 0.75rem;
        }

        /* Managed services list */
        .manage-list {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
            margin-top: 1.5rem;
        }

        .manage-list li {
            font-family: var(--font-mono);
            font-size: 0.9rem;
            font-weight: 600;
            border: 2px solid var(--border-color);
            padding: 6px 12px;
            box-shadow: var(--box-shadow-sm);
            background: var(--bg-color);
        }

        /* Clear relationship checklist */
        .clear-list {
            list-style: none;
            display: grid;
            gap: 0.85rem;
            margin-top: 1.5rem;
        }

        .clear-list li {
            position: relative;
            padding-inline-start: 1.9rem;
            font-size: 1.125rem;
        }

        .clear-list li::before {
            content: "";
            position: absolute;
            inset-inline-start: 0;
            top: 0.5em;
            width: 0.8rem;
            height: 0.8rem;
            background: var(--accent-color);
            border: 2px solid var(--border-color);
        }