.discussionNav { display:flex; gap:8px; align-items:center; }.discussionNav a,.textButton { color:var(--font-base); text-decoration:none; border:1px solid var(--border-color); border-radius:999px; padding:7px 12px; font-size:12px; }.discussionNav a[aria-current="page"] { color:var(--darkest); background:var(--font-highlight); border-color:var(--font-highlight); }.textButton { background:transparent; cursor:pointer; }.discussionShell { max-width:1560px; margin:0 auto; padding:28px; }.discussionHero { display:flex; justify-content:space-between; gap:24px; align-items:end; padding:34px; border:1px solid var(--border-color-strong); border-radius:var(--radius-xl); background:linear-gradient(120deg,rgba(30,58,95,.82),rgba(23,26,38,.94)); box-shadow:var(--shadow-md); }.discussionHero h1 { margin:3px 0 8px; color:#f4f0df; font-family:Beleren,serif; font-size:clamp(27px,4vw,44px); font-weight:normal; }.discussionHero p { margin:0; max-width:690px; line-height:1.55; }.eyebrow { color:var(--font-highlight); font-size:11px; font-weight:bold; letter-spacing:.16em; text-transform:uppercase; }.boardStatus { border:1px solid var(--border-color); border-radius:999px; padding:10px 14px; white-space:nowrap; font-size:12px; }.discussionLayout { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(290px,1fr) minmax(360px,1.5fr); gap:14px; margin-top:16px; min-height:640px; }.boardTreePane,.threadPane,.conversationPane { min-width:0; background:var(--darker-trans); border:1px solid var(--border-color); border-radius:var(--radius-lg); overflow:hidden; }.paneHead { min-height:64px; padding:13px 16px; display:flex; justify-content:space-between; align-items:center; gap:12px; border-bottom:1px solid var(--border-color-subtle); color:#e6e6ee; font-family:Beleren,serif; font-size:17px; }.paneHead small { display:block; margin-top:4px; color:var(--font-base); font-family:Gotham,Arial,sans-serif; font-size:11px; }.boardTree,.threadList,.threadView { max-height:680px; overflow:auto; }.treeSet { border-bottom:1px solid var(--border-color-subtle); }.treeSet>summary { padding:13px 14px; cursor:pointer; color:#e8e5d7; font-weight:bold; }.treeItems { padding:0 8px 9px; }.treeGroup { margin-top:5px; color:var(--font-base); font-size:12px; }.treeGroup>summary { padding:8px 7px; cursor:pointer; }.treeButton { width:100%; display:flex; justify-content:space-between; gap:8px; text-align:left; border-radius:8px; padding:8px 10px; color:var(--font-base); font-size:12px; }.treeButton:hover,.treeButton.selected { background:var(--base); color:#fff; }.treeButton .count { color:var(--font-highlight); font-variant-numeric:tabular-nums; }.treeCard { padding-left:18px; }.threadItem { width:100%; display:block; padding:15px 16px; text-align:left; border-bottom:1px solid var(--border-color-subtle); }.threadItem:hover { background:rgba(70,84,147,.22); }.threadItem h3 { margin:0 0 7px; color:#efede1; font-size:14px; }.threadMeta { color:var(--font-base-trans); font-size:11px; }.threadPreview { margin:8px 0 0; color:var(--font-base); font-size:12px; line-height:1.45; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.threadView { padding:20px; }.threadTitle { margin:0; color:#f2eddb; font-family:Beleren,serif; font-size:27px; font-weight:normal; }.post { padding:15px 0; border-bottom:1px solid var(--border-color-subtle); }.postMeta { display:flex; justify-content:space-between; gap:10px; color:var(--font-highlight); font-size:12px; }.post time { color:var(--font-base-trans); }.postBody { margin:10px 0 0; white-space:pre-wrap; line-height:1.6; color:#d1d5e6; }.replyForm { margin-top:18px; display:grid; gap:9px; }.replyForm input,.replyForm textarea,.discussionForm input,.discussionForm textarea { width:100%; color:#eff0f7; background:var(--darkest); border:1px solid var(--border-color); border-radius:8px; padding:10px; font:inherit; }.replyForm textarea,.discussionForm textarea { min-height:100px; resize:vertical; }.boardEmpty { margin:16px; padding:24px; border:1px dashed var(--border-color); border-radius:10px; color:var(--font-base); line-height:1.5; text-align:center; }.threadDialog { width:min(560px,calc(100vw - 28px)); color:var(--font-base); background:var(--darker); border:1px solid var(--border-color-strong); border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); }.threadDialog::backdrop { background:rgba(0,0,0,.72); }.discussionForm { display:grid; gap:13px; padding:21px; }.discussionForm label { display:grid; gap:6px; font-size:12px; color:#d8dce9; }.dialogHead { display:flex; justify-content:space-between; align-items:center; }.dialogHead h2 { margin:0; color:#f2eddb; font-family:Beleren,serif; font-weight:normal; }.dialogClose { padding:5px; color:var(--font-base); font-size:19px; }.formScope,.formStatus { margin:0; color:var(--font-base); font-size:12px; }.formStatus.error { color:var(--font-danger); }@media(max-width:1050px){.discussionLayout{grid-template-columns:minmax(220px,.8fr) minmax(330px,1.3fr)}.conversationPane{grid-column:1/-1}.threadView{max-height:none}}@media(max-width:700px){.topbar{align-items:flex-start}.discussionNav{margin-left:0}.discussionShell{padding:12px}.discussionHero{display:block;padding:23px}.boardStatus{display:inline-block;margin-top:18px;white-space:normal}.discussionLayout{display:block;min-height:0}.boardTreePane,.threadPane,.conversationPane{margin-top:12px}.boardTree,.threadList,.threadView{max-height:none}}
