@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
:root {
    /* font-size: 1.3em; */

    --md-admonition-icon--faq: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.367 2.25c-1.092 0-1.958 0-2.655.057c-.714.058-1.317.18-1.868.46a4.75 4.75 0 0 0-2.076 2.077c-.281.55-.403 1.154-.461 1.868c-.057.697-.057 1.563-.057 2.655v5.266c0 1.092 0 1.958.057 2.655c.058.714.18 1.317.46 1.869a4.75 4.75 0 0 0 2.077 2.075c.55.281 1.154.403 1.868.461c.697.057 1.563.057 2.655.057h5.266c1.092 0 1.958 0 2.655-.057c.714-.058 1.317-.18 1.869-.46a4.75 4.75 0 0 0 2.075-2.076c.281-.552.403-1.155.461-1.869c.057-.697.057-1.563.057-2.655V9.367c0-1.092 0-1.958-.057-2.655c-.058-.714-.18-1.317-.46-1.868a4.75 4.75 0 0 0-2.076-2.076c-.552-.281-1.155-.403-1.869-.461c-.697-.057-1.563-.057-2.655-.057zM12 14.747a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75m1.872-6.814c.544.482.878 1.188.878 2.057c0 .64-.164 1.138-.45 1.543c-.256.365-.588.614-.823.79l-.027.02c-.263.198-.416.32-.524.474c-.09.127-.176.317-.176.68a.75.75 0 0 1-1.5 0c0-.64.164-1.14.45-1.544c.256-.364.588-.613.823-.79l.027-.02c.263-.198.416-.32.524-.474c.09-.127.176-.317.176-.679c0-.46-.166-.75-.372-.934a1.33 1.33 0 0 0-.878-.31c-.34 0-.657.114-.877.31c-.207.183-.373.474-.373.934a.75.75 0 0 1-1.5 0c0-.869.334-1.575.877-2.057A2.83 2.83 0 0 1 12 7.246c.66 0 1.343.218 1.872.687'/%3E%3C/svg%3E");
  --ff-grey-50: #f9f9f9;
  --ff-grey-75: #f2f2f2;
  --ff-grey-100: #eee;
}

[data-md-color-scheme="findingfive"] {
  --md-primary-fg-color:        hsla(24, 90%, 50%, 1);
  --md-primary-fg-color--light: hsla(24, 90%, 95%, 1);
  --md-primary-fg-color--dark:  hsla(196, 22%, 24%, 1);
}

.md-typeset h1 {
    color: #111;
    font-weight: 500;
}

.landing-title h1 {
    text-align: center;
    font-weight: 500;
    font-family: Inter;
    margin-bottom: 0.5rem;
}

.landing-title .headerlink {
    width: 0;
}

.landing-subtitle {
    text-align: center;
    font-weight: 200;
    font-size: 0.9rem;
    margin-bottom: 2rem;
}

.md-typeset h2 {
    font-family: "Inter";
    font-weight: 500;
}

.md-typeset h3 {
    font-family: "Inter";
    font-weight: 500;
}

.md-typeset .grid {
    column-gap: 1.75rem;
}

.md-typeset .grid .card-title {
    text-align: center;
    font-size: 0.9rem;
    font-weight: 700;
    margin-top: 1rem;
}

.md-typeset .three-grid {
    grid-template-columns: repeat(3, 1fr);
}

.md-typeset .two-grid {
    grid-template-columns: repeat(2, 1fr);
}

.md-typeset .admonition.faq,
.md-typeset details.faq {
    border: 1px solid var(--md-primary-fg-color--light);
    font-size: 1em;
    transition: all 0.2s ease-out;
}

.md-typeset details.faq[open] > summary {
    background-color:  var(--md-primary-fg-color);
    color: white;
}

.md-typeset .faq > .admonition-title,
.md-typeset .faq > summary {
    background-color:  var(--ff-grey-75);
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 0.2rem;
    transition: all 0.2s ease-out;
}
.md-typeset .faq > .admonition-title::before,
.md-typeset .faq > summary::before {
    background-color: var(--md-primary-fg-color);
    -webkit-mask-image: var(--md-admonition-icon--faq);
            mask-image: var(--md-admonition-icon--faq);
}

.md-typeset .faq[open] > summary::before {
    background-color: var(--md-primary-fg-color--light);
}

/*.md-typeset pre>code {
    word-break: break-word;
    white-space: pre-wrap;
}*/


@media (max-width: 1000px) {
    .md-typeset .grid {
        grid-template-columns: 1fr;
    }
}