/**
 * Layout
 *
 * Site shell, page columns and reusable panel structures.
 */
.site-shell {
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    background: #f7f7ef;
    border: 3px ridge #ffffff;
    box-shadow: 5px 5px 0 rgba(20, 42, 69, 0.35);
}

.site-layout {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr) 220px;
    gap: 10px;
    padding: 10px;
}

.main-column {
    min-width: 0;
}

.panel {
    margin-bottom: 10px;
    background: var(--cream);
    border: 3px ridge #d7d7c6;
}

.panel-title {
    margin: 0;
    padding: 6px 8px;
    color: #ffffff;
    background: var(--navy);
    border-bottom: 2px solid #8296ab;
    font-size: 13px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.panel-body {
    padding: 9px;
}

.content-heading {
    margin: 0 0 10px;
    padding: 8px 10px;
    color: #ffffff;
    background: #9d2828;
    border: 3px outset #ce6f6f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
}

.breadcrumb {
    margin-bottom: 10px;
    padding: 7px 9px;
    background: #e7edf3;
    border: 1px solid #8998a7;
    font-size: 11px;
}