/* Social: an editorial timeline with a persistent source rail. */
.social-workspace {
    --social-ink: #22272a;
    --social-muted: #656670;
    --social-line: #e6e3e1;
    --social-paper: #fff;
    --primary-color: #643729;
    --primary-hover: #4d271b;
    color: var(--social-ink);
    background: #f6f7f3;
}
.social-workspace main.container { max-width: 1420px; }
.social-workspace .btn-primary { background: #643729; color: #fff; box-shadow: none; }
.social-workspace .btn-primary:hover { background: #4d271b; }
.social-workspace :is(a, button, input, textarea, select):focus-visible { outline: 3px solid #b68d3c; outline-offset: 3px; }
.social-workspace .text-primary { color: #643729 !important; }
.social-workspace .card:hover { transform: none; }
.social-rail { display: none; }
.social-main { min-width: 0; }
.social-heading { display: flex; align-items: center; justify-content: space-between; padding: 28px 26px 24px; }
.social-eyebrow { display: block; font-size: .62rem; letter-spacing: .14em; font-weight: 700; color: #656670; }
.social-heading h1 { font-size: clamp(1.7rem, 3vw, 2.25rem); letter-spacing: -.055em; margin: 8px 0; font-weight: 800; }
.social-heading p { font-size: .82rem; color: var(--social-muted); margin: 0; }
.social-discover { display: grid; place-items: center; color: #643729; border: 1px solid #d5d6db; width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0; }
.social-timeline { background: #fff; border: 1px solid var(--social-line); padding: 0; border-radius: 16px; overflow: visible; }
.social-main > .row { --bs-gutter-x: 24px; margin: 0; }
.social-workspace #create-post-card { border-radius: 0 !important; box-shadow: none !important; margin: 0 0 8px !important; }
.social-workspace #create-post-card .card-body { padding: 0 26px 18px !important; }
.social-workspace #postContent { background: transparent !important; font-size: 1.05rem !important; border-radius: 0 !important; padding: 12px 0; min-height: 90px; max-height: 320px; }
.social-workspace #postContent::placeholder { color: #7c7d84; }
.social-workspace #create-post-card .btn-light { background: transparent; box-shadow: none; padding-inline: 9px !important; min-height: 40px; }
.social-workspace #create-post-card .flex-grow-1 { min-width: 0; }
.social-audience { border: 0; background: transparent; color: #643729; font-size: .72rem; padding: 6px 0; max-width: 100%; }
.social-photo:focus-within { outline: 3px solid #b68d3c; outline-offset: 2px; }
.social-workspace .feed-layers { padding: 0 !important; margin: 0 !important; gap: 0 !important; border-block: 1px solid var(--social-line); }
.social-workspace .feed-layers a { flex: 1; white-space: nowrap; padding: 16px 6px !important; border: 0; border-radius: 0 !important; box-shadow: none !important; background: transparent; color: #656670; font-size: .78rem; }
.social-workspace .feed-layers .btn-primary { color: #643729; box-shadow: inset 0 -3px #643729 !important; font-weight: 800; background: #f8f6f4; }
.social-workspace .post-card { border-radius: 0 !important; margin: 0 !important; box-shadow: none !important; border-bottom: 1px solid var(--social-line) !important; background: #fff; padding: 10px 10px 4px; }
.social-workspace .post-card > .p-3 { padding-bottom: 6px !important; }
.social-workspace .post-card .post-content-text { line-height: 1.7; font-size: .94rem; color: #323339; overflow-wrap: anywhere; }
.social-workspace .post-card > .px-3.pb-2 { padding-left: 72px !important; }
.social-workspace .post-card > .border-top { border: 0 !important; }
.social-workspace .post-card .post-actions { padding-left: 68px !important; gap: 8px; }
.social-workspace .post-card .post-actions .btn { background: transparent; color: #656670; min-height: 42px; font-size: .76rem; padding: 6px 8px; box-shadow: none; }
.social-workspace .post-card .post-actions .btn:hover { color: #643729; background: #f5f2ef; }
.social-workspace .post-card .post-actions .bi { font-size: 1rem; }
.social-workspace .post-image-container { margin: 8px 16px 12px 72px; border: 1px solid var(--social-line); border-radius: 12px; overflow: hidden; background: #f6f7f3; }
.social-workspace .post-image-container img { object-fit: contain !important; }
.social-workspace .post-summary { padding-left: 72px !important; font-size: .71rem; }
.social-workspace .post-card .comments-section { margin: 0 12px; }
.social-post-link { color: #656670; text-decoration: none; }
.social-post-link:hover { text-decoration: underline; }
.social-new-posts, .social-load-more { display: block; width: 100%; border: 0; background: #f4f0ec; color: #563024; padding: 14px; font-size: .8rem; font-weight: 700; }
.social-new-posts[hidden], .social-load-more[hidden] { display: none; }
.social-feed-status { margin: 0; color: #8a3d24; text-align: center; font-size: .8rem; }
.social-feed-status:not(:empty) { padding: 12px; }
.social-empty { padding: 54px 28px; text-align: center; }
.social-empty > i { font-size: 2rem; color: #643729; }
.social-empty h2 { margin: 18px auto 12px; max-width: 310px; font-size: 1.5rem; letter-spacing: -.045em; }
.social-empty p { max-width: 310px; margin: 0 auto 24px; font-size: .85rem; line-height: 1.6; color: #656670; }
.social-workspace .sidebar-sticky { position: static; padding-left: 24px; }
.social-workspace .sidebar-card { background: transparent; border: 0; box-shadow: none; border-bottom: 1px solid var(--social-line); border-radius: 0; padding: 12px 0 22px; margin-bottom: 10px; }
.social-workspace .sidebar-card h6 { font-size: .87rem; margin-bottom: 20px; }
.social-workspace .sidebar-card .card-body { padding-inline: 6px; }
.social-workspace .sidebar-action-btn { background: transparent; }
.social-workspace .trending-tag-modern { background: transparent; border-radius: 0; padding: 10px 0; }
.social-workspace .trending-tag-name { color: #323339; font-size: .83rem; }
.social-workspace .trending-tag-count { color: #656670; }
.social-workspace .sidebar-see-all { color: #643729; font-size: .76rem; }
.social-person { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; color: #22272a; }
.social-person img, .social-rail-profile img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.social-person span, .social-rail-profile span { flex: 1; min-width: 0; }
.social-person strong, .social-rail-profile strong { display: block; font-size: .76rem; overflow-wrap: anywhere; }
.social-person small, .social-rail-profile small { display: block; font-size: .7rem; color: #656670; overflow-wrap: anywhere; }
.social-workspace .source-switcher-heading { display: none; }
.social-workspace .source-switcher { margin-bottom: 16px; }
.social-workspace .feed-nav-container { margin: 0; padding: 0; }
.social-workspace .navbar-brand > div { background: #643729 !important; }
.social-workspace .post-card .post-content-text { white-space: pre-line !important; }
.social-workspace .post-card .d-flex.align-items-start.justify-content-between > .d-flex { min-width: 0; }
.social-workspace .post-card .d-flex.align-items-start.justify-content-between > .d-flex > div { min-width: 0; overflow-wrap: anywhere; }
.social-workspace .source-tabs { gap: 0; }
.social-workspace .source-tab { border: 0; background: transparent; border-radius: 0; min-width: auto; padding: 12px; box-shadow: none; transform: none; }
.social-workspace .source-tab small { display: none; }
.social-workspace .source-tab strong { font-size: .77rem; }
.social-workspace .source-tab > i { background: transparent; width: 20px; flex-basis: 20px; }
.social-workspace .source-tab.is-active { color: #643729; border-bottom: 2px solid #643729; }
.normal-feed-image-viewer { position: fixed; inset: 0; z-index: 4000; background: #121215eb; display: grid; place-items: center; padding: 24px; cursor: zoom-out; }
.normal-feed-image-viewer img { max-width: 100%; max-height: 90vh; object-fit: contain; }
@media (min-width: 1200px) {
    .social-workspace { padding-top: 0; padding-bottom: 32px; }
    .social-workspace > header, .social-workspace > .bottom-nav, .social-workspace > #contextFab { display: none; }
    .social-workspace .feed-container { display: grid; grid-template-columns: 224px minmax(0, 1fr); gap: 30px; }
    .social-main { padding-top: 22px; }
    .social-rail { display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; overflow-y: auto; padding: 30px 8px 20px; }
    .social-wordmark { display: flex; gap: 10px; align-items: center; font-size: 1.6rem; font-weight: 800; color: #3e2923; letter-spacing: -.08em; margin: 0 0 42px; }
    .social-wordmark > span { display: grid; place-items: center; background: #643729; color: #fff; border-radius: 12px; width: 38px; height: 38px; font-size: 1.55rem; }
    .social-rail > .social-eyebrow { font-size: .57rem; padding: 0 12px; margin-bottom: 12px; }
    .social-rail nav { margin-bottom: 24px; }
    .social-rail nav a { display: flex; align-items: center; gap: 14px; padding: 11px 14px; color: #585962; font-size: .85rem; border-radius: 10px; margin-bottom: 3px; }
    .social-rail nav a i { font-size: 1.1rem; }
    .social-rail nav a:hover { background: #f0ece8; }
    .social-rail nav .is-current { background: #ede8e2; color: #5f3528; font-weight: 700; }
    .social-rail-dot { width: 6px; height: 6px; border-radius: 50%; background: #643729; margin-left: auto; }
    .social-compose { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: .8rem; padding: 13px 8px; }
    .social-rail-profile { display: flex; gap: 10px; align-items: center; border-top: 1px solid var(--social-line); margin-top: 28px; padding-top: 20px; color: #323339; }
    .social-rail-note { margin: 24px 12px 0; color: #656670; font-size: .68rem; line-height: 1.7; }
    .social-signin { font-size: .73rem; text-align: center; margin-top: 14px; color: #643729; }
    .social-main > .source-switcher { display: none; }
}
@media (max-width: 767px) {
    .social-workspace { padding-top: 66px; }
    .social-workspace main.container { padding: 0; }
    .social-main > .row { --bs-gutter-x: 0; }
    .social-timeline { border-inline: 0; border-radius: 0; }
    .social-heading { padding: 24px 18px; }
    .social-workspace #create-post-card .card-body { padding: 0 16px 16px !important; }
    .social-workspace #create-post-card .gap-3 { gap: 10px !important; }
    .social-workspace #create-post-card img.rounded-circle { width: 36px !important; height: 36px !important; }
    .social-workspace #create-post-card button[type=submit] { padding-inline: 16px !important; }
    .social-workspace .post-card { padding-inline: 0; }
    .social-workspace .post-card > .px-3.pb-2 { padding-left: 16px !important; }
    .social-workspace .post-image-container { margin-inline: 16px; }
    .social-workspace .post-card .post-actions, .social-workspace .post-summary { padding-left: 16px !important; }
    .social-workspace .feed-layers a { font-size: .72rem; }
    .social-workspace .source-tab { padding: 9px; gap: 4px; }
    .social-workspace .source-switcher { margin-bottom: 4px; }
    .social-workspace #postContent { min-height: 74px; }
    .social-workspace #contextFab { background: #643729; }
}