/* Thread composition, not a second component kit.
   Scoped to thread routes. Existing permissions, anchors and actions stay intact. */
.thread-page.thread-depth {
  --depth-ink: #332720;
  --depth-body: #5c4c41;
  --depth-muted: #8c796c;
  --depth-brick: #a24933;
  --depth-paper: #fffcf7;
  --depth-line: #e1d5c7;
  --depth-ease: cubic-bezier(.2,.8,.2,1);
  max-width: 1160px;
  color: var(--depth-ink);
}
.thread-depth .thread-breadcrumb { margin: 0 0 24px; }
.thread-depth .thread-breadcrumb>a:first-child { font-weight: 650; color: var(--depth-ink); }
.thread-depth .thread-breadcrumb>button { border-radius: 50%; width: 44px; height: 44px; justify-content: center; padding: 0; font-size: 0; background: #eadfcf66; }
.thread-depth .thread-breadcrumb>button>svg { width: 18px; height: 18px; }
.thread-depth .thread-layout { grid-template-columns: minmax(0,1fr) 232px; gap: 54px; align-items: start; }
.thread-depth .thread-main { min-width: 0; }
.thread-depth .thread-original { position: relative; padding: 12px 0 0; border-bottom: 0!important; }
.thread-depth .thread-kicker { min-height: 44px; margin: 0 0 24px; gap: 9px; }
.thread-depth .thread-kicker>span:first-child { display: inline-flex; align-items: center; gap: 9px; color: var(--depth-brick); font-weight: 700; font-size: 13px; letter-spacing: .03em; }
.thread-depth .thread-kicker>span:first-child::before { content: ''; width: 20px; height: 2px; background: var(--depth-brick); }
.thread-depth .thread-badge { border-radius: 4px; padding: 3px 7px; background: #e9d8c8; font-size: 11px; }
.thread-depth .thread-opening-count { display: inline-flex; align-items: baseline; gap: 7px; margin-left: auto; padding: 0 0 0 12px; min-height: 44px; color: var(--depth-muted); border: 0; background: transparent; font-size: 12px; }
.thread-depth .thread-opening-count strong { font-size: 27px; font-weight: 500; line-height: 1.6; letter-spacing: -.06em; font-variant-numeric: tabular-nums; color: var(--depth-ink); }
.thread-depth .thread-opening-count>svg { width: 15px; height: 15px; align-self: center; margin-left: 3px; transform: rotate(90deg); transition: transform .25s var(--depth-ease); }
.thread-depth .thread-opening-count:hover { color: var(--depth-brick); }
.thread-depth .thread-opening-count:hover>svg { transform: rotate(90deg) translateX(3px); }
.thread-depth .thread-original h1 { max-width: 22ch; margin: 0 0 32px; color: var(--depth-ink); font-size: clamp(32px,3.55vw,47px); line-height: 1.35; font-weight: 780; letter-spacing: -.045em; text-wrap: pretty; animation: thread-depth-title .45s var(--depth-ease) both; }
.thread-depth .thread-original>.thread-origin-author { padding: 0 0 24px; border-bottom: 1px solid var(--depth-line); gap: 13px; }
.thread-depth .thread-original .thread-avatar { width: 48px; height: 48px; border: 3px solid var(--depth-paper); box-shadow: 0 0 0 1px #cdb9a56b; }
.thread-depth .thread-author-copy>a { font-size: 14px; font-weight: 650; color: var(--depth-ink); }
.thread-depth .thread-author-copy>a:hover { color: var(--depth-brick); }
.thread-depth .thread-author-copy time { font-size: 12px; color: var(--depth-muted); }
.thread-depth .thread-author-copy>span { margin-top: 4px; gap: 6px; }
.thread-depth .thread-author-copy b { padding: 1px 5px; font-size: 10px; border-radius: 3px; background: #ead7c7; }
.thread-depth .thread-original-label { align-self: center; color: #978171; font-size: 12px; }
.thread-depth .thread-original>.thread-body { margin: 30px 0 28px; max-width: 68ch; color: #44382f; font-size: 17px; font-weight: 400; letter-spacing: .005em; line-height: 2.05; }
.thread-depth .thread-original .post-media { margin: 28px 0; border-radius: 4px 18px 18px 18px; background: #e9dfd2; overflow: hidden; }
.thread-depth .thread-original .post-media img { transition: transform .5s var(--depth-ease); }
.thread-depth .thread-original .post-media button:hover img { transform: scale(1.015); }
.thread-depth .thread-reactions { gap: 6px; margin-top: 34px; padding: 17px 0; border-block: 1px solid var(--depth-line); }
.thread-depth .thread-reactions>button,.thread-depth .thread-reactions .following-toggle { border-radius: 8px; min-height: 44px; padding: 9px 10px; color: var(--depth-body); font-size: 13px; }
.thread-depth .thread-reactions>button:not(.thread-primary-reply):hover { background: #eaddcb80; color: var(--depth-brick); }
.thread-depth .thread-reactions>button.on,.thread-depth .thread-reactions>button.saved { color: var(--depth-brick); background: #f0dfd1; }
.thread-depth .thread-reactions>.thread-primary-reply { background: var(--depth-ink); color: var(--depth-paper); border-radius: 8px; padding-inline: 19px; box-shadow: 0 5px 12px #4e2e1512; }
.thread-depth .thread-reactions>.thread-primary-reply:hover { background: var(--depth-brick); box-shadow: 0 7px 16px #7c382621; }
.thread-depth .thread-reactions>.thread-primary-reply>svg { transition: transform .25s var(--depth-ease); }
.thread-depth .thread-reactions>.thread-primary-reply:hover>svg { transform: translateY(-2px); }
/* The discussion is a new chapter, with one connecting line instead of boxes. */
.thread-depth .thread-discussion { margin-top: 52px; }
.thread-depth .thread-discussion-heading { padding: 0 0 24px; align-items: center; }
.thread-depth .thread-discussion-heading>div { gap: 11px; }
.thread-depth .thread-discussion-sign { display: grid; place-items: center; width: 43px; height: 43px; color: var(--depth-brick); margin-right: 4px; }
.thread-depth .thread-discussion-sign svg { width: 36px; height: 36px; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
.thread-depth .thread-discussion-sign path:last-child { stroke-dasharray: 24; stroke-dashoffset: 0; transition: stroke-dashoffset .4s var(--depth-ease); }
.thread-depth .thread-discussion-heading:hover .thread-discussion-sign path:last-child { stroke-dashoffset: -48; }
.thread-depth .thread-discussion-heading h2 { display: inline-flex; align-items: center; gap: 11px; margin: 0; color: var(--depth-ink); font-size: 27px; font-weight: 740; line-height: 1.3; letter-spacing: -.04em; }
.thread-depth .thread-response-count { align-self: flex-start; color: var(--depth-brick); font-size: 16px; line-height: 1.4; letter-spacing: -.02em; font-weight: 550; font-variant-numeric: tabular-nums; }
.thread-depth .thread-discussion-heading small { margin-left: 4px; padding-left: 16px; border-left: 1px solid var(--depth-line); color: var(--depth-muted); font-size: 12px; line-height: 1.7; }
.thread-depth .thread-discussion-heading>button { border-radius: 50%; color: var(--depth-muted); background: transparent; }
.thread-depth .thread-discussion-heading>button:hover { color: var(--depth-brick); background: #eadcca70; }
.thread-depth .thread-discussion-heading>button>svg { transition: transform .4s var(--depth-ease); }
.thread-depth .thread-discussion-heading>button:hover>svg { transform: rotate(40deg); }
.thread-depth .thread-discussion-toolbar { align-items: center; border-block: 1px solid var(--depth-line); padding: 0; background: #fffaf34d; }
.thread-depth .thread-filters { gap: 23px; }
.thread-depth .thread-filters button { min-height: 50px; padding-block: 13px; font-size: 13px; font-weight: 500; color: var(--depth-muted); }
.thread-depth .thread-filters button.active { color: var(--depth-ink); border-color: var(--depth-brick); font-weight: 700; }
.thread-depth .thread-reading-nav { gap: 4px; }
.thread-depth .thread-reading-nav button { min-height: 44px; font-size: 12px; padding-inline: 7px; color: var(--depth-body); }
.thread-depth .thread-reading-nav>span { margin-left: 7px; color: var(--depth-muted); font-size: 11px; }
.thread-depth .thread-floors { position: relative; }
.thread-depth .thread-floor { position: relative; isolation: isolate; padding: 28px 0 24px; border-bottom: 1px solid #e4d8ca9c; border-radius: 0; background: transparent; }
.thread-depth .thread-floor::before { content: ''; position: absolute; z-index: -1; top: 73px; bottom: 0; left: 21px; width: 1px; background: linear-gradient(#d8c6b2,#e5dacf85); pointer-events: none; }
.thread-depth .thread-floor:last-child::before { bottom: 20px; background: linear-gradient(#d8c6b2,transparent); }
.thread-depth .thread-floor::after { content: ''; position: absolute; z-index: -2; inset: 11px -15px; border-radius: 0 12px 12px 0; border-left: 2px solid var(--depth-brick); background: linear-gradient(90deg,#ead9c754,#ead9c700 90%); opacity: 0; transform: translateX(4px); pointer-events: none; transition: transform .3s var(--depth-ease),opacity .25s; }
.thread-depth .thread-floor:focus-within::after,.thread-depth .thread-floor.thread-highlight::after,.thread-depth .thread-floor.is-editing::after { opacity: 1; transform: none; }
.thread-depth .thread-floor>header { gap: 14px; }
.thread-depth .thread-floor .thread-avatar { width: 43px; height: 43px; border: 3px solid var(--depth-paper); box-shadow: 0 0 0 1px #d0bda663; }
.thread-depth .thread-floor.is-author .thread-avatar { box-shadow: 0 0 0 1px #a2493363; }
.thread-depth .thread-floor .thread-author-copy>a { font-size: 14px; }
.thread-depth .thread-floor>.thread-body { margin: 16px 0 12px 57px; font-size: 16px; line-height: 1.95; color: #463a31; max-width: 66ch; }
.thread-depth .thread-floor>footer { margin-left: 57px; gap: 12px; min-height: 42px; }
.thread-depth .thread-floor>footer>div { gap: 10px; }
.thread-depth .thread-floor-number { align-self: center; gap: 3px; min-height: 44px; color: #a18b78; font-size: 15px; font-weight: 450; letter-spacing: -.02em; }
.thread-depth .thread-floor-number small { font-size: 10px; letter-spacing: 0; }
.thread-depth .thread-floor-number:hover { color: var(--depth-brick); }
.thread-depth .thread-floor-context { color: #a47c60; font-size: 11px; }
.thread-depth .thread-floor footer .thread-reply-action { border-radius: 7px; background: transparent; color: #8b5b41; font-size: 12px; min-height: 44px; padding: 8px 10px; }
.thread-depth .thread-floor footer .thread-reply-action:hover { background: #ead7c480; color: var(--depth-brick); }
.thread-depth .thread-floor footer .thread-reply-action>svg { width: 16px; height: 16px; transition: transform .25s var(--depth-ease); }
.thread-depth .thread-floor footer .thread-reply-action:hover>svg { transform: translate(-2px,-1px); }
.thread-depth .thread-floor .thread-more>summary { color: #947f6c; font-size: 12px; }
.thread-depth .thread-quote { width: calc(100% - 57px); margin: 18px 0 0 57px; padding: 12px 34px 12px 16px; border-left: 2px solid #b68e6b; border-radius: 0; background: #ece0d050; }
.thread-depth .thread-quote:hover { background: #e7d5be8c; }
.thread-depth .thread-quote>span { font-size: 12px; color: #946347; }
.thread-depth .thread-quote>p { font-size: 14px; color: #8b7562; }
.thread-depth .reply-floor-media,.thread-depth .reply-edited-at { margin-left: 57px; }
.thread-depth .reply-floor-media { gap: 8px; margin-block: 18px; }
.thread-depth .reply-floor-media>button { border-radius: 4px 10px 10px 10px; overflow: hidden; }
.thread-depth .reply-floor-media img { transition: transform .4s var(--depth-ease); }
.thread-depth .reply-floor-media>button:hover img { transform: scale(1.025); }
.thread-depth .reply-edited-at { font-size: 11px; color: #9e8977; }
.thread-depth .thread-floor.thread-highlight { background: transparent; box-shadow: none; }
.thread-depth .thread-more-menu { background: var(--depth-paper); border-color: #dac4ac; border-radius: 9px; box-shadow: 0 16px 45px #382b2226; }
.thread-depth .thread-pagination { margin-top: 8px; padding: 22px 0; }
.thread-depth .thread-pagination button { border-radius: 7px; }
.thread-depth .thread-page-numbers [aria-current=page] { background: var(--depth-ink); color: var(--depth-paper); }
/* A dark walnut reading spine gives the warm, quiet page a clear counterweight. */
.thread-depth .thread-aside { top: 96px; gap: 25px; padding-top: 12px; }
.thread-depth .thread-reader { position: relative; margin: 0; padding: 23px 19px 18px; background: #3b2c24; border: 0; border-top: 3px solid #ab654a; border-radius: 0 0 13px 13px; box-shadow: 0 16px 38px #4c302011; }
.thread-depth .thread-reader>header { position: relative; grid-template-columns: 19px minmax(0,1fr); padding-bottom: 19px; margin-bottom: 7px; border-bottom: 1px solid #e9d0b524; color: #c59b7a; }
.thread-depth .thread-reader h2 { font-size: 14px; font-weight: 600; color: #fcf2e6; letter-spacing: .02em; }
.thread-depth .thread-reader-status { color: #c4ab95; font-size: 11px; }
.thread-depth .thread-reader-track { max-height: min(44dvh,420px); padding: 5px 0; margin: 0 -6px; scrollbar-color: #8c6c55 transparent; gap: 2px; }
.thread-depth .thread-reader-stop { padding: 12px 8px 12px 13px; grid-template-columns: 30px minmax(0,1fr); gap: 3px 7px; border-radius: 0 6px 6px 0; color: #dac5af; }
.thread-depth .thread-reader-stop small { color: #ba9e85; font-size: 11px; }
.thread-depth .thread-reader-stop>span { color: #ead8c6; font-size: 12px; font-weight: 500; }
.thread-depth .thread-reader-stop i { color: #bca38b; font-size: 11px; }
.thread-depth .thread-reader-stop:hover { background: #edd0b30d; }
.thread-depth .thread-reader-stop[aria-current=location] { background: #f5d9bb14; }
.thread-depth .thread-reader-stop[aria-current=location]>span { color: #fff6eb; }
.thread-depth .thread-reader-stop[aria-current=location] small { color: #dfae88; }
.thread-depth .thread-reader-stop[aria-current=location] i { color: #d6bca2; }
.thread-depth .thread-reader-stop::before,.thread-depth .thread-reader-stop[aria-current=location]::before { background: #d8936b; width: 2px; top: 10px; bottom: 10px; }
.thread-depth .thread-reader>footer { border-top-color: #e9d0b524; color: #c3aa91; font-size: 10px; }
.thread-depth .thread-reader>footer>button { color: #d8b494; font-size: 11px; }
.thread-depth .thread-reader>.thread-primary-reply { background: #f0dfcb; color: #4a3021; border: 1px solid #f0dfcb; border-radius: 6px; min-height: 44px; font-weight: 650; box-shadow: none; }
.thread-depth .thread-reader>.thread-primary-reply:hover { background: #fff4e6; border-color: #fff4e6; color: #753c28; transform: translateY(-1px); }
.thread-depth .thread-reader :is(button,a):focus-visible { outline-color: #e5ad80; }
.thread-depth .thread-reader .thread-finder-return { color: #ead8c6; border-color: #e9d0b524; }
.thread-depth .thread-board-details { padding: 13px 0 0; border-color: var(--depth-line); }
.thread-depth .thread-board-details>summary { color: #7f6652; font-size: 13px; }
.thread-depth .thread-board-details p,.thread-depth .thread-board-details a { font-size: 12px; }
/* One open writing space: identity above, words first, tools in a quiet lower band. */
.thread-depth .reply-entry-caption { padding-top: 18px; color: var(--depth-muted); font-size: 12px; }
.thread-depth .reply-editor { margin: 14px 0 34px; padding: 28px 28px 22px; border: 0; border-top: 2px solid #3e2c21; border-bottom: 1px solid #e2cdb7; border-radius: 0 0 12px 12px; background: #fffdf8; box-shadow: 0 13px 30px #51341909; transition: border-color .25s,box-shadow .25s; }
.thread-depth .reply-editor:focus-within { border-top-color: var(--depth-brick); box-shadow: 0 16px 34px #6a3b1910; }
.thread-depth .reply-editor-heading { margin: 0 0 12px; align-items: center; }
.thread-depth .reply-editor-heading>.reply-composer-identity { display: flex; gap: 13px; min-width: 0; }
.thread-depth .reply-composer-avatar { display: grid; place-items: center; width: 43px; height: 43px; flex: 0 0 43px; overflow: hidden; border-radius: 50%; background: #eadccc; color: var(--depth-brick); }
.thread-depth .reply-composer-avatar>.wardrobe-avatar,.thread-depth .reply-composer-avatar>svg,.thread-depth .reply-composer-avatar>img { width: 100%; height: 100%; object-fit: cover; }
.thread-depth .reply-composer-title { display: grid; gap: 3px; min-width: 0; }
.thread-depth .reply-editor-heading .reply-composer-title>small { margin: 0; max-width: 100%; font-size: 12px; line-height: 1.5; color: #7d6551; }
.thread-depth .reply-composer-title>small>span { color: #a48a73; margin-left: 5px; }
.thread-depth .reply-editor-heading .reply-composer-title>strong { font-size: 21px; line-height: 1.45; font-weight: 680; letter-spacing: -.035em; color: var(--depth-ink); white-space: normal; }
.thread-depth .reply-editor-heading>button { color: #ae9580; background: transparent; }
.thread-depth .reply-editor-heading>button:hover { background: #f3e9dd; color: var(--depth-brick); }
.thread-depth .reply-writing-surface,.thread-depth .reply-writing-surface:focus-within { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.thread-depth #reply-compose-body { min-height: 157px; max-height: 45dvh; padding: 24px 0 18px; color: var(--depth-ink); font-size: 17px; line-height: 1.9; border: 0; border-radius: 0; background: transparent; box-shadow: none; outline: none; }
.thread-depth #reply-compose-body::placeholder { color: #b39a84; }
.thread-depth .reply-format-toolbar { gap: 2px; padding: 7px 0; margin-top: 3px; border-top-color: #e5d7c5; }
.thread-depth .reply-format-toolbar button { color: #8b725b; min-height: 42px; min-width: 38px; border-radius: 5px; padding-inline: 9px; }
.thread-depth .reply-format-toolbar button:hover,.thread-depth .reply-format-toolbar [aria-pressed=true] { color: var(--depth-brick); background: #f1e4d5; }
.thread-depth .reply-editor .mention-composer { margin-bottom: 7px; }
.thread-depth .reply-editor .mention-launch { min-height: 42px; color: #8c6046; }
.thread-depth .reply-editor .mention-picker { background: var(--depth-paper); box-shadow: 0 12px 28px #40291817; border-color: #d6bba0; }
.thread-depth .reply-editor-toolbar { margin: 0; padding: 4px 0 0; }
.thread-depth .reply-editor-toolbar>button { padding-left: 0; font-size: 12px; color: #83583f; }
.thread-depth .reply-editor-toolbar small,.thread-depth .reply-word-count { font-size: 11px; color: #aa927b; }
.thread-depth .reply-local-status { margin: 5px 0 0; font-size: 11px; line-height: 1.7; color: #a38c76; }
.thread-depth .reply-send-feedback { padding: 8px 0 0; font-size: 13px; }
.thread-depth .reply-editor>footer { margin-top: 16px; border-top: 0; padding-top: 5px; padding-bottom: 0; }
.thread-depth .reply-editor>footer>span { color: #a38c76; font-size: 11px; }
.thread-depth .reply-send { border-radius: 7px; min-height: 46px; padding: 12px 19px; font-size: 13px; background: var(--depth-ink); box-shadow: 0 5px 12px #4e2e1512; }
.thread-depth .reply-send:not(:disabled):hover { background: var(--depth-brick); box-shadow: 0 7px 16px #7c382621; }
.thread-depth .reply-editor-quote { margin: 20px 0 0; background: #f0e4d970; border-left: 2px solid #bc9270; border-radius: 0; padding: 12px 43px 12px 14px; }
.thread-depth .reply-editor-quote>span { color: #9c6546; font-size: 12px; }
.thread-depth .reply-editor-quote>p { color: #8a715c; font-size: 13px; }
.thread-depth .thread-floor .reply-editor { margin: 20px 0 8px 57px; padding: 22px; border-top: 2px solid var(--depth-brick); }
.thread-depth .thread-floor .reply-editor-heading .reply-composer-title>strong { font-size: 18px; }
.thread-depth .reply-guest-entry { position: relative; padding: 32px 0 28px; margin-top: 28px; border: 0; border-top: 2px solid var(--depth-ink); }
.thread-depth .reply-guest-entry h2 { max-width: 19em; font-size: clamp(22px,2.1vw,28px); line-height: 1.45; font-weight: 720; color: var(--depth-ink); }
.thread-depth .reply-guest-entry>p { margin-block: 10px 23px; font-size: 14px; color: var(--depth-muted); }
.thread-depth .reply-guest-entry>.button { background: var(--depth-ink); border-color: var(--depth-ink); color: var(--depth-paper); border-radius: 7px; min-height: 46px; padding: 12px 18px; }
.thread-depth .reply-guest-entry>.button:hover { background: var(--depth-brick); border-color: var(--depth-brick); }
.thread-depth .reply-register-link { font-size: 12px; }
.thread-depth .thread-end { padding: 15px 0 25px; font-size: 12px; color: var(--depth-muted); }
.thread-depth .thread-end>button { color: var(--depth-brick); }
@media (hover:hover) {
  .thread-depth .thread-floor:hover::after { opacity: 1; transform: none; }
  .thread-depth .thread-floor:hover .thread-floor-number { color: var(--depth-brick); }
}
@keyframes thread-depth-title { from { opacity: .3; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 801px) and (max-width: 1150px) {
  .thread-depth .thread-layout { grid-template-columns: minmax(0,1fr) 195px; gap: 30px; }
  .thread-depth .thread-reader { padding-inline: 14px; }
  .thread-depth .thread-original h1 { font-size: 35px; }
  .thread-depth .thread-discussion-heading small { display: block; flex-basis: 100%; margin: 2px 0 0 58px; padding: 0; border: 0; }
  .thread-depth .thread-discussion-toolbar { gap: 0 12px; }
}
@media (max-width: 800px) {
  .thread-page.thread-depth { max-width: 100%; width: 100%; min-width: 0; }
  .thread-depth .thread-layout { display: block; }
  .thread-depth .thread-original { padding-top: 4px; }
  .thread-depth .thread-kicker { margin-bottom: 18px; }
  .thread-depth .thread-original h1 { max-width: 100%; margin-bottom: 25px; font-size: 32px; line-height: 1.42; letter-spacing: -.04em; }
  .thread-depth .thread-original>.thread-origin-author { padding-bottom: 21px; gap: 11px; }
  .thread-depth .thread-original .thread-avatar { width: 43px; height: 43px; }
  .thread-depth .thread-original>.thread-body { margin-block: 25px; font-size: 17px; line-height: 1.95; }
  .thread-depth .thread-reactions { gap: 3px; padding: 12px 0; }
  .thread-depth .thread-reactions>button,.thread-depth .thread-reactions .following-toggle { font-size: 12px; padding-inline: 8px; }
  .thread-depth .thread-reactions>.thread-primary-reply { padding-inline: 14px; }
  .thread-depth .thread-aside { position: static; padding: 0; margin-top: 18px; }
  .thread-depth .thread-discussion { margin-top: 37px; }
  .thread-depth .thread-discussion-heading { padding-bottom: 19px; }
  .thread-depth .thread-discussion-heading h2 { font-size: 25px; }
  .thread-depth .thread-discussion-heading small { margin: 0; padding-left: 12px; font-size: 11px; }
  .thread-depth .thread-discussion-sign { width: 34px; height: 39px; margin-right: 0; }
  .thread-depth .thread-discussion-sign svg { width: 32px; height: 32px; }
  .thread-depth .thread-response-count { font-size: 14px; }
  .thread-depth .thread-discussion-toolbar { align-items: center; flex-wrap: wrap; gap: 0 12px; }
  .thread-depth .thread-reading-nav { margin-left: auto; }
  .thread-depth .thread-filters { gap: 22px; }
  .thread-depth .thread-filters button { min-height: 49px; font-size: 13px; }
  .thread-depth .thread-reading-nav button { min-height: 44px; font-size: 12px; padding-inline: 6px; }
  .thread-depth .thread-floor { padding: 25px 0 21px; }
  .thread-depth .thread-floor .thread-avatar { width: 39px; height: 39px; }
  .thread-depth .thread-floor>header { gap: 11px; }
  .thread-depth .thread-floor::before { top: 66px; left: 19px; }
  .thread-depth .thread-floor::after { inset: 9px -9px; }
  .thread-depth .thread-floor>.thread-body { margin-left: 50px; font-size: 16px; }
  .thread-depth .thread-floor>footer { margin-left: 50px; gap: 5px; }
  .thread-depth .thread-floor>footer>div { gap: 3px; }
  .thread-depth .thread-quote { width: calc(100% - 50px); margin-left: 50px; padding-left: 12px; }
  .thread-depth .reply-floor-media,.thread-depth .reply-edited-at { margin-left: 50px; }
  .thread-depth .reply-floor-media { max-width: calc(100% - 50px); }
  .thread-depth .thread-floor .reply-editor { margin-left: 0; padding: 20px 16px; }
  .thread-depth .reply-editor { margin-bottom: 28px; padding: 23px 20px 20px; border-radius: 0 0 10px 10px; }
  .thread-depth .reply-composer-avatar { width: 40px; height: 40px; flex-basis: 40px; }
  .thread-depth .reply-editor-heading .reply-composer-title>strong { font-size: 20px; }
  .thread-depth .reply-editor-heading .reply-composer-title>small { font-size: 12px; }
  .thread-depth #reply-compose-body { font-size: 16px; min-height: 145px; padding-top: 23px; }
  .thread-depth .reply-editor>footer { flex-wrap: nowrap; }
  .thread-depth .reply-editor>footer>span { font-size: 10px; }
  .thread-depth .reply-send { padding-inline: 15px; font-size: 13px; }
  .thread-depth .thread-mobile-dock { background: #3c2d25f5; color: #f6eadb; border: 1px solid #3d2d24; border-radius: 12px; box-shadow: 0 9px 28px #2c1c1938; padding: 6px 7px; }
  .thread-depth .thread-mobile-dock>button:first-child { background: #ead7c914; color: #e7d1bd; border-radius: 7px; font-size: 13px; }
  .thread-depth .thread-mobile-dock>button:first-child:hover { background: #ead7c924; }
  .thread-depth .thread-mobile-dock>button:first-child>svg:last-child { color: #e0a67c; }
  .thread-depth .thread-mobile-dock>button:last-child { color: #e3c5a9; min-width: 49px; font-size: 12px; }
  .thread-depth .thread-mobile-dock :is(button,a):focus-visible { outline-color: #e5ad80; }
}
@media (max-width: 480px) {
  .thread-depth .thread-breadcrumb { gap: 7px; margin-bottom: 16px; font-size: 12px; }
  .thread-depth .thread-original h1 { font-size: 29px; line-height: 1.43; }
  .thread-depth .thread-kicker { gap: 7px; margin-bottom: 14px; }
  .thread-depth .thread-kicker>span:first-child { font-size: 12px; gap: 7px; }
  .thread-depth .thread-kicker>span:first-child::before { width: 15px; }
  .thread-depth .thread-opening-count { font-size: 11px; gap: 5px; }
  .thread-depth .thread-opening-count strong { font-size: 23px; }
  .thread-depth .thread-opening-count>svg { width: 13px; height: 13px; margin-left: 0; }
  .thread-depth .thread-original-label { max-width: 62px; font-size: 11px; gap: 5px; }
  .thread-depth .thread-original-label>svg { display: none; }
  .thread-depth .thread-author-copy time { font-size: 11px; }
  .thread-depth .thread-original>.thread-body { font-size: 16px; }
  .thread-depth .thread-reactions>.thread-primary-reply { margin-left: auto; }
  .thread-depth .thread-reactions .thread-more>summary { min-width: 44px; padding-inline: 7px; }
  .thread-depth .thread-reactions .thread-more>summary>span { display: none; }
  .thread-depth .thread-discussion-heading>div { gap: 8px; }
  .thread-depth .thread-discussion-heading small { padding-left: 10px; font-size: 10px; }
  .thread-depth .thread-discussion-heading h2 { font-size: 24px; gap: 8px; }
  .thread-depth .thread-reading-nav { width: 100%; border-top: 1px solid #e4d7c866; justify-content: flex-end; padding: 0; margin-bottom: 0; }
  .thread-depth .thread-reading-nav>span { font-size: 11px; }
  .thread-depth .thread-floor .thread-avatar { width: 34px; height: 34px; border-width: 2px; }
  .thread-depth .thread-floor>header { gap: 10px; }
  .thread-depth .thread-floor::before { left: 16px; top: 61px; }
  .thread-depth .thread-floor>.thread-body { margin: 15px 0 9px 44px; line-height: 1.95; }
  .thread-depth .thread-floor>footer { margin-left: 44px; }
  .thread-depth .thread-floor footer .thread-reply-action { font-size: 12px; padding-inline: 7px; }
  .thread-depth .thread-floor>footer>div { gap: 0; }
  .thread-depth .thread-floor .thread-more>summary { min-width: 44px; padding-inline: 6px; }
  .thread-depth .thread-floor .thread-more>summary>span { font-size: 11px; }
  .thread-depth .thread-floor-context { font-size: 10px; }
  .thread-depth .thread-floor-number { font-size: 14px; padding-left: 4px; }
  .thread-depth .thread-floor>.thread-quote { width: calc(100% - 44px); margin-left: 44px; font-size: 12px; }
  .thread-depth .thread-quote>p { font-size: 13px; }
  .thread-depth .reply-floor-media,.thread-depth .reply-edited-at { margin-left: 44px; }
  .thread-depth .reply-floor-media { max-width: calc(100% - 44px); }
  .thread-depth .reply-editor { padding: 21px 16px 18px; }
  .thread-depth .reply-editor-heading>.reply-composer-identity { gap: 10px; }
  .thread-depth .reply-editor-heading .reply-composer-title>strong { font-size: 19px; }
  .thread-depth .reply-composer-avatar { width: 36px; height: 36px; flex-basis: 36px; }
  .thread-depth .reply-format-toolbar { gap: 0; }
  .thread-depth .reply-format-toolbar button { min-width: 36px; padding-inline: 8px; font-size: 11px; }
  .thread-depth .reply-editor>footer>span { max-width: 45%; line-height: 1.6; }
  .thread-depth .reply-send { gap: 6px; padding-inline: 13px; }
  .thread-depth .thread-end { font-size: 11px; gap: 12px; }
  .thread-depth .thread-end>button { font-size: 12px; }
}
@media (max-width: 360px) {
  .thread-depth .thread-original h1 { font-size: 27px; }
  .thread-depth .thread-discussion-heading small { width: 100%; padding: 0; margin-left: 42px; border: 0; }
  .thread-depth .thread-floor-context { max-width: 44px; }
  .thread-depth .thread-floor>footer { gap: 0; }
  .thread-depth .thread-floor .thread-more>summary { min-width: 40px; }
  .thread-depth .thread-floor footer .thread-reply-action { padding-inline: 5px; }
  .thread-depth .reply-editor { padding-inline: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .thread-depth *, .thread-depth *::before, .thread-depth *::after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
}

/* One reply flow. Secondary tools open only when requested. */
.thread-page.thread-clarity { --clarity-label:13px; --clarity-meta:12px; --clarity-copy:16px; }
.thread-clarity .thread-layout { grid-template-columns:minmax(0,1fr) 204px; gap:44px; }
.thread-clarity .thread-reactions { gap:8px; padding:12px 0; margin-top:28px; }
.thread-clarity .thread-reactions>button,.thread-clarity .thread-reactions .following-toggle { min-height:44px; font-size:14px; padding:9px 12px; }
.thread-clarity .thread-reactions>.thread-primary-reply { margin-left:auto; min-width:100px; }
.thread-clarity .thread-reactions .thread-more>summary { min-height:44px; font-size:13px; }
.thread-clarity .thread-reactions .thread-more>summary>span { font-size:13px; }
.thread-clarity .thread-discussion { margin-top:32px; }
.thread-clarity .thread-discussion-heading { gap:16px; padding:0 0 14px; border-bottom:1px solid var(--depth-line); flex-wrap:wrap; }
.thread-clarity .thread-discussion-heading>div { gap:10px; }
.thread-clarity .thread-discussion-heading h2 { font-size:21px; line-height:1.5; font-weight:700; letter-spacing:-.025em; gap:9px; }
.thread-clarity .thread-response-count { align-self:center; font-size:14px; line-height:1.5; color:var(--depth-muted); font-weight:500; }
.thread-clarity .thread-discussion-options { display:flex; align-items:center; justify-content:flex-end; gap:4px; margin-left:auto; min-width:0; }
.thread-clarity .thread-author-filter { display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:9px 10px; border:0; border-radius:7px; background:transparent; color:var(--depth-body); font-size:13px; line-height:1.5; white-space:nowrap; }
.thread-clarity .thread-author-filter[aria-pressed=true] { color:var(--depth-brick); background:#eee0d16b; }
.thread-clarity .thread-author-filter svg { width:16px; height:16px; }
.thread-clarity .thread-reading-tools>summary { min-height:44px; padding:9px 10px; gap:6px; font-size:13px; color:var(--depth-body); }
.thread-clarity .thread-reading-tools>summary>span { font-size:13px; }
.thread-clarity .thread-reading-tools .thread-more-menu { min-width:208px; padding:6px; }
.thread-clarity .thread-reading-tools .thread-reading-nav { display:grid; grid-template-columns:1fr 1fr; gap:2px; width:100%; margin:0 0 5px; padding:0 0 6px; border:0; border-bottom:1px solid var(--depth-line); }
.thread-clarity .thread-reading-tools .thread-reading-nav button { min-height:44px; padding:10px 8px; font-size:13px; justify-content:flex-start; }
.thread-clarity .thread-reading-tools .thread-reading-nav>span { grid-column:1/-1; padding:4px 8px; margin:0; font-size:12px; }
.thread-clarity .thread-reading-tools .thread-more-menu>:is(button,a) { min-height:44px; font-size:13px; }
.thread-clarity .thread-author-filter:hover,.thread-clarity .thread-reading-tools>summary:hover { background:#eee0d16b; color:var(--depth-brick); }
.thread-clarity #thread-finder:not(.is-open) { display:none; }
.thread-clarity #thread-finder.is-open { padding:0 0 8px; margin:0 0 12px; border-bottom:1px solid var(--depth-line); }
.thread-clarity .tf-toggle { min-height:44px; padding:8px 0; }
.thread-clarity .tf-toggle strong,.thread-clarity .tf-modes button,.thread-clarity .tf-only { font-size:13px; }
.thread-clarity .tf-toggle small { font-size:12px; }
.thread-clarity .tf-hint,.thread-clarity .tf-result-heading,.thread-clarity .tf-author,.thread-clarity .tf-author time { font-size:12px; }
.thread-clarity .tf-excerpt { font-size:14px; }
.thread-clarity .thread-floors>.thread-empty { align-items:flex-start; padding:23px 0 9px; text-align:left; }
.thread-clarity .thread-floors>.thread-empty>svg { display:none; }
.thread-clarity .thread-floors>.thread-empty h3 { margin:0; font-size:16px; line-height:1.8; font-weight:500; color:var(--depth-body); }
.thread-clarity .thread-floors>.thread-empty p { margin:6px 0 0; font-size:13px; }
.thread-clarity .thread-floors>.thread-empty .button { margin-top:10px; min-height:44px; font-size:13px; }
.thread-clarity .thread-floor { padding:24px 0 19px; }
.thread-clarity .thread-floor>.thread-body { margin-top:13px; font-size:16px; line-height:1.9; }
.thread-clarity .thread-floor .thread-author-copy>a { font-size:14px; }
.thread-clarity .thread-author-copy time,.thread-clarity .thread-floor-context,.thread-clarity .reply-edited-at { font-size:12px; }
.thread-clarity .thread-author-copy b { font-size:11px; }
.thread-clarity .thread-floor-number { font-size:14px; }
.thread-clarity .thread-floor-number small { font-size:11px; }
.thread-clarity .thread-floor footer .thread-reply-action,.thread-clarity .thread-floor .thread-more>summary>span { font-size:13px; }
.thread-clarity .thread-floor footer .thread-reply-action { min-height:44px; }
.thread-clarity .thread-floor .thread-more>summary { min-height:44px; color:var(--depth-muted); }
.thread-clarity .thread-quote>span { font-size:12px; }
.thread-clarity .thread-quote>p { font-size:14px; line-height:1.8; }
.thread-clarity .thread-pagination { padding:16px 0; }
.thread-clarity .thread-pagination button { min-width:44px; min-height:44px; font-size:13px; }
/* The reading rail guides the eye without competing with the post. */
.thread-clarity .thread-aside { gap:18px; padding-top:12px; }
.thread-clarity .thread-reader { padding:0 0 0 20px; background:transparent; border:0; border-left:1px solid var(--depth-line); border-radius:0; box-shadow:none; }
.thread-clarity .thread-reader>header { padding-bottom:12px; margin-bottom:0; border:0; color:var(--depth-muted); }
.thread-clarity .thread-reader h2 { font-size:14px; color:var(--depth-body); }
.thread-clarity .thread-reader-status { font-size:12px; color:var(--depth-muted); }
.thread-clarity .thread-reader-track { max-height:min(48dvh,440px); margin:0 -6px 0 -10px; padding:0; scrollbar-color:#d4c1ae transparent; }
.thread-clarity .thread-reader-stop { min-height:54px; padding:10px; grid-template-columns:30px minmax(0,1fr); gap:2px 6px; border-radius:0; }
.thread-clarity .thread-reader-stop small { font-size:12px; color:var(--depth-muted); }
.thread-clarity .thread-reader-stop>span { font-size:13px; color:var(--depth-body); }
.thread-clarity .thread-reader-stop i { font-size:12px; color:var(--depth-muted); }
.thread-clarity .thread-reader-stop:hover,.thread-clarity .thread-reader-stop[aria-current=location] { background:#eaddcc66; }
.thread-clarity .thread-reader-stop[aria-current=location]>span,.thread-clarity .thread-reader-stop[aria-current=location] small { color:var(--depth-brick); }
.thread-clarity .thread-reader-stop[aria-current=location] i { color:var(--depth-body); }
.thread-clarity .thread-reader-stop::before,.thread-clarity .thread-reader-stop[aria-current=location]::before { background:var(--depth-brick); }
.thread-clarity .thread-reader>footer { padding-top:12px; margin-top:8px; border-color:var(--depth-line); color:var(--depth-muted); font-size:12px; }
.thread-clarity .thread-reader>footer>button { color:var(--depth-brick); font-size:12px; min-height:44px; }
.thread-clarity .thread-reader .tf-return { font-size:13px; color:var(--depth-brick); border-color:var(--depth-line); }
.thread-clarity .thread-reader :is(button,a):focus-visible { outline-color:var(--depth-brick); }
/* A single writing surface and a single tool line. */
.thread-clarity .reply-editor { position:relative; margin:26px 0 28px; padding:23px 0 0; border:0; border-top:1px solid var(--depth-line); border-radius:0; background:transparent; box-shadow:none; }
.thread-clarity .reply-editor:focus-within { border-top-color:#bc8e71; box-shadow:none; }
.thread-clarity .reply-editor-heading { margin:0 0 8px; }
.thread-clarity .reply-editor-heading>.reply-composer-identity { gap:11px; }
.thread-clarity .reply-composer-avatar { width:36px; height:36px; flex-basis:36px; }
.thread-clarity .reply-editor-heading .reply-composer-title>strong { font-size:19px; line-height:1.4; letter-spacing:-.02em; }
.thread-clarity .reply-editor-heading .reply-composer-title>small { font-size:12px; line-height:1.5; color:var(--depth-muted); }
.thread-clarity .reply-writing-surface { border:0; background:transparent; padding:0; }
.thread-clarity #reply-compose-body { min-height:130px; padding:16px 0; font-size:16px; line-height:1.9; }
.thread-clarity #reply-compose-body::placeholder { color:#998575; }
.thread-clarity .reply-editor-toolbar { position:relative; display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:0 16px; margin:0; padding:4px 0; border-top:1px solid #e3d6c65e; }
.thread-clarity .reply-editor-toolbar>button { order:1; min-height:44px; padding:8px 0; font-size:13px; color:var(--depth-body); white-space:nowrap; }
.thread-clarity .reply-editor-toolbar>button small { font-size:12px; color:var(--depth-muted); }
.thread-clarity .reply-editor-toolbar>.mention-composer { display:contents; margin:0; }
.thread-clarity .reply-editor-toolbar .mention-actions { order:2; margin:0; gap:0; }
.thread-clarity .reply-editor-toolbar .mention-launch { min-height:44px; padding:8px 0; font-size:13px; font-weight:400; color:var(--depth-body); border-radius:6px; }
.thread-clarity .reply-editor-toolbar .mention-launch:hover { color:var(--depth-brick); background:transparent; }
.thread-clarity .reply-format-menu { position:relative; order:3; flex:0 0 auto; }
.thread-clarity .reply-format-menu>summary { display:inline-flex; align-items:center; gap:6px; list-style:none; cursor:pointer; min-height:44px; padding:8px 0; color:var(--depth-body); font-size:13px; line-height:1.5; }
.thread-clarity .reply-format-menu>summary::-webkit-details-marker { display:none; }
.thread-clarity .reply-format-menu>summary::marker { content:''; }
.thread-clarity .reply-format-menu>summary svg { width:17px; height:17px; }
.thread-clarity .reply-format-menu[open]>summary,.thread-clarity .reply-format-menu>summary:hover { color:var(--depth-brick); }
.thread-clarity .reply-format-menu>.reply-format-toolbar { position:absolute; z-index:55; right:0; bottom:calc(100% + 8px); display:flex; flex-wrap:wrap; gap:3px; min-width:220px; max-width:calc(100vw - 48px); padding:7px; margin:0; border:1px solid #dfcdbb; border-radius:10px; background:var(--depth-paper); box-shadow:0 12px 35px #4e35271a; animation:clarity-menu-in .16s var(--depth-ease) both; }
.thread-clarity .reply-format-menu .reply-format-toolbar button { min-height:44px; min-width:38px; padding:8px 10px; font-size:13px; }
.thread-clarity .reply-format-menu .reply-format-toolbar button:last-child { margin-left:0; }
.thread-clarity .reply-word-count { order:4; margin-left:auto; font-size:12px; line-height:1.5; color:var(--depth-muted); white-space:nowrap; }
.thread-clarity .reply-editor-toolbar .mention-chips { order:5; flex:1 0 100%; min-width:0; margin:4px 0 0; gap:6px; }
.thread-clarity .reply-editor-toolbar .mention-caption { font-size:12px; }
.thread-clarity .reply-editor-toolbar .mention-chip { min-height:32px; max-width:100%; font-size:12px; padding:5px 8px; border-radius:6px; }
.thread-clarity .reply-editor-toolbar .mention-picker { position:absolute; z-index:60; bottom:calc(100% + 8px); left:0; right:0; margin:0; max-width:100%; max-height:min(380px,60dvh); overflow-y:auto; border-radius:10px; border-color:#dfcdbb; background:var(--depth-paper); box-shadow:0 12px 35px #4e35271a; }
.thread-clarity .reply-editor-toolbar .mention-picker header { padding:10px 12px; font-size:13px; background:#f5ece1; }
.thread-clarity .reply-editor-toolbar .mention-picker .mention-search input { min-height:44px; font-size:16px; }
.thread-clarity .reply-editor-toolbar .mention-results { max-height:180px; }
.thread-clarity .reply-editor-toolbar .mention-results strong { font-size:14px; }
.thread-clarity .reply-editor-toolbar .mention-results small { font-size:12px; }
.thread-clarity .reply-editor-toolbar .mention-picker>footer { font-size:12px; line-height:1.6; }
.thread-clarity .reply-local-status { margin:5px 0 0; font-size:12px; line-height:1.7; color:var(--depth-muted); }
.thread-clarity .reply-local-status:empty { display:none; }
.thread-clarity .reply-send-feedback,.thread-clarity .reply-conflict { font-size:13px; line-height:1.8; }
.thread-clarity .reply-editor>footer { margin-top:10px; padding-top:3px; padding-bottom:0; border:0; gap:12px; }
.thread-clarity .reply-editor>footer>span { max-width:none; font-size:12px; line-height:1.6; }
.thread-clarity .reply-send { min-height:46px; min-width:112px; padding:12px 18px; font-size:14px; border-radius:8px; box-shadow:none; }
.thread-clarity .reply-send:not(:disabled):hover { box-shadow:0 5px 14px #7a3f2314; }
.thread-clarity .thread-floor .reply-editor { margin:18px 0 5px 57px; padding:18px 0 0; border-top:1px solid var(--depth-line); }
.thread-clarity .thread-floor .reply-editor-heading .reply-composer-title>strong { font-size:18px; }
.thread-clarity .reply-guest-entry { margin-top:25px; padding:22px 0; border-top:1px solid var(--depth-line); }
.thread-clarity .reply-guest-entry h2 { font-size:20px; line-height:1.6; margin:0; }
.thread-clarity .reply-guest-entry>p { font-size:14px; margin:7px 0 15px; }
.thread-clarity .reply-guest-entry>.button { font-size:14px; min-height:44px; }
.thread-clarity .reply-register-link { font-size:13px; }
/* Related discussion is a continuation, not another feature dashboard. */
body[data-ui-shell="community"] .thread-clarity .thread-onward.onward-quiet { margin:30px 0 0; padding:22px 0 0; border-top:1px solid var(--depth-line); color:var(--depth-body); }
.thread-clarity .onward-quiet>header { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 0 6px; }
.thread-clarity .onward-quiet h2 { font-size:20px; line-height:1.5; font-weight:700; letter-spacing:-.02em; margin:0; color:var(--depth-ink); }
.thread-clarity .onward-options { position:relative; flex-shrink:0; }
.thread-clarity .onward-options>summary { display:flex; align-items:center; gap:6px; list-style:none; min-height:44px; padding:8px 0 8px 10px; color:var(--depth-muted); font-size:13px; cursor:pointer; }
.thread-clarity .onward-options>summary::-webkit-details-marker { display:none; }
.thread-clarity .onward-options>summary::marker { content:''; }
.thread-clarity .onward-options>summary:hover,.thread-clarity .onward-options[open]>summary { color:var(--depth-brick); }
.thread-clarity .onward-options .onward-switch { position:absolute; top:calc(100% + 4px); right:0; z-index:40; display:grid; gap:2px; min-width:152px; max-width:calc(100vw - 48px); margin:0; padding:6px; border:1px solid #dfcdbb; border-radius:9px; background:var(--depth-paper); box-shadow:0 12px 30px #4e35271a; animation:clarity-menu-in .16s var(--depth-ease) both; }
.thread-clarity .onward-options .onward-switch button { min-height:44px; padding:9px 11px; border:0; border-radius:5px; font-size:13px; text-align:left; }
.thread-clarity .onward-options .onward-switch button:hover,.thread-clarity .onward-options .onward-switch button[aria-pressed=true] { background:#eee0d17d; color:var(--depth-brick); }
.thread-clarity .onward-options .onward-switch button>span { display:none; }
.thread-clarity .onward-quiet .onward-row { display:block; padding:17px 0; border-color:#e4d8ca9c; }
.thread-clarity .onward-quiet .onward-meta { gap:6px 12px; font-size:12px; color:var(--depth-muted); }
.thread-clarity .onward-quiet .onward-meta>a { color:var(--depth-body); }
.thread-clarity .onward-quiet .onward-title { min-height:44px; padding:7px 0 3px; color:var(--depth-ink); }
.thread-clarity .onward-quiet .onward-title h3 { font-size:17px; line-height:1.65; font-weight:600; }
.thread-clarity .onward-quiet .onward-title>svg { width:16px; height:16px; }
.thread-clarity .onward-quiet .onward-row-tools { font-size:12px; line-height:1.6; gap:3px 13px; }
.thread-clarity .onward-quiet .onward-row-tools :is(button,a) { min-height:44px; font-size:13px; }
.thread-clarity .onward-quiet .onward-fold p { font-size:15px; line-height:1.85; color:var(--depth-body); }
.thread-clarity .onward-quiet .onward-fold small { font-size:12px; }
.thread-clarity .onward-quiet .onward-fold a { font-size:13px; min-height:44px; }
.thread-clarity .onward-quiet .onward-more { min-height:0; padding:8px 0 0; font-size:12px; }
.thread-clarity .onward-quiet .onward-more:empty { display:none; }
.thread-clarity .onward-quiet .onward-more button { min-height:44px; font-size:13px; }
.thread-clarity .onward-quiet .onward-empty,.thread-clarity .onward-quiet .onward-note { display:flex; min-height:0; padding:14px 0 18px; gap:8px; align-items:center; font-size:14px; line-height:1.8; color:var(--depth-muted); }
.thread-clarity .onward-quiet .onward-empty :is(p,h3) { margin:0; font-size:14px; line-height:1.8; font-weight:400; color:var(--depth-muted); }
.thread-clarity .onward-quiet .onward-empty button { margin:0; font-size:13px; min-height:44px; }
.thread-clarity .onward-quiet .onward-loading { min-height:0; padding:22px 0; gap:10px; }
.thread-clarity .onward-quiet>footer { margin-top:8px; padding:10px 0 0; border-color:var(--depth-line); gap:8px 16px; }
.thread-clarity .onward-quiet>footer>a { font-size:13px; min-height:44px; color:var(--depth-brick); }
.thread-clarity .onward-quiet.is-empty { padding-top:18px; }
@keyframes clarity-menu-in { from { opacity:0; transform:translateY(3px); } to { opacity:1; transform:none; } }
@media(min-width:801px) and (max-width:1120px) {
 .thread-clarity .thread-layout { grid-template-columns:minmax(0,1fr) 174px; gap:28px; }
 .thread-clarity .thread-reader { padding-left:15px; }
}
@media(max-width:800px) {
 .thread-clarity .thread-layout { display:block; }
 .thread-clarity .thread-reader { display:none; }
 .thread-clarity .thread-aside { margin-top:20px; padding-top:0; }
 .thread-clarity .thread-discussion { margin-top:25px; }
 .thread-clarity .thread-discussion-heading { gap:7px 12px; padding-bottom:10px; }
 .thread-clarity .thread-discussion-heading h2 { font-size:20px; }
 .thread-clarity .thread-discussion-options { gap:0; }
 .thread-clarity .thread-author-filter,.thread-clarity .thread-reading-tools>summary { padding:9px 8px; font-size:13px; }
 .thread-clarity .thread-reactions { margin-top:24px; gap:4px; }
 .thread-clarity .thread-reactions>button,.thread-clarity .thread-reactions .following-toggle { padding:9px 9px; font-size:13px; }
 .thread-clarity .thread-reactions>.thread-primary-reply { min-width:92px; }
 .thread-clarity .thread-floor { padding:22px 0 17px; }
 .thread-clarity .thread-floor::before { display:none; }
 .thread-clarity .thread-floor .thread-avatar { width:36px; height:36px; }
 .thread-clarity .thread-floor>.thread-body { margin:14px 0 9px; font-size:16px; line-height:1.9; }
 .thread-clarity .thread-floor>footer { margin-left:0; gap:8px; }
 .thread-clarity .thread-floor-context { max-width:none; font-size:12px; }
 .thread-clarity .thread-floor footer .thread-reply-action { font-size:13px; padding:8px 9px; }
 .thread-clarity .thread-floor>.thread-quote { margin:14px 0 0; width:100%; box-sizing:border-box; }
 .thread-clarity .thread-floor .thread-quote>p { font-size:14px; }
 .thread-clarity .reply-floor-media,.thread-clarity .reply-edited-at { margin-left:0; max-width:100%; font-size:12px; }
 .thread-clarity .reply-editor { margin:22px 0 24px; padding:20px 0 0; }
 .thread-clarity .thread-floor .reply-editor { margin:17px 0 4px; padding:16px 0 0; }
 .thread-clarity .reply-editor-heading .reply-composer-title>strong { font-size:19px; }
 .thread-clarity #reply-compose-body { min-height:122px; font-size:16px; padding:15px 0; }
 .thread-clarity .reply-editor-toolbar { gap:0 14px; }
 .thread-clarity .reply-editor-toolbar :is(.mention-launch,.reply-format-menu>summary) { font-size:13px; }
 .thread-clarity .reply-editor-toolbar .mention-picker { max-height:min(350px,55dvh); }
 .thread-clarity .reply-format-menu>.reply-format-toolbar { right:0; max-width:calc(100vw - 40px); }
 .thread-clarity .reply-editor>footer { justify-content:flex-end; flex-wrap:nowrap; margin-top:9px; }
 .thread-clarity .reply-editor>footer>span { max-width:none; font-size:12px; }
 .thread-clarity .reply-editor>footer>span:empty { display:none; }
 .thread-clarity .reply-send { font-size:14px; min-height:46px; }
 .thread-clarity .reply-guest-entry h2 { font-size:20px; }
 .thread-clarity .reply-local-status { font-size:12px; }
 .thread-page.thread-clarity:has(.reply-editor) .thread-mobile-dock { display:flex; }
 .thread-page.thread-clarity:has(.reply-editor:focus-within) .thread-mobile-dock { display:none; }
 .thread-clarity .thread-mobile-dock { left:12px; right:12px; padding:6px; border-radius:12px; }
 .thread-clarity .thread-mobile-dock>button:first-child { min-height:44px; font-size:14px; }
 .thread-clarity .thread-mobile-dock>button:last-child { min-height:44px; font-size:12px; }
 body[data-ui-shell="community"] .thread-clarity .thread-onward.onward-quiet { margin-top:24px; padding-top:20px; }
 .thread-clarity .onward-quiet h2 { font-size:20px; }
 .thread-clarity .onward-quiet .onward-title h3 { font-size:16px; line-height:1.7; }
 .thread-clarity .onward-quiet .onward-row { padding:15px 0; }
 .thread-clarity .onward-quiet .onward-meta { font-size:12px; }
 .thread-clarity .onward-quiet>footer { gap:5px 13px; }
}
@media(max-width:380px) {
 .thread-clarity .thread-discussion-heading h2 { font-size:19px; }
 .thread-clarity .thread-discussion-options { gap:0; }
 .thread-clarity .thread-author-filter,.thread-clarity .thread-reading-tools>summary { padding-inline:6px; }
 .thread-clarity .thread-author-filter>svg { display:none; }
 .thread-clarity .reply-editor-toolbar { gap:0 10px; }
 .thread-clarity .reply-editor-toolbar>button { gap:5px; }
 .thread-clarity .reply-word-count { flex-basis:100%; text-align:right; margin-top:0; }
 .thread-clarity .thread-reactions>button { padding-inline:8px; }
 .thread-clarity .thread-reactions>.thread-primary-reply { min-width:84px; }
 .thread-clarity .thread-pagination button { min-width:38px; }
}
@media(prefers-reduced-motion:reduce) {
 .thread-clarity .reply-format-menu>.reply-format-toolbar,.thread-clarity .onward-options .onward-switch { animation:none; }
}
/* Match the lightweight empty and return states used by the thread renderer. */
.thread-clarity .thread-replies-empty { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 14px; padding:20px 0 7px; color:var(--depth-muted); }
.thread-clarity .thread-replies-empty>p { margin:0; font-size:14px; line-height:1.8; }
.thread-clarity .thread-replies-empty>button { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:8px 0; color:var(--depth-brick); font-size:13px; }
.thread-clarity .thread-replies-empty svg { width:16px; height:16px; }
.thread-clarity .thread-onward-back { padding:20px 0 0; margin-top:20px; border-top:1px solid var(--depth-line); }
.thread-clarity .thread-onward-back>a { display:inline-flex; align-items:center; gap:7px; min-height:44px; font-size:13px; color:var(--depth-brick); }
.thread-clarity .thread-onward-back svg { width:16px; height:16px; }
.thread-clarity .thread-reactions .thread-more-menu :is(button,a,.following-toggle) { display:flex; align-items:center; justify-content:flex-start; gap:8px; width:100%; padding:10px 11px; min-height:44px; font-size:13px; border:0; border-radius:5px; background:transparent; color:var(--depth-body); text-align:left; white-space:normal; }
.thread-clarity .thread-reactions .thread-more-menu :is(button,a,.following-toggle):hover { background:#eee0d17d; color:var(--depth-brick); }
.thread-clarity .reply-editor-toolbar .mention-actions>small { display:none; }
@media(max-width:800px) {
 .thread-clarity .reply-editor>footer>span:not(:has(button)) { display:none; }
}

/* Single, deliberate boundaries: no stacked rules at the end of a discussion. */
.thread-page.thread-clarity .thread-discussion-heading{border-bottom:0;padding-bottom:5px}
.thread-page.thread-clarity .thread-floors>.thread-floor{border:0}
.thread-page.thread-clarity .thread-floors>.thread-floor+.thread-floor{border-top:1px solid #91745c20}
.thread-page.thread-clarity .thread-floors>.thread-floor:last-child{border-bottom:0;padding-bottom:8px}
.thread-page.thread-clarity .thread-floor::before{display:none}
.thread-page.thread-clarity .reply-guest-entry{display:flex;align-items:center;justify-content:space-between;gap:20px 28px;margin:30px 0 8px;padding:20px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.thread-clarity .reply-guest-copy{min-width:0}
.thread-clarity .reply-guest-copy h2{margin:0;font-size:20px;font-weight:650;line-height:1.5;letter-spacing:-.025em;color:var(--depth-ink)}
.thread-clarity .reply-guest-copy p{margin:6px 0 0;font-size:14px;line-height:1.8;color:var(--depth-muted)}
.thread-clarity .reply-guest-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.thread-page.thread-clarity .reply-guest-actions>.button{min-height:44px;gap:10px;padding:11px 17px;border:1px solid var(--depth-brick);border-radius:8px;background:var(--depth-brick);color:#fffaf3;font-size:14px;font-weight:600;line-height:1.5;box-shadow:none;transform:none;transition:background .2s,border-color .2s,transform .2s}
.thread-clarity .reply-guest-actions>.button svg{width:16px;height:16px;transition:transform .2s}
.thread-page.thread-clarity .reply-guest-actions>.button:hover{background:#8e402d;border-color:#8e402d;box-shadow:none}
.thread-clarity .reply-guest-actions>.button:hover svg{transform:translateX(2px)}
.thread-page.thread-clarity .reply-guest-actions>.button:active{transform:scale(.98);box-shadow:none}
.thread-clarity .reply-guest-actions>.reply-register-link{display:inline-flex;align-items:center;min-height:44px;margin:0;font-size:13px;line-height:1.5;color:var(--depth-muted);text-decoration:none}
.thread-clarity .reply-guest-actions>.reply-register-link:hover{color:var(--depth-brick)}
body[data-ui-shell="community"] .thread-page.thread-clarity .thread-onward.onward-quiet{margin-top:30px;padding-top:22px;border-top:0}
.thread-page.thread-clarity .onward-quiet>footer{border-top:0;margin-top:4px;padding-top:6px}
.thread-page.thread-clarity .thread-onward-back{border-top:0}
@media(max-width:1100px){.thread-page.thread-clarity .reply-guest-entry{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:800px){
 .thread-page.thread-clarity .reply-guest-entry{margin-top:22px;padding:14px 0 12px;gap:15px}
 .thread-clarity .reply-guest-copy h2{font-size:19px}
 .thread-clarity .reply-guest-copy p{font-size:14px;line-height:1.75}
 .thread-clarity .reply-guest-actions{gap:20px;flex-wrap:wrap}
 body[data-ui-shell="community"] .thread-page.thread-clarity .thread-onward.onward-quiet{margin-top:24px;padding-top:16px}
}

/* Reply detail polish: one author baseline, a readable body, then a quiet action row. */
.thread-page.thread-clarity .thread-floor>header{align-items:flex-start;gap:14px}
.thread-page.thread-clarity .thread-floor .thread-avatar{margin-top:4px;flex-shrink:0;border-width:2px;box-shadow:none}
.thread-page.thread-clarity .thread-floor .thread-author-copy{display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap;gap:0 10px;min-width:0}
.thread-page.thread-clarity .thread-floor .thread-author-copy>a{display:inline-flex;align-items:center;min-height:32px;max-width:100%;font-size:14px;line-height:1.6;font-weight:650;overflow-wrap:anywhere}
.thread-page.thread-clarity .thread-floor .thread-author-copy>.resident-author-badges{display:inline-flex;align-items:center;flex:0 1 auto;max-width:100%;margin:0;gap:0}
.thread-page.thread-clarity .thread-floor .resident-badge-trigger{display:inline-flex;align-items:center;flex-wrap:wrap;min-height:32px;max-width:100%;padding:0;border:0;background:transparent;gap:2px}
.thread-page.thread-clarity .thread-floor .resident-badge-skin{width:64px!important;height:26px!important}
.thread-page.thread-clarity .thread-floor .resident-level-badge{width:56px!important;height:23px!important}
.thread-page.thread-clarity .thread-floor .resident-member-badge{width:68px!important;height:28px!important}
.thread-page.thread-clarity .thread-floor .thread-author-copy>span:not(.resident-author-badges){flex:1 0 100%;margin:0;gap:7px;line-height:1.7}
.thread-page.thread-clarity .thread-floor .thread-author-copy b{padding:0;color:#925d46;background:transparent;font-size:11px;font-weight:500}
.thread-page.thread-clarity .thread-floor .thread-author-copy time{font-size:12px;color:#8b786a;font-variant-numeric:tabular-nums}
.thread-page.thread-clarity .thread-floor-number{align-self:flex-start;flex-shrink:0;min-width:44px;min-height:44px;padding:6px 0 6px 6px;font-size:13px;color:#8b786a}
.thread-page.thread-clarity .thread-floor>.thread-body{margin-top:12px;margin-bottom:8px;line-height:1.9;overflow-wrap:anywhere}
.thread-page.thread-clarity .thread-floor>footer{min-height:44px;margin-top:4px;gap:8px;flex-wrap:wrap}
.thread-page.thread-clarity .thread-floor-context:empty,.thread-page.thread-clarity .thread-floor.is-author .thread-floor-context{display:none}
.thread-page.thread-clarity .thread-floor.is-hidden .thread-floor-context{display:block}
.thread-page.thread-clarity .thread-floor>footer>div{flex:1 1 auto;min-width:0;justify-content:flex-start;gap:8px}
.thread-page.thread-clarity .thread-floor>footer>div>.thread-more{order:2;margin-left:auto}
.thread-page.thread-clarity .thread-floor>footer .thread-reply-action{order:1;min-height:44px;padding:8px 10px;margin-left:-10px;font-size:13px;font-weight:550;color:var(--depth-brick);background:transparent;border:0;box-shadow:none;transition:background .2s,color .2s,transform .2s}
.thread-page.thread-clarity .thread-floor>footer .thread-reply-action:hover{background:#ac634513;color:#883e2c}
.thread-page.thread-clarity .thread-floor>footer .thread-reply-action:active{transform:scale(.97)}
.thread-page.thread-clarity .thread-floor .thread-more>summary{min-height:44px;min-width:44px;width:auto;padding:8px;gap:6px;color:#8b786a}
.thread-page.thread-clarity .thread-floor .thread-more>summary>svg{width:18px;height:18px;flex-basis:18px}
.thread-page.thread-clarity .thread-floor .thread-more>summary>span{font-size:12px}
.thread-page.thread-clarity .thread-floor .thread-more[open]>summary{background:#ac634513;color:var(--depth-brick)}
.thread-page.thread-clarity .thread-floor::after{inset:8px -10px;border:0;border-radius:8px;background:linear-gradient(90deg,#a2493309,transparent 85%)}
.thread-page.thread-clarity .thread-floor+.thread-floor{border-top-color:#91745c1a}
.thread-page.thread-clarity .thread-floor :is(a,button,summary):focus-visible{outline:2px solid #a2493380;outline-offset:3px}
.thread-page.thread-clarity .reply-guest-entry{margin-top:32px;padding:12px 0 18px;gap:16px 24px}
.thread-page.thread-clarity .reply-guest-copy h2{font-size:18px;line-height:1.6;letter-spacing:-.02em}
.thread-page.thread-clarity .reply-guest-copy p{font-size:13px;margin-top:4px;line-height:1.8}
.thread-page.thread-clarity .reply-guest-actions>.button{font-size:13px;padding:10px 15px}
.thread-page.thread-clarity .reply-register-link{transition:color .2s}
@media(max-width:800px){
 .thread-page.thread-clarity .thread-floor>header{gap:10px}
 .thread-page.thread-clarity .thread-floor .thread-author-copy{gap:0 6px}
 .thread-page.thread-clarity .thread-floor .thread-author-copy>a{min-height:28px;font-size:14px}
 .thread-page.thread-clarity .thread-floor .resident-badge-trigger{min-height:44px}
 .thread-page.thread-clarity .thread-floor .thread-author-copy>.resident-author-badges{margin-block:-4px}
 .thread-page.thread-clarity .thread-floor>.thread-body{margin:14px 0 6px;font-size:16px}
 .thread-page.thread-clarity .thread-floor>footer{margin-left:0;margin-top:2px}
 .thread-page.thread-clarity .thread-floor>footer .thread-reply-action{margin-left:0;padding-left:0;padding-right:10px}
 .thread-page.thread-clarity .thread-floor::after{inset:6px -6px}
 .thread-page.thread-clarity .reply-guest-entry{margin-top:24px;padding:10px 0 14px;gap:12px}
 .thread-page.thread-clarity .reply-guest-actions{gap:18px}
}
@media(prefers-reduced-motion:reduce){
 .thread-page.thread-clarity .thread-floor>footer .thread-reply-action,.thread-page.thread-clarity .reply-guest-actions>.button,.thread-page.thread-clarity .reply-guest-actions>.button svg{transition:none;transform:none}
}

/* Reading hierarchy: title, conversation, then an inviting writing surface. */
.thread-page.thread-clarity .thread-original h1{font-size:clamp(34px,3.6vw,48px);font-weight:760;line-height:1.32;letter-spacing:-.035em;color:#30231d;margin-bottom:28px;text-wrap:pretty}
.thread-page.thread-clarity .thread-original>.thread-origin-author{border-bottom:0;padding-bottom:8px}
.thread-page.thread-clarity .thread-original>.thread-body{margin-top:24px;margin-bottom:32px;font-size:18px;line-height:1.95;color:#3c3029}
.thread-page.thread-clarity .thread-reactions{border-top:0;border-bottom:1px solid #91745c24;padding-top:4px;padding-bottom:18px}
.thread-page.thread-clarity .thread-discussion{margin-top:36px}
.thread-page.thread-clarity .thread-discussion-heading h2{font-size:23px;font-weight:700;letter-spacing:-.025em;color:#3c3029}
.thread-page.thread-clarity .thread-response-count{color:var(--depth-brick);font-size:15px;font-weight:600}
.thread-page.thread-clarity .thread-floor .thread-author-copy>a{font-size:15px;color:#3c3029}
.thread-page.thread-clarity .thread-floor>.thread-body{color:#3c3029;font-size:17px;line-height:1.9}
.thread-page.thread-clarity .thread-floor .resident-author-badges{opacity:.84;transition:opacity .2s}
.thread-page.thread-clarity .thread-floor .resident-author-badges:is(:hover,:focus-within){opacity:1}
.thread-page.thread-clarity .thread-floor>footer .thread-reply-action{font-weight:600;color:#a24933}
.thread-page.thread-clarity .thread-floor .thread-more>summary{color:#8b786a;font-weight:400}
/* The participation zone uses a soft wash, without a boxed perimeter or shadow. */
.thread-page.thread-clarity :is(.reply-guest-entry,.reply-editor){position:relative;isolation:isolate;border:0;border-radius:0;box-shadow:none;background:transparent;margin-top:36px;padding:26px 24px}
.thread-page.thread-clarity :is(.reply-guest-entry,.reply-editor)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:0;border-radius:0;background:linear-gradient(110deg,#edddcbb8 0%,#f1e5d778 55%,#f7efe120 100%);opacity:.8;transition:opacity .24s}
.thread-page.thread-clarity .reply-editor:focus-within::before{opacity:1}
.thread-page.thread-clarity .reply-editor:focus-within{border:0;box-shadow:none}
.thread-page.thread-clarity .reply-guest-copy h2,.thread-page.thread-clarity .reply-editor-heading .reply-composer-title>strong{font-size:24px;font-weight:700;line-height:1.45;color:#3b2a22;letter-spacing:-.03em}
.thread-page.thread-clarity .reply-guest-copy p{font-size:14px;line-height:1.8;color:#7e6959;margin-top:8px}
.thread-page.thread-clarity .reply-guest-actions>.button,.thread-page.thread-clarity .reply-send{min-height:46px;padding:11px 18px;font-size:14px;font-weight:600;color:#fffaf3;background:#a24933;border:1px solid #a24933;border-radius:8px;box-shadow:none;transition:background .2s,transform .2s}
.thread-page.thread-clarity .reply-send:not(:disabled):hover,.thread-page.thread-clarity .reply-guest-actions>.button:hover{background:#883e2c;border-color:#883e2c;box-shadow:none}
.thread-page.thread-clarity .reply-send:disabled{opacity:.55;cursor:not-allowed}
.thread-page.thread-clarity .reply-send:not(:disabled):active{transform:scale(.98)}
.thread-page.thread-clarity .reply-register-link{color:#796252}
.thread-page.thread-clarity .reply-editor-toolbar{border-color:#ab846426}
.thread-page.thread-clarity #reply-compose-body{min-height:136px}
.thread-page.thread-clarity .thread-floor .reply-editor{padding:20px;margin-top:18px;border:0}
.thread-page.thread-clarity .thread-floor .reply-editor-heading .reply-composer-title>strong{font-size:20px}
.thread-page.thread-clarity .onward-quiet h2{font-size:17px;font-weight:600;color:#7e6959;letter-spacing:0}
@media(max-width:800px){
 .thread-page.thread-clarity .thread-original h1{font-size:clamp(29px,7.6vw,36px);line-height:1.4;margin-bottom:22px}
 .thread-page.thread-clarity .thread-original>.thread-body{font-size:17px;line-height:1.95;margin-top:22px;margin-bottom:26px}
 .thread-page.thread-clarity .thread-discussion{margin-top:28px}
 .thread-page.thread-clarity .thread-discussion-heading h2{font-size:21px}
 .thread-page.thread-clarity .thread-floor>.thread-body{font-size:16px;line-height:1.9}
 .thread-page.thread-clarity :is(.reply-guest-entry,.reply-editor){padding:22px 16px;margin-top:28px}
 .thread-page.thread-clarity .reply-guest-copy h2,.thread-page.thread-clarity .reply-editor-heading .reply-composer-title>strong{font-size:22px}
 .thread-page.thread-clarity .reply-guest-entry{gap:18px}
 .thread-page.thread-clarity .reply-guest-actions{flex-wrap:wrap;gap:16px;max-width:100%}
 .thread-page.thread-clarity .thread-floor .reply-editor{margin-left:0;padding:18px 14px}
 .thread-page.thread-clarity .reply-editor-toolbar{gap:0 12px}
 .thread-page.thread-clarity .reply-word-count{flex-basis:100%;text-align:right;margin-left:0}
 .thread-page.thread-clarity .onward-quiet h2{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
 .thread-page.thread-clarity :is(.reply-guest-entry,.reply-editor)::before,.thread-page.thread-clarity .thread-floor .resident-author-badges,.thread-page.thread-clarity .reply-send{transition:none}
}