/* Keep archive content within the available width without hiding overflow. */
/* Let each navigation row use the available space, including wrapped rows. */
#page #nav .navigation_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#page #nav .main_nav_container {
    flex: 1 1 800px;
    min-width: 0;
    width: auto;
    margin: 0;
    float: none;
}
#page #nav #nav_row {
    height: auto;
    margin: 0;
}
#page #nav #nav_row > ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    float: none;
}
#page #nav #nav_row > ul > li {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    float: none;
    text-align: center;
}
#page #nav #nav_row > ul > li > a {
    box-sizing: border-box;
    height: 100%;
    text-align: center;
}
#page #nav #nav_row > ul > li > ul {
    top: 100%;
    max-width: min(15em, 90vw);
    left: auto;
    right: 0;
}
#page #nav .searchform {
    position: static;
    flex: 0 0 auto;
    float: none;
    margin: 8px 10px 8px auto;
}

#page .entry_content,
#page .post-excerpt,
#page .comment-body,
#page #sb_home {
    overflow-wrap: anywhere;
}
#page .entry_content img,
#page .entry_content video,
#page .entry_content iframe,
#page .wp-caption {
    max-width: 100%;
}
#page .entry_content img { height: auto; }
#page .entry_content table {
    max-width: 100%;
}
#footer .archive-footer-topics {
    box-sizing: border-box;
    width: 33.333%;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    /* Use em here so links of every font size inherit production's 19.6px leading. */
    line-height: 1.4em;
    overflow-wrap: anywhere;
}
#footer .archive-footer-topics a { color: #aaa; }
#footer #cred .plimage { display: inline-block; max-width: 100%; }
#footer #cred img { max-width: 100%; height: auto; }
#footer .archive-footer-topics a:hover,
#footer .archive-footer-topics a:focus-visible { text-decoration: underline; }

@media (max-width: 767px) {
    #footer .archive-footer-topics { width: 100%; max-width: 380px; }
    #page .reportbox { margin-inline: 0; padding-inline: 16px; }
    #page .entry_content table { width: 100% !important; table-layout: fixed; }
    #page .entry_content th,
    #page .entry_content td { overflow-wrap: anywhere; }
    /* Some archived articles contain manually positioned, fixed-width boxes. */
    #page .entry_content div[style*="width"] {
        box-sizing: border-box;
        max-width: 100%;
        margin-inline: auto !important;
    }
    #page .gform_wrapper input:not([type="checkbox"]):not([type="radio"]),
    #page .gform_wrapper select,
    #page .gform_wrapper textarea { box-sizing: border-box; max-width: 100%; }
}

@media (max-width: 450px) {
    #page #nav #nav_row > ul > li { flex-basis: 50%; }
    #page #nav #nav_row > ul > li:nth-child(odd) > ul {
        left: 0;
        right: auto;
    }
}