/* Isolated single-post patch. Palette from _global.scss / _settings.scss.
   No compiled CSS, Foundation grid, TOC markup or sticky behavior changes. */
#BlogSingleContentBox {
    --sitaram-profile-green: #285b51;
    --sitaram-profile-surface: #fefefe;
    --sitaram-profile-border: rgba(40, 91, 81, 0.18);
}
#BlogSingleContentBox .sitaram-sidebar-author-card a:focus-visible,
#BlogSingleContentBox .sitaram-toc-dropdown a:focus-visible,
#BlogSingleContentBox .sitaram-toc-dropdown .toc-header:focus-visible {
    outline: 2px solid var(--sitaram-profile-green);
    outline-offset: 3px;
}
#BlogSingleContentBox .sitaram-toc-dropdown,
#BlogSingleContentBox .sitaram-sidebar-author-card {
    box-sizing: border-box;
    border: 1px solid var(--sitaram-profile-border);
    border-radius: 12px;
    background: var(--sitaram-profile-surface);
    color: var(--sitaram-profile-green);
}
#BlogSingleContentBox .sitaram-toc-dropdown { padding: 22px; margin: 0; }
#BlogSingleContentBox .sitaram-toc-dropdown .toc-header {
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    /* Keep display:list-item and the browser's disclosure marker. */
}
#BlogSingleContentBox .sitaram-toc-dropdown .toc-list { margin: 14px 0 0; padding-inline-start: 18px; }
#BlogSingleContentBox .sitaram-toc-dropdown .toc-list li { font-size: 14px; line-height: 1.5; }
#BlogSingleContentBox .sitaram-toc-dropdown .toc-list li + li { margin-top: 8px; }
#BlogSingleContentBox .sitaram-toc-dropdown .toc-list a { color: inherit; overflow-wrap: anywhere; }
#BlogSingleContentBox .sitaram-toc-dropdown .toc-list a:hover { text-decoration: underline; }
#BlogSingleContentBox .sitaram-toc-dropdown + .sitaram-sidebar-author-card { margin-top: 28px; }
#BlogSingleContentBox .sitaram-sidebar-author-card { padding: 24px; text-align: center; }
#BlogSingleContentBox .sitaram-sidebar-author-card .author-avatar-wrap { margin-bottom: 14px; }
#BlogSingleContentBox .sitaram-sidebar-author-card .author-avatar-wrap img {
    display: block;
    width: 92px;
    height: 92px;
    margin: 0 auto;
    border-radius: 50%;
    object-fit: cover;
}
#BlogSingleContentBox .sitaram-sidebar-author-card .author-name { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.4; }
#BlogSingleContentBox .sitaram-sidebar-author-card .author-name a { color: inherit; }
#BlogSingleContentBox .sitaram-sidebar-author-card .author-title { margin: 6px 0 0; font-size: 14px; line-height: 1.5; }
#BlogSingleContentBox .sitaram-sidebar-author-card .sitaram-author-profiles {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 5px;
    margin: 12px 0 0;
}
#BlogSingleContentBox .sitaram-sidebar-author-card .sitaram-author-profiles a {
    display: inline-flex;
    flex: 0 0 26px;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--sitaram-profile-green);
    color: var(--sitaram-profile-surface);
    text-decoration: none;
}
#BlogSingleContentBox .sitaram-sidebar-author-card .sitaram-author-profiles svg {
    display: block;
    width: 12px;
    height: 12px;
}
#BlogSingleContentBox .sitaram-sidebar-author-card .sitaram-author-profiles a:hover { opacity: 0.85; }
#BlogSingleContentBox .sitaram-sidebar-author-card .author-short-bio { margin-top: 14px; font-size: 14px; line-height: 1.55; }
#BlogSingleContentBox .sitaram-sidebar-author-card .author-name,
#BlogSingleContentBox .sitaram-sidebar-author-card .author-title,
#BlogSingleContentBox .sitaram-sidebar-author-card .author-short-bio { overflow-wrap: anywhere; }
@media screen and (max-width: 1024px) {
    #BlogSingleContentBox .sitaram-sidebar-author-card { padding: 16px; }
}
