/*
 * Mike's Balance editorial byline / author card v2.
 * Small vertical portrait on every viewport.
 * Desktop: portrait / copy / quiet profile link.
 * Mobile and tablet: label, portrait + copy, full-width light CTA.
 */
body.single-post #author.mb-bio-card {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) minmax(138px, 172px);
    grid-template-rows: min-content auto;
    grid-template-areas:
        "photo label cta"
        "photo details cta";
    column-gap: 17px !important;
    row-gap: 4px !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 32px 0 16px !important;
    padding: 20px 22px !important;
    border: 1px solid #e1e6e2 !important;
    border-radius: 12px !important;
    background: #fcfcfa !important;
    color: #26372f !important;
    box-shadow: none !important;
    text-align: left !important;
}
body.single-post #author.mb-bio-card::before,
body.single-post #author.mb-bio-card::after {
    display: none !important;
    content: none !important;
}
body.single-post #author.mb-bio-card .mb-bio-photo {
    grid-area: photo;
    display: block !important;
    align-self: center !important;
    width: 82px !important;
    height: 108px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    line-height: 0 !important;
    text-decoration: none !important;
}
body.single-post #author.mb-bio-card .mb-bio-photo img,
body.single-post #author.mb-bio-card .mb-bio-initial {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 8px !important;
    object-fit: cover !important;
    object-position: center 24% !important;
}
body.single-post #author.mb-bio-card .mb-bio-initial {
    background: #e4eee6 !important;
    color: #315e48 !important;
    font: 700 39px/108px Georgia, serif !important;
    text-align: center !important;
}
body.single-post #author.mb-bio-card .mb-bio-eyebrow {
    grid-area: label;
    align-self: end !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #74847b !important;
    font: 650 10px/1.35 system-ui, -apple-system, sans-serif !important;
    letter-spacing: .115em !important;
    text-transform: uppercase !important;
    text-align: left !important;
}
body.single-post #author.mb-bio-card .mb-bio-details {
    grid-area: details;
    align-self: start !important;
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.single-post #author.mb-bio-card .mb-bio-name {
    margin: 1px 0 4px !important;
    padding: 0 !important;
    color: #153c2e !important;
    font: 700 21px/1.25 Georgia, "Times New Roman", serif !important;
    letter-spacing: -.025em !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
}
body.single-post #author.mb-bio-card .mb-bio-name a {
    color: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.single-post #author.mb-bio-card .mb-bio-summary {
    margin: 0 !important;
    padding: 0 !important;
    color: #4a5852 !important;
    font: 400 13px/1.48 system-ui, -apple-system, sans-serif !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
}
body.single-post #author.mb-bio-card .mb-bio-more {
    grid-area: cta;
    align-self: center !important;
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 9px 0 9px 16px !important;
    border: 0 !important;
    border-left: 1px solid #e3e9e3 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #226247 !important;
    font: 600 13px/1.45 system-ui, -apple-system, sans-serif !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
}
body.single-post #author.mb-bio-card .mb-bio-more span {
    display: inline !important;
    white-space: nowrap !important;
    font: inherit !important;
    color: inherit !important;
}
body.single-post #author.mb-bio-card a:focus-visible {
    outline: 2px solid #286d50 !important;
    outline-offset: 3px !important;
}
body.single-post #author.mb-bio-card .mb-bio-name a:hover,
body.single-post #author.mb-bio-card .mb-bio-more:hover {
    color: #174e38 !important;
}

/* Until the article's legacy handmade card is removed, show only the template card. */
body.single-post .post-content .mb-irina-author-card {
    display: none !important;
}

/* Article layout is narrow on tablets because it shares space with content rails. */
@media (max-width: 991px) {
    body.single-post #author.mb-bio-card {
        grid-template-columns: 76px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        grid-template-areas:
            "label label"
            "photo details"
            "cta cta" !important;
        column-gap: 14px !important;
        row-gap: 12px !important;
        margin: 27px 0 13px !important;
        padding: 17px 18px !important;
    }
    body.single-post #author.mb-bio-card .mb-bio-photo {
        align-self: start !important;
        width: 76px !important;
        height: 102px !important;
    }
    body.single-post #author.mb-bio-card .mb-bio-initial {
        font-size: 37px !important;
        line-height: 102px !important;
    }
    body.single-post #author.mb-bio-card .mb-bio-eyebrow {
        font-size: 10px !important;
    }
    body.single-post #author.mb-bio-card .mb-bio-name {
        margin: 0 0 5px !important;
        font-size: 20px !important;
    }
    body.single-post #author.mb-bio-card .mb-bio-summary {
        font-size: 13px !important;
        line-height: 1.48 !important;
    }
    body.single-post #author.mb-bio-card .mb-bio-more {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 1px 0 0 !important;
        padding: 10px 12px !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: #e9f0ea !important;
        color: #225b43 !important;
        font-size: 13px !important;
        line-height: 1.42 !important;
        text-align: center !important;
        text-decoration: none !important;
    }
    body.single-post #author.mb-bio-card .mb-bio-more:hover {
        background: #e1ebe3 !important;
    }
}
@media (max-width: 360px) {
    body.single-post #author.mb-bio-card {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        column-gap: 11px !important;
        padding: 15px 13px !important;
    }
    body.single-post #author.mb-bio-card .mb-bio-photo {
        width: 68px !important;
        height: 91px !important;
    }
    body.single-post #author.mb-bio-card .mb-bio-initial {
        font-size: 32px !important;
        line-height: 91px !important;
    }
    body.single-post #author.mb-bio-card .mb-bio-name {
        font-size: 19px !important;
    }
}