
/* Stage 3. Native wpForo form and post nodes remain the source of content. */
.xnk-discussion #wpforo #wpforo-wrap { font-family: var(--xnk-font); }
.xnk-discussion-create #wpforo #wpforo-wrap .xnk-create-title { font-size: 30px; margin: 20px 0; color: var(--xnk-navy); }
.xnk-discussion-create #wpforo #wpforo-wrap .wpf-add-topic-title { display: none; }
.xnk-discussion-create #wpforo #wpforo-wrap .xnk-posting-guide { float: right; width: 280px; border: 1px solid var(--xnk-border); border-radius: 12px; background: white; padding: 22px; margin: 0 0 24px 24px; }
.xnk-discussion-create #wpforo #wpforo-wrap .xnk-posting-guide h2 { font: 600 20px var(--xnk-font); }
.xnk-discussion-create #wpforo #wpforo-wrap .xnk-posting-guide ol { padding-left: 20px; }
.xnk-discussion-create #wpforo #wpforo-wrap .xnk-posting-guide li { margin: 18px 0; font-size: 14px; line-height: 1.7; }
.xnk-discussion-create #wpforo #wpforo-wrap .xnk-posting-guide p { color: var(--xnk-muted); font-size: 13px; }
.xnk-discussion-create #wpforo #wpforo-wrap .wpf-add-topic-wrap { margin-right: 304px; border: 1px solid var(--xnk-border); border-radius: 12px; padding: 24px; background: white; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-form-wrapper { background: white; border: 1px solid var(--xnk-border); border-radius: 12px; padding: 20px; margin: 20px 0; max-width: 100%; box-sizing: border-box; }
.xnk-discussion-create #wpforo #wpforo-wrap .wpf-form-wrapper { border: 0; padding: 0; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-form-wrapper :is(input[type=text],textarea,select) { font: 400 16px/1.6 var(--xnk-font); border: 1px solid var(--xnk-border); border-radius: 8px; max-width: 100%; box-sizing: border-box; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-form-wrapper label { font: 600 14px/1.6 var(--xnk-font); }
.xnk-discussion #wpforo #wpforo-wrap .wpf-default-attachment { padding: 16px; border: 1px dashed var(--xnk-border); border-radius: 8px; background: var(--xnk-background); margin: 16px 0; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-buttons-wrap { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }
.xnk-discussion #wpforo #wpforo-wrap :is(.wpf-buttons-wrap input,.wpforo-revision-action-button) { min-height: 44px; border-radius: 8px; font-size: 14px; }
.xnk-discussion #wpforo #wpforo-wrap .wpforo-revisions-action-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.xnk-discussion #wpforo #wpforo-wrap .wpforo-post { background: white; border: 1px solid var(--xnk-border); border-radius: 12px; margin: 16px 0; padding: 20px; }
.xnk-discussion #wpforo #wpforo-wrap .wpfl-4 .wpforo-post > .wpf-left { width: 64px; min-width: 64px; }
.xnk-discussion #wpforo #wpforo-wrap .wpfl-4 .wpforo-post > .wpf-right { flex: 1; width: auto; min-width: 0; padding-left: 16px; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-author-avatar img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-author-name a { font-size: 18px; font-weight: 600; color: var(--xnk-navy); }
.xnk-discussion #wpforo #wpforo-wrap .wpforo-post-content { font: 400 16px/1.8 var(--xnk-font); color: var(--xnk-text); overflow-wrap: anywhere; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-post-date { font-size: 12px; color: var(--xnk-muted); }
.xnk-discussion #wpforo #wpforo-wrap .wpf-content-head-bottom { flex-wrap: wrap; gap: 8px; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-content-foot { border-top: 1px solid var(--xnk-divider); padding-top: 12px; display: flex; flex-wrap: wrap; gap: 12px; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-content-foot :is(a,button), .xnk-discussion #wpforo #wpforo-wrap .wpf-post-btns a { min-height: 44px; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-reply-form-title { font: 600 20px/1.5 var(--xnk-font); color: var(--xnk-navy); }
.xnk-discussion #wpforo #wpforo-wrap .xnk-validation-summary { color: var(--xnk-danger); border: 1px solid currentColor; border-radius: 8px; padding: 12px; margin-bottom: 16px; }
.xnk-discussion #wpforo #wpforo-wrap .xnk-field-error { color: var(--xnk-danger); font-size: 13px; }
.xnk-discussion #wpforo #wpforo-wrap [aria-invalid=true] { border-color: var(--xnk-danger); }
@media(max-width: 1100px) {
 .xnk-discussion-create #wpforo #wpforo-wrap .xnk-posting-guide { float: none; width: auto; margin: 16px 0; }
 .xnk-discussion-create #wpforo #wpforo-wrap .wpf-add-topic-wrap { margin-right: 0; }
}
@media(max-width: 700px) {
 .xnk-discussion-create #wpforo #wpforo-wrap .wpf-add-topic-wrap,
 .xnk-discussion #wpforo #wpforo-wrap .wpf-form-wrapper,
 .xnk-discussion #wpforo #wpforo-wrap .wpforo-post { padding: 14px 12px; }
 .xnk-discussion #wpforo #wpforo-wrap .wpfl-4 .wpforo-post { display: flex; flex-direction: column; gap: 12px; }
 .xnk-discussion #wpforo #wpforo-wrap .wpfl-4 .wpforo-post > .wpf-left { width: 100%; display: flex; gap: 12px; align-items: center; }
 .xnk-discussion #wpforo #wpforo-wrap .wpfl-4 .wpforo-post > .wpf-right { width: 100%; padding: 0; }
 .xnk-discussion #wpforo #wpforo-wrap .wpf-content-head-top { flex-wrap: wrap; gap: 8px; }
 .xnk-discussion #wpforo #wpforo-wrap .wpf-buttons-wrap input[type=submit] { width: 100%; min-height: 44px; }
 .xnk-discussion #wpforo #wpforo-wrap .mce-toolbar-grp { max-width: 100%; overflow-x: auto; }
 .xnk-discussion #wpforo #wpforo-wrap .mce-tinymce { width: 100% !important; max-width: 100%; }
 .xnk-discussion #wpforo #wpforo-wrap .wpf-topic-form-forumid { min-width: 0; }
 .xnk-discussion #wpforo #wpforo-wrap .wpf-topic-form-forumid,
 .xnk-discussion #wpforo #wpforo-wrap .wpf-topic-form-forumid input { max-width: 100%; }
 .xnk-discussion #wpforo #wpforo-wrap .wpforo-post-content img { max-width: 100%; height: auto; }
 .xnk-discussion #wpforo #wpforo-wrap .wpforo-post-content pre { max-width: 100%; overflow-x: auto; }
}


.xnk-discussion-create #wpforo #wpforo-wrap .xnk-compose-grid { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 24px; align-items: start; }
.xnk-discussion-create #wpforo #wpforo-wrap .xnk-compose-grid .wpf-add-topic-wrap { margin: 0; min-width: 0; }
.xnk-discussion-create #wpforo #wpforo-wrap .xnk-compose-grid .xnk-posting-guide { float: none; margin: 0; width: auto; }
.xnk-discussion-topic #wpforo #wpforo-wrap h1#wpforo-title { font: 700 30px/1.4 var(--xnk-font); color: var(--xnk-navy); }
.xnk-discussion #wpforo #wpforo-wrap .wpfl-4 .wpf-author-avatar img { width: 52px; height: 52px; }
@media(max-width:1100px) {
 .xnk-discussion-create #wpforo #wpforo-wrap .xnk-compose-grid { grid-template-columns: minmax(0,1fr); }
 .xnk-discussion-topic #wpforo #wpforo-wrap h1#wpforo-title { font-size: 24px; }
}

.xnk-discussion #wpforo #wpforo-wrap .wpf-form-wrapper textarea { min-height: 240px; }
.xnk-discussion #wpforo #wpforo-wrap .xnk-related-topics { margin: 20px 0; padding: 20px; border: 1px solid var(--xnk-border); border-radius: 12px; background: white; }

.xnk-discussion-topic #wpforo #wpforo-wrap .xnk-topic-info { float: right; width: 280px; margin: 20px 0 20px 24px; padding: 20px; background: white; border: 1px solid var(--xnk-border); border-radius: 12px; }
.xnk-discussion-topic #wpforo #wpforo-wrap .xnk-topic-info h2 { font: 600 18px var(--xnk-font); }
.xnk-discussion-topic #wpforo #wpforo-wrap .xnk-topic-info dl { margin: 16px 0 0; }
.xnk-discussion-topic #wpforo #wpforo-wrap .xnk-topic-info dl div { display: flex; justify-content: space-between; gap: 12px; margin: 12px 0; font-size: 13px; }
.xnk-discussion-topic #wpforo #wpforo-wrap .xnk-topic-info dt { color: var(--xnk-muted); }
.xnk-discussion-topic #wpforo #wpforo-wrap .xnk-topic-info dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.xnk-discussion-topic #wpforo #wpforo-wrap .wpfl-4.wpforo-section { width: calc(100% - 304px); clear: none; }
@media(max-width:1100px) {
 .xnk-discussion-topic #wpforo #wpforo-wrap .xnk-topic-info { float: none; width: auto; margin: 16px 0; }
 .xnk-discussion-topic #wpforo #wpforo-wrap .wpfl-4.wpforo-section { width: 100%; }
}
/* Stage 3.1: preserve native controls while correcting the composition. */
.xnk-discussion #wpforo #wpforo-wrap .wpf-topic-forum-field { text-align:left!important; padding:0!important; margin:0 0 20px!important; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-topic-forum-wrap { width:100%!important; min-width:0!important; margin:0!important; border:0!important; padding:0!important; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-topic-form-forumid { width:100%; min-height:48px; padding:10px 12px; font:400 16px var(--xnk-font); }
.xnk-discussion #wpforo #wpforo-wrap .wpf-form-wrapper input[type=text] { width:100%; min-height:48px; }
.xnk-discussion #wpforo #wpforo-wrap .xnk-disclosure { clear:both; margin:12px 0; border:1px solid var(--xnk-border); border-radius:8px; background:white; padding:0 12px; }
.xnk-discussion #wpforo #wpforo-wrap .xnk-disclosure > summary { cursor:pointer; min-height:44px; display:list-item; align-content:center; font:400 13px/1.6 var(--xnk-font); color:var(--xnk-muted); }
.xnk-discussion #wpforo #wpforo-wrap .xnk-disclosure > summary:focus-visible { outline:2px solid var(--xnk-primary); outline-offset:2px; }
.xnk-discussion #wpforo #wpforo-wrap .wpfl-4 .wpforo-post { display:block; }
.xnk-discussion #wpforo #wpforo-wrap .wpfl-4 .wpforo-post > .wpf-right { width:100%; padding:0; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-content-head-top { display:grid; grid-template-columns:52px minmax(0,1fr); gap:4px 16px; align-items:center; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-content-head-top > .wpf-author-avatar { grid-row:1 / 3; margin:0; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-content-head-top > .wpf-post-date { grid-column:2; text-align:left; }
.xnk-discussion #wpforo #wpforo-wrap .wpf-content-head-top > .wpf-author { float:none; width:auto; }
.xnk-discussion #wpforo #wpforo-wrap .wpforo-post .xnk-disclosure { margin:4px 0; border:0; padding:0; }
.xnk-discussion #wpforo #wpforo-wrap .wpforo-post .xnk-disclosure .wpf-left { width:auto; }
.xnk-discussion #wpforo #wpforo-wrap .wpforo-post-content { margin-top:16px; }
.xnk-discussion #wpforo #wpforo-wrap .wpforo-topic-meta :is(ul,li) { list-style:none; margin:0; padding:0; }
.xnk-discussion #wpforo #wpforo-wrap .wpforo-topic-meta a { display:inline-flex; padding:4px 12px; border-radius:20px; background:var(--xnk-background); font-size:13px; }
.xnk-discussion #wpforo #wpforo-wrap .wpforo-revision-action-button.wpf-disabled { opacity:.45; cursor:not-allowed; }
@media(max-width:700px) {
 .xnk-discussion #wpforo #wpforo-wrap .wpfl-4 .wpforo-post { display:block; padding:16px; }
 .xnk-discussion-create #wpforo #wpforo-wrap .wpf-add-topic-wrap { padding:16px; }
 .xnk-discussion #wpforo #wpforo-wrap .wpf-content-head-top { grid-template-columns:48px minmax(0,1fr); gap:4px 12px; }
 .xnk-discussion #wpforo #wpforo-wrap .wpf-content-head-top .wpf-author-avatar img { width:48px; height:48px; }
 .xnk-discussion #wpforo #wpforo-wrap .wpf-author-name a { font-size:16px; }
 .xnk-discussion #wpforo #wpforo-wrap .wpf-content-head-bottom { display:block; }
 .xnk-discussion #wpforo #wpforo-wrap .wpf-post-btns { display:flex; flex-wrap:wrap; }
}
.xnk-discussion #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpf-content-head-top { display:grid!important; grid-template-columns:52px minmax(0,1fr)!important; }
.xnk-discussion #wpforo #wpforo-wrap .wpfl-4 .wpf-content-head-top > .wpf-author-avatar { grid-column:1; grid-row:1 / 3; }
.xnk-discussion #wpforo #wpforo-wrap .wpfl-4 .wpf-content-head-top > .wpf-author { grid-column:2; width:auto!important; }
.xnk-discussion #wpforo #wpforo-wrap .wpforo-post-content { padding:0!important; }
.xnk-discussion #wpforo #wpforo-wrap .wpforo-topic-meta a { color:var(--xnk-navy)!important; }
.xnk-discussion #wpforo #wpforo-wrap .wpforo-topic-meta a::before { content:none!important; }
