@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

.wy-nav-content {
    max-width: none !important;
    width: 100% !important;
}

.doc-feedback {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 2.5rem 0 1rem;
    padding: 1rem 1.25rem;
    border: 1px solid #d5deea;
    border-radius: 0.6rem;
    background: #f4f7fb;
    color: #183153;
}

.doc-feedback a {
    display: inline-block;
    padding: 0.35rem 0.8rem;
    border: 1px solid #284efe;
    border-radius: 0.4rem;
    color: #284efe;
    text-decoration: none;
}

.doc-feedback a:hover,
.doc-feedback a:focus {
    background: #284efe;
    color: #fff;
}


/* StridX brand styling */
.wy-side-nav-search {
    background-color: #fff;
    border-bottom: 3px solid #284efe;
}

.wy-side-nav-search>a.icon-home {
    color: #17213c;
    line-height: 1.35;
}

.wy-side-nav-search input[type="text"] {
    border: 1px solid #d5dcff;
    background-color: #f2f4ff;
    color: #17213c;
    box-shadow: none;
}

.wy-nav-top {
    background-color: #284efe;
}

a,
.rst-content .headerlink {
    color: #284efe;
}

a:focus,
button:focus,
input:focus {
    outline: 2px solid #284efe;
    outline-offset: 2px;
}

.wy-menu-vertical li.current>a {
    color: #284efe;
    border-right: 3px solid #284efe;
}

.wy-menu-vertical li.current>a:hover,
.wy-menu-vertical a:active {
    background-color: #eef0ff;
    color: #233dd0;
}

.doc-feedback a {
    border-color: #284efe;
    color: #284efe;
}

.doc-feedback a:hover,
.doc-feedback a:focus {
    background: #284efe;
    color: #fff;
}

.homepage-brand-logo {
    display: block;
    width: 360px;
    max-width: 100%;
    height: auto;
    margin: 0.5rem 0 1.5rem;
}
.wy-menu-vertical p.caption,
.wy-menu-vertical p.caption .caption-text {
    color: #8fb3ff;
}


/* Inter typography */
body,
.wy-body-for-nav,
.wy-nav-content,
.wy-nav-top,
.wy-side-nav-search,
.wy-menu-vertical,
.wy-breadcrumbs,
.rst-content,
.rst-content h1,
.rst-content h2,
.rst-content h3,
.rst-content h4,
.rst-content h5,
.rst-content h6,
input,
button,
select,
textarea {
    font-family: "Inter", Arial, sans-serif;
}