/* ===== Layout ===== */

.wy-body-for-nav {
    background: #ffffff;
}

.wy-nav-content-wrapper {
    background: transparent;
}

.wy-nav-content {
    max-width: 980px;
    margin: 0 auto;
    padding: 3rem 4rem;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* ===== Typography spacing ===== */

div.body {
    max-width: none !important;
}

.rst-content {
    line-height: 1.75;
    font-size: 16px;
}

.rst-content h1,
.rst-content h2,
.rst-content h3 {
    font-weight: 600;
    letter-spacing: -0.02em;
}

/* ===== Sidebar ===== */

.wy-side-nav-search {
    background-color: #011E2E;
    padding: 1.5rem 1rem;
}

.wy-side-nav-search img.logo {
    max-width: 220px;
    padding: 0;
}

/* Hide duplicated title text */
.wy-side-nav-search>a {
    font-size: 0;
}

/* ===== Navigation ===== */

.wy-nav-side {
    box-shadow: none;
    border-right: 1px solid #e8e8e8;
}

.wy-menu-vertical a {
    color: #d6dde3;
    font-size: 14px;
}

.wy-menu-vertical a:hover {
    background: rgba(255, 255, 255, 0.06);
}

.wy-menu-vertical li.current>a {
    background: transparent;
    color: #212121;
    border: none;
}

/* ===== Content ===== */

.rst-content code.literal,
.rst-content tt.literal {
    border-radius: 6px;
    padding: 2px 6px;
}

.rst-content pre.literal-block,
.rst-content div[class^='highlight'] {
    border-radius: 10px;
    border: none;
}

.wy-table-responsive table td,
.wy-table-responsive table th {
    white-space: normal !important;
}

.rst-content table.docutils {
    width: 100%;
}