/* Custom styles for Exploring Networking */

/* Center mermaid diagrams */
.mermaid {
    text-align: center;
}

/* Force card grids to single column for better mobile experience */
.md-typeset .grid.cards {
    grid-template-columns: 1fr;
}

/* Center all tables on the page (matches sister sites) */
.md-typeset table:not([class]) {
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.md-typeset .md-typeset__scrollwrap,
.md-typeset .md-typeset__table {
    display: flex;
    justify-content: center;
}

/* Table styling - centered headers, left-aligned content */
.md-typeset table:not([class]) th {
    text-align: center;
    vertical-align: middle;
}

.md-typeset table:not([class]) td {
    text-align: left;
    vertical-align: middle;
}

/* Ensure code blocks maintain proper styling */
.md-typeset code {
    word-break: break-word;
}

/* Improve readability of admonitions */
.md-typeset .admonition {
    border-left: 0.4rem solid;
}

/* Larger header logo, matching sister sites */
.md-header__button.md-logo img {
    height: 100px !important;
    padding: 0;
    margin: 0;
}

/* Responsive hero image: centered on small screens, floated right on large */
.img-responsive-right {
    display: block;
    margin: 1em auto;
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .img-responsive-right {
        float: right;
        margin: 0 0 1em 1em;
        max-width: 40%;
    }
}

/* linenums code blocks render as a <table>; keep them full width so they
   don't get caught by any table-centering rules (see content standards) */
.md-typeset .highlight table {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}