/* Colenco Legal: a quiet reading panel beside the invitation to ask. */
@media screen {
    #main-content #faq.corporate-faq-section {
        padding-block: clamp(64px, 7vw, 112px);
        background: #080f14;
        border: 0;
    }

    #main-content #faq > .container {
        display: grid !important;
        grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr);
        align-items: start;
        gap: clamp(36px, 6vw, 88px);
        width: 100%;
        max-width: 1360px;
        padding-inline: clamp(24px, 4.2vw, 60px);
    }

    #main-content #faq .practice-section-head {
        position: static;
        top: auto;
        display: block;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
    }

    #main-content #faq .practice-section-title {
        max-width: 12ch;
        margin: 0 0 22px;
        color: #e9e3da;
        font: 500 clamp(2.5rem, 3.5vw, 3.25rem)/1.06 var(--font-heading) !important;
        text-wrap: balance;
    }

    #main-content #faq .practice-section-desc {
        max-width: 34ch;
        margin: 0;
        color: #bfb7aa;
        font: 400 1rem/1.7 var(--font-body);
    }

    #main-content #faq .corporate-faq-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        width: auto;
        max-width: 100%;
        margin: 30px 0 0;
        padding: 12px 22px;
        border: 1px solid #776c58;
        border-radius: 3px;
        background: transparent;
        color: #dbc19a;
        font: 500 .9375rem/1.5 var(--font-body);
        text-align: center;
        text-decoration: none;
        transition: background-color 180ms ease, border-color 180ms ease;
    }

    #main-content #faq .corporate-faq-cta:hover {
        background: #272923;
        border-color: #c6a87c;
    }

    #main-content #faq .practice-faq-list {
        display: block;
        width: 100%;
        max-width: none;
        min-width: 0;
        margin: 0;
        padding: 6px 30px;
        border: 0;
        border-radius: 8px;
        background: #141c20;
        box-shadow: none;
        opacity: 1;
        transform: none;
    }

    #main-content #faq .practice-faq-item {
        margin: 0;
        padding: 0;
        border: 0;
        border-bottom: 1px solid #30383a;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    #main-content #faq .practice-faq-item:last-child { border-bottom: 0; }
    #main-content #faq .corporate-faq-number { display: none; }

    #main-content #faq .practice-faq-summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 22px;
        min-height: 88px;
        margin: 0;
        padding: 24px 0;
        list-style: none;
        background: transparent !important;
        cursor: pointer;
    }

    #main-content #faq .practice-faq-summary::-webkit-details-marker { display: none; }
    #main-content #faq .practice-faq-summary h3 {
        flex: 1;
        min-width: 0;
        max-width: none;
        margin: 0;
        color: #e9e3da;
        font: 500 1.25rem/1.5 var(--font-body) !important;
        text-wrap: pretty;
    }

    #main-content #faq .practice-faq-toggle {
        position: relative;
        inset: auto;
        display: block;
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        margin: 0;
        border: 1px solid #5a574b !important;
        border-radius: 50%;
        background: transparent !important;
        color: #d7ba8e;
    }

    #main-content #faq .practice-faq-toggle::before,
    #main-content #faq .practice-faq-toggle::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 1px;
        color: inherit !important;
        background: currentColor !important;
        transform: translate(-50%, -50%);
        transition: transform 220ms cubic-bezier(.16, 1, .3, 1);
    }

    #main-content #faq .practice-faq-toggle::after { transform: translate(-50%, -50%) rotate(90deg); }
    #main-content #faq details[open] .practice-faq-toggle::after { transform: translate(-50%, -50%) rotate(0); }
    #main-content #faq details[open] .practice-faq-toggle { background: #c6a87c !important; color: #101719; border-color: #c6a87c !important; }

    #main-content #faq .corporate-faq-answer {
        max-width: none;
        margin: 0;
        padding: 0 48px 28px 0;
        border: 0;
        background: transparent;
    }

    #main-content #faq .corporate-faq-answer p {
        max-width: 64ch;
        margin: 0;
        color: #c6c0b5 !important;
        font: 400 1rem/1.75 var(--font-body) !important;
    }

    #main-content #faq :is(summary, button):focus-visible {
        outline: 2px solid #d7ba8e;
        outline-offset: 4px;
    }
}

@media screen and (max-width: 900px) {
    #main-content #faq > .container { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    #main-content #faq .practice-section-head { position: static; }
    #main-content #faq .practice-section-title { max-width: none; }
    #main-content #faq .practice-section-desc { max-width: 58ch; }
    #main-content #faq .corporate-faq-cta { margin-top: 22px; }
}

@media screen and (max-width: 600px) {
    #main-content #faq .practice-section-title { font-size: 2.25rem !important; }
    #main-content #faq .practice-faq-list { padding: 2px 20px; }
    #main-content #faq .practice-faq-summary { gap: 14px; padding-block: 22px; }
    #main-content #faq .practice-faq-summary h3 { font-size: 1.125rem !important; }
    #main-content #faq .corporate-faq-answer { padding: 0 0 24px; }
}

@media (prefers-reduced-motion: reduce) {
    #main-content #faq :is(.practice-faq-toggle, .corporate-faq-cta),
    #main-content #faq .practice-faq-toggle::before,
    #main-content #faq .practice-faq-toggle::after { transition: none; }
}