/* Responsive content width for agogo theme */

/* agogo fixes the page to 70em; make it fluid */
div.header,
div.content,
div.footer {
    width: auto;
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
}

/* Keep left sidebar (rightsidebar is false in conf.py) */
div.sidebar {
    float: left;
    width: 240px;
    margin-right: 20px;
}

/* Fill remaining horizontal space with the main document */
div.document {
    float: left;
    width: calc(100% - 260px);
    min-width: 0;
}

/* Remove extra left indent and fixed-width feel */
div.body {
    padding-left: 0;
    max-width: none;
}

/* Keep long content from forcing overflow */
table,
img,
.graphviz,
div.highlight {
    max-width: 100%;
}

/* Mobile fallback: stack sidebar and content */
@media (max-width: 900px) {
    div.header,
    div.content,
    div.footer {
        margin-left: 10px;
        margin-right: 10px;
    }

    div.sidebar,
    div.document {
        float: none;
        width: 100%;
        margin: 0;
    }
}