﻿:root {
    --ink: #16202a;
    --text: #364653;
    --muted: #6a7680;
    --line: #d9e2e7;
    --sky: #20aeea;
    --sky-dark: #087db6;
    --sea: #007f9e;
    --sand: #f5ddb0;
    --sand-light: #fff9ec;
    --coral: #ed6547;
    --white: #fff;
    --soft: #f5f8fa;
    --black: #050708;
    --max: 1320px;
    --display: "Arial Narrow","Aptos Narrow","Roboto Condensed",Arial,sans-serif;
    --body: Arial,Helvetica,sans-serif;
}

.section--dark {
    background: #0a1217;
    color: #fff;
    padding:72px 0;
}
    .section--dark .container {
        width: min(var(--max), calc(100% - 44px));
        margin-inline: auto;
    }
.section-header {
    max-width: 960px;
    margin-bottom: 34px
}

    .section-header h2 {
        margin: 0 0 13px;
        font: 800 clamp(2.2rem,4vw,4.2rem)/.98 var(--display);
        letter-spacing: -.045em;
        text-transform: uppercase
    }

    .section-header p {
        margin: 0;
        color: var(--muted);
        font-size: 1.03rem
    }
    .section--dark .section-header p {
        color: #b8c5cc
    }
.section-header::after {
    content: "";
    display: block;
    margin-top: 21px;
    width: 88px;
    height: 4px;
    background: var(--coral)
}

.faq {
    max-width: 1030px
}

details {
    border-top: 1px solid #40505a
}

    details:last-child {
        border-bottom: 1px solid #40505a
    }

summary {
    cursor: pointer;
    list-style: none;
    position: relative;
    padding: 20px 48px 20px 0;
    font-weight: 800;
    text-transform: uppercase
}

    summary::-webkit-details-marker {
        display: none
    }

    summary::after {
        content: "+";
        position: absolute;
        right: 4px;
        top: 13px;
        width: 34px;
        height: 34px;
        border: 1px solid #74858f;
        display: grid;
        place-items: center;
        color: #8fddfb
    }

details[open] summary::after {
    content: "–";
    background: var(--sky);
    border-color: var(--sky);
    color: #071116
}

details p {
    margin: 0;
    padding: 0 50px 20px 0;
    color: #b8c5cc
}