/* One publication system; hierarchy follows the existing content type. */
.new-topic-wrap.authoring-secondary { max-width: 940px; }
.new-topic-wrap .forum-secondary-header { padding-top: 1.5rem; }
.new-topic-wrap .forum-secondary-header h1 { font-size: clamp(2rem, 4vw, 3.1rem) !important; line-height: 1.13 !important; }
.new-topic-form { display: flex; flex-direction: column; gap: 1.3rem; }
.new-topic-form .publishing-structure { padding: 0; margin: 0; border: 0; background: none; }
.new-topic-form .publishing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.new-topic-form .publishing-structure .publishing-grid { grid-template-columns: minmax(180px, 340px); }
.new-topic-form label { display: grid; gap: .45rem; color: var(--fl-secondary); font-size: .82rem; }
.new-topic-form [hidden] { display: none !important; }
.new-topic-form #publishing-type-help { margin: .45rem 0 0; font-size: .78rem; color: var(--fl-secondary); }
.new-topic-form .publishing-support { display: grid; gap: 1rem; }
.new-topic-form .publishing-summary { width: 100%; }
.new-topic-form textarea { resize: vertical; }
.new-topic-form .publishing-details { padding: 1rem 0; border-block: 1px solid var(--fl-border); }
.new-topic-form .publishing-details summary { margin-bottom: .8rem; }
.new-topic-form .lexical-content-editable { min-height: 220px; max-height: none; overflow: visible; }
.new-topic-form .lexical-editor-canvas { max-height: none; overflow: visible; }
.new-topic-form #lexical-editor-body[data-profile="publishing"] .editor-input {
  min-height: 220px !important; padding: 1.25rem 1.5rem !important;
  border-radius: .6rem !important; box-shadow: none !important;
  background: var(--fl-bg-deep) !important; color: var(--fl-ivory) !important;
  font: 400 1rem/1.65 var(--fl-sans, system-ui, sans-serif) !important;
}
.new-topic-form .form-actions { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; margin-top: 0; }
.new-topic-form [data-publishing-preview] { background: transparent !important; border: 1px solid var(--fl-border); color: var(--fl-ivory); }
.new-topic-form .publishing-recovery { margin: 0; font-size: .8rem; color: var(--fl-secondary); }
.new-topic-form .publishing-recovery:empty { display: none; }
.new-topic-form #lexical-editor-body .lexical-placeholder { font: 400 1rem/1.6 var(--fl-sans,system-ui,sans-serif) !important; padding: 1.25rem 1.5rem !important; }
.publishing-preview { padding-block: 1.5rem; border-top: 1px solid var(--fl-border); }
.publishing-preview .forum-post-body { max-width: 72ch; }

.conversation-layout { grid-template-columns: minmax(0, 1fr) 230px; gap: clamp(1.5rem, 4vw, 4rem); }
.conversation-layout .conversation-main { min-width: 0; }
.conversation-layout .conversation-title { font-size: clamp(1.9rem, 3.2vw, 2.9rem) !important; line-height: 1.16 !important; overflow-wrap: anywhere; max-width: 30ch; }
.conversation-layout .conversation-op { padding: 0 0 1.5rem; border: 0; border-bottom: 1px solid var(--fl-border); border-radius: 0; background: transparent; box-shadow: none; }
.conversation-layout .conversation-header { display: flex; flex-direction: column; align-items: stretch; padding: 0; gap: 1rem; border: 0; }
.conversation-layout .conversation-kind { color: var(--fl-dusty-rose); font-size: .72rem; }
.conversation-layout .conversation-summary { font-size: 1.06rem; line-height: 1.65; max-width: 65ch; color: var(--fl-secondary); margin: 1rem 0 0; }
.conversation-layout .conversation-header-actions { display: flex; flex-wrap: wrap; gap: .45rem; justify-content: flex-start; }
.conversation-layout .conversation-header-actions button { min-height: 36px; }
.conversation-layout .conversation-op-header { border: 0; padding: 0; margin: 1.3rem 0; }
.conversation-layout .conversation-op-body { font-size: 1rem; line-height: 1.75; overflow-wrap: anywhere; }
.conversation-layout--article .conversation-op-body,
.conversation-layout--document .conversation-op-body { max-width: 75ch; margin: 1.8rem 0; }
.conversation-layout .conversation-op-body h1 { font-size: 1.7rem; }
.conversation-layout .conversation-op-body h2 { font-size: 1.45rem; margin-top: 2rem; }
.conversation-layout .conversation-op-body h3 { font-size: 1.2rem; margin-top: 1.5rem; }
.conversation-layout .conversation-op-body :is(h1,h2,h3,h4) { line-height: 1.3; scroll-margin-top: 100px; color: var(--fl-ivory); }
.conversation-layout .conversation-op-body li + li { margin-top: .4rem; }
.conversation-layout .conversation-op-body img { max-width: 100%; height: auto; }
.conversation-layout .discussion-status { padding: .75rem 0; margin: 0; border: 0; text-align: left; background: transparent; font-size: .86rem; }
.conversation-layout .discussion-heading { margin-bottom: .5rem; }
.conversation-layout--document .discussion-heading h2 { font-size: 1.4rem; }
.conversation-layout--document .discussion-kicker { display: none; }
.conversation-layout :is(.document-meta,.notice-meta) { display: flex; flex-wrap: wrap; gap: 1rem 2rem; border-block: 1px solid var(--fl-border); margin: 0; padding: 1rem 0; background: none; }
.conversation-layout :is(.document-meta,.notice-meta) dt { color: var(--fl-secondary); font-size: .73rem; }
.conversation-layout :is(.document-meta,.notice-meta) dd { margin: .25rem 0 0; color: var(--fl-ivory); font-size: .86rem; }
.conversation-layout[data-content-type="notice"] .conversation-title { font-size: clamp(1.8rem, 3vw, 2.5rem); }
.conversation-layout--document .conversation-avatar--op,
.conversation-layout--article .conversation-avatar--op { width: 30px; height: 30px; flex-basis: 30px; font-size: .8rem; }
.conversation-layout .conversation-sidebar { display: block; align-self: start; }
.conversation-layout .conversation-info-widget { padding: 1.2rem 0; margin: 0; border: 0; border-top: 1px solid var(--fl-border); border-radius: 0; background: none; }
.conversation-layout .conversation-info-widget h3 { font-size: .76rem; color: var(--fl-secondary); }
.conversation-layout .conversation-info-link { display: block; padding: .7rem 0; }
.document-contents { margin: 0 0 1.5rem; padding: 1rem 0; border-block: 1px solid var(--fl-border); }
.document-contents summary { font-weight: 600; font-size: .88rem; cursor: pointer; color: var(--fl-ivory); }
.document-contents summary span { color: var(--fl-secondary); font-size: .72rem; margin-left: .4rem; font-weight: 400; }
.document-contents nav { display: grid; gap: .2rem; margin-top: .65rem; }
.document-contents a { color: var(--fl-secondary); padding: .45rem 0; font-size: .82rem; line-height: 1.4; }
.document-contents a[data-level="3"],.document-contents a[data-level="4"] { padding-left: .9rem; }
.document-contents a:hover { color: var(--fl-ivory); }
.document-table-scroll { overflow-x: auto; max-width: 100%; margin-block: 1.5rem; }
.document-table-scroll table { display: table; width: 100%; max-width: none; overflow: visible; table-layout: auto; border-collapse: collapse; margin: 0; font-size: .9rem; }
.document-table-scroll :is(th,td) { border: 1px solid var(--fl-border); padding: .65rem .85rem; text-align: left; min-width: 10ch; overflow-wrap: normal; word-break: normal; }
.document-table-scroll th { background: var(--fl-panel); color: var(--fl-ivory); }
.document-code { position: relative; margin-block: 1rem; }
.document-code pre { padding: 2.7rem 1rem 1rem; overflow-x: auto; border: 1px solid var(--fl-border); background: var(--fl-bg-deep); border-radius: .4rem; }
.document-code button { position: absolute; top: .4rem; right: .4rem; padding: .3rem .6rem; color: var(--fl-secondary); background: transparent; border: 1px solid var(--fl-border); border-radius: .3rem; }
@media(min-width:1100px) {
  .conversation-layout .conversation-sidebar { position: sticky; top: 95px; max-height: calc(100vh - 115px); overflow-y: auto; }
}
@media(max-width:1099px) {
  .conversation-layout { display: block; }
  .conversation-layout .conversation-sidebar { position: static; margin-top: 2rem; max-height: none; }
  .conversation-layout .thread-timeline { display: none; }
  .conversation-layout .conversation-info-widget:has(.thread-timeline) { display: none; }
}
@media(max-width:600px) {
  .new-topic-form .publishing-grid { grid-template-columns: minmax(0, 1fr); }
  .new-topic-form .lexical-content-editable { min-height: 180px; }
  .conversation-layout .conversation-title { font-size: clamp(1.7rem, 7vw, 2.25rem) !important; }
  .new-topic-form #lexical-editor-body[data-profile="publishing"] .editor-input { min-height: 180px !important; padding: 1rem !important; }
  .conversation-layout .conversation-op-body { font-size: .96rem; margin-inline: 0; }
  .conversation-layout .conversation-op-footer { margin-left: 0; }
  .conversation-layout :is(.document-meta,.notice-meta) { gap: .8rem 1.4rem; }
}
