/* Ink, warm paper and burnt coral: shared brand tokens and mobile navigation. */
:root{--m-ink:#242633;--m-muted:#6b6b76;--m-paper:#faf8f5;--m-line:#e5e1dc;--m-accent:#b9402b;--primary-color:#b9402b;--primary-hover:#923220;--secondary-color:#79718b;--background-color:#faf8f5;--text-primary:#242633;--text-secondary:#6b6b76;--bs-primary-rgb:185,64,43;--bs-link-color:#b9402b;--bs-link-hover-color:#923220;--bottom-nav-height:68px}
body.social-workspace{--primary-color:#b9402b;--primary-hover:#923220;--social-ink:#242633;--social-muted:#6b6b76;--social-line:#e5e1dc;background:var(--m-paper)}
.m-primary,.platform-compose,.btn-primary{background:var(--m-accent);border-color:var(--m-accent);--bs-btn-bg:#b9402b;--bs-btn-border-color:#b9402b;--bs-btn-hover-bg:#923220;--bs-btn-hover-border-color:#923220;--bs-btn-active-bg:#923220}
.m-primary:hover,.platform-compose:hover{background:var(--primary-hover)}
:focus-visible{outline:3px solid var(--m-accent);outline-offset:3px}
.mobile-navigation{inset:auto 0 0;margin:0 auto;width:min(100%,600px);max-width:100%;max-height:calc(100dvh - 24px);padding:24px 20px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--m-line);border-radius:24px 24px 0 0;background:var(--m-paper);color:var(--m-ink);overscroll-behavior:contain;overflow-y:auto}
.mobile-navigation::backdrop{background:#17182499;backdrop-filter:blur(4px)}
body:has(.mobile-navigation[open]){overflow:hidden}
.mobile-navigation header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mobile-navigation h2{font-size:28px;letter-spacing:-1px;margin:5px 0 0}
.mobile-navigation button{border:0;background:transparent;color:var(--m-ink);min-width:44px;min-height:44px}.mobile-navigation header button{background:white;border-radius:50%}
.mobile-account{display:flex;gap:12px;align-items:center;color:var(--m-ink);padding:16px 0;border-block:1px solid var(--m-line)}.mobile-account img{width:44px;height:44px;border-radius:14px;object-fit:cover}.mobile-account span{flex:1;min-width:0}.mobile-account strong,.mobile-account small{display:block;overflow:hidden;text-overflow:ellipsis}.mobile-account small{color:var(--m-muted);font-size:12px}
.mobile-destinations{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:20px 0}.mobile-destinations a{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px;background:white;border:1px solid var(--m-line);border-radius:12px;color:var(--m-ink);font-size:13px;font-weight:600}.mobile-destinations i{color:var(--m-accent);font-size:19px}.mobile-destinations a:hover{border-color:var(--m-accent)}
.mobile-create-links{display:flex;gap:12px;flex-wrap:wrap}.mobile-create-links a{flex:1;white-space:nowrap;padding:14px;background:var(--m-ink);color:white;border-radius:10px;font-size:13px}.mobile-create-links i{float:right;margin-left:12px}
.mobile-navigation footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;font-size:13px}.mobile-navigation footer a{padding:12px 0}
@media(max-width:1199px){
body[data-signed-in]{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
body[data-signed-in]>.mobile-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(68px + env(safe-area-inset-bottom));padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--m-line);z-index:1030}
.mobile-dock .bottom-nav-item{display:flex;flex-direction:column;gap:4px;border:0;background:transparent;color:var(--m-muted);width:auto;height:56px;min-width:0;padding:6px 2px;border-radius:12px;font-size:20px;text-decoration:none;line-height:1.1}
.mobile-dock .bottom-nav-item>span{font-size:10px;font-weight:650}.mobile-dock [aria-current=page],.mobile-dock [aria-expanded=true]{color:var(--m-accent);background:#faeee9}.mobile-dock .dock-create>i{background:var(--m-ink);color:#fff;width:38px;height:28px;display:grid;place-items:center;border-radius:9px}.dock-badge{position:absolute;top:1px;right:10%;border-radius:20px;background:var(--m-accent);color:#fff;padding:3px 5px;font-size:9px;max-width:35px;overflow:hidden}
body[data-signed-in]>#contextFab{display:none!important}
.messages-app{height:calc(100dvh - 160px - env(safe-area-inset-bottom))}
.navbar .dropdown-menu{max-width:calc(100vw - 24px)}
}
@media(min-width:1200px){.mobile-dock{display:none!important}}
@media(prefers-reduced-motion:reduce){.mobile-dock *{transition:none}}

/* A consistent, visible action vocabulary on timeline, thread and post pages. */
.post-action-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:4px 16px 0;padding:8px 0;border-top:1px solid var(--m-line)}
.post-action-bar .post-action{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;min-width:0;border:0;border-radius:10px;background:transparent;color:var(--m-muted);font-size:12px;font-variant-numeric:tabular-nums;text-decoration:none}
.post-action i{font-size:19px}.post-action small{font-size:11px}.post-action:hover{background:#f5f1ed}.post-action[aria-pressed=true]{color:var(--m-accent);background:#faeee9}.post-action[data-post-action=like][aria-pressed=true]{color:#b42c59;background:#fceef2}.post-action:disabled{opacity:.45;cursor:not-allowed}.post-action:active:not(:disabled) i{transform:scale(.92)}
.post-utilities{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0 16px;padding:0 0 14px;color:var(--m-muted);font-size:10px}.post-utilities button{border:0;background:transparent;color:inherit;padding:8px 0;min-height:36px;font-size:11px}.post-utilities .post-metric{margin-right:auto}.post-utilities .dropdown-menu{font-size:13px}.post-repost-context{display:flex;gap:8px;align-items:center;padding:12px 16px 0;color:var(--m-muted);font-size:11px;font-weight:650}
.post-action-feedback{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:1080;max-width:min(480px,calc(100vw - 28px));width:max-content;padding:12px 18px;border-radius:12px;background:var(--m-ink);color:white;font-size:13px;box-shadow:0 8px 30px #24263324;overflow-wrap:anywhere}.post-action-feedback a{color:#f7c7af}.post-action-feedback[hidden]{display:none}
#post-comments{scroll-margin-top:90px}
@media(max-width:380px){.post-action-bar .post-action{flex-wrap:wrap;column-gap:5px;row-gap:0;padding:6px 2px}.post-action small{width:100%;text-align:center}.post-utilities{gap:12px}}
@media(prefers-reduced-motion:reduce){.post-action:active:not(:disabled) i{transform:none}}

.mobile-dock .dock-badge{width:auto;height:auto;min-width:16px;border:0;border-radius:12px;line-height:1.2}.menu-notification-count{margin-left:auto;padding:3px 5px;background:var(--m-accent);color:white;border-radius:12px;font-size:10px}.mobile-destinations a[aria-current=page]{border-color:var(--m-accent);background:#faeee9}

.reply-thread{background:white;border:1px solid var(--m-line);border-radius:16px;padding:20px;margin-top:20px}.reply-heading,.reply-heading nav,.reply-context,.reply-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.reply-heading h2{font-size:20px;margin:0}.reply-heading nav{font-size:12px}.reply-heading [aria-current]{font-weight:750;text-decoration:underline;text-underline-offset:5px}.reply-context{font-size:12px;justify-content:flex-start;margin:20px 0}.reply-card{display:flex;gap:12px;padding:20px 0;border-top:1px solid var(--m-line);scroll-margin-top:90px}.reply-card>a img{width:36px;height:36px;object-fit:cover;border-radius:50%}.reply-body{flex:1;min-width:0}.reply-body header{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;font-size:12px}.reply-body header a{color:var(--m-ink)}.reply-body header span,.reply-body time{color:var(--m-muted);font-size:11px}.reply-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;margin:10px 0}.reply-body footer{display:flex;gap:18px;align-items:center;font-size:12px}.reply-body button{border:0;background:transparent;min-height:40px;color:var(--m-muted)}.reply-body button[aria-pressed=true]{color:#b42c59}.reply-focused{border-left:3px solid var(--m-accent);padding-left:12px;margin:15px 0}.reply-removed,.reply-empty{color:var(--m-muted);font-size:13px}.reply-composer{padding:18px 0}.reply-composer label{font-size:13px;font-weight:650}.reply-composer textarea{display:block;width:100%;resize:vertical;min-height:100px;border:1px solid var(--m-line);border-radius:12px;padding:12px;margin:10px 0}.reply-composer footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.reply-composer footer span,#replyStatus{font-size:12px;color:var(--m-muted)}.reply-empty{padding:24px 0}.reply-signin{display:block;padding:20px 0}.reply-pagination{font-size:13px;padding-top:12px}
@media(max-width:600px){.reply-thread{padding:14px}.reply-composer footer span{max-width:55%}}