.subforum-page-shell { --sub-accent: #0879fb; --sub-accent-dark: #075fd0; --sub-soft: #dceeff; --sub-hero-a: #f2f8ff; --sub-hero-b: #b6d8ff; --sub-ink: #12315e; padding-bottom: 28px; }
.subforum-theme-green { --sub-accent: #08a961; --sub-accent-dark: #087b49; --sub-soft: #d8f7e7; --sub-hero-a: #f1fff8; --sub-hero-b: #a7e5c4; --sub-ink: #145239; }
.subforum-theme-orange { --sub-accent: #ef7517; --sub-accent-dark: #c65308; --sub-soft: #ffe5ce; --sub-hero-a: #fff8ef; --sub-hero-b: #ffc78f; --sub-ink: #663812; }
.subforum-theme-red { --sub-accent: #ef4a4a; --sub-accent-dark: #c82935; --sub-soft: #ffe1e3; --sub-hero-a: #fff6f6; --sub-hero-b: #ffb0b5; --sub-ink: #6c2229; }
.subforum-theme-purple { --sub-accent: #9147df; --sub-accent-dark: #6e27bd; --sub-soft: #eedfff; --sub-hero-a: #fbf7ff; --sub-hero-b: #cbaaf2; --sub-ink: #49226e; }
.subforum-theme-violet { --sub-accent: #6e4bd8; --sub-accent-dark: #5030b1; --sub-soft: #e8e2ff; --sub-hero-a: #faf8ff; --sub-hero-b: #bdb1f1; --sub-ink: #392970; }
.subforum-theme-cyan { --sub-accent: #078ec2; --sub-accent-dark: #056b98; --sub-soft: #dff6ff; --sub-hero-a: #f2fcff; --sub-hero-b: #a5dfea; --sub-ink: #164d61; }
.subforum-theme-coral { --sub-accent: #ed684b; --sub-accent-dark: #c84631; --sub-soft: #ffe3dd; --sub-hero-a: #fff8f5; --sub-hero-b: #f5b39e; --sub-ink: #713426; }
.subforum-theme-pink { --sub-accent: #eb3f78; --sub-accent-dark: #c5235d; --sub-soft: #ffdfeb; --sub-hero-a: #fff7fa; --sub-hero-b: #f6abc5; --sub-ink: #70223f; }
.subforum-theme-slate { --sub-accent: #47617f; --sub-accent-dark: #30465f; --sub-soft: #e2e9f1; --sub-hero-a: #f8fafc; --sub-hero-b: #b8c7d7; --sub-ink: #273c54; }
.subforum-ataturk { --sub-accent: #c8102e; --sub-accent-dark: #8f0b22; --sub-soft: #fce6ea; --sub-hero-a: #fffafb; --sub-hero-b: #e9a8b4; --sub-ink: #54111d; }
.subforum-breadcrumb { min-height: 53px; }

.subforum-hero { position: relative; min-height: 178px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--sub-accent) 20%, #dce5ee); border-radius: 10px; background: radial-gradient(circle at 72% -35%, rgba(255,255,255,.92), transparent 30%), linear-gradient(120deg, var(--sub-hero-a), color-mix(in srgb, var(--sub-hero-a) 48%, var(--sub-hero-b)) 60%, var(--sub-hero-b)); box-shadow: var(--shadow); }
.subforum-hero::before { content: ''; position: absolute; width: 280px; height: 280px; left: 46%; bottom: -245px; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; }
.subforum-hero-copy { position: relative; z-index: 5; width: 70%; min-height: 178px; display: grid; grid-template-columns: 76px minmax(0,1fr); grid-template-rows: 1fr auto; align-items: center; column-gap: 17px; padding: 23px 22px 19px 25px; }
.subforum-main-icon { width: 68px; height: 68px; align-self: start; display: grid; place-items: center; border-radius: 15px; }
.subforum-main-icon .sv-icon { width: 38px; height: 38px; stroke-width: 1.9; }
.subforum-title-copy { min-width: 0; align-self: start; }
.subforum-title-copy > a { display: inline-flex; margin-bottom: 4px; color: var(--sub-accent); font-size: 9px; font-weight: 700; }
.subforum-title-copy h1 { margin: 0 0 5px; overflow-wrap: anywhere; color: var(--sub-ink); font-size: 27px; line-height: 1.14; letter-spacing: -.8px; }
.subforum-title-copy p { display: -webkit-box; overflow: hidden; margin: 0; color: color-mix(in srgb, var(--sub-ink) 72%, #718096); font-size: 11px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.subforum-stats { grid-column: 1 / 3; display: flex; gap: 28px; }
.subforum-stats > span { min-width: 92px; display: grid; grid-template-columns: 25px auto; grid-template-rows: 18px 17px; align-items: center; padding-right: 22px; border-right: 1px solid color-mix(in srgb, var(--sub-accent) 18%, transparent); }
.subforum-stats > span:last-child { border: 0; }
.subforum-stats .sv-icon { grid-row: 1 / 3; width: 20px; height: 20px; color: color-mix(in srgb, var(--sub-accent) 55%, #66758a); }
.subforum-stats b { color: var(--sub-ink); font-size: 13px; }
.subforum-stats small { color: #64738a; font-size: 9px; }
.subforum-new-topic { position: absolute; right: -34px; bottom: 18px; min-width: 142px; min-height: 41px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 15px; border: 0; border-radius: 7px; color: #fff; background: linear-gradient(135deg, var(--sub-accent), var(--sub-accent-dark)); box-shadow: 0 7px 15px color-mix(in srgb, var(--sub-accent) 25%, transparent); font-size: 11px; font-weight: 750; cursor: pointer; }
.subforum-new-topic .sv-icon { width: 17px; height: 17px; }
.subforum-hero-art { position: absolute; z-index: 3; inset: 0 0 0 69%; overflow: hidden; }
.subforum-hero-art > i { position: absolute; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; }
.subforum-hero-art > i:first-child { width: 160px; height: 160px; right: 32px; top: -65px; }
.subforum-hero-art > i:nth-child(2) { width: 115px; height: 115px; left: 7px; bottom: -62px; }
.subforum-hero-art > span { position: absolute; z-index: 3; width: 105px; height: 105px; right: 71px; bottom: 26px; display: grid; place-items: center; border: 6px solid rgba(255,255,255,.77); border-radius: 27px; color: #fff; background: linear-gradient(145deg, var(--sub-accent), var(--sub-accent-dark)); box-shadow: 0 14px 25px color-mix(in srgb, var(--sub-accent-dark) 28%, transparent); transform: rotate(-7deg); }
.subforum-hero-art > span .sv-icon { width: 58px; height: 58px; stroke-width: 1.7; }
.subforum-art-card { position: absolute; z-index: 5; width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.9); border-radius: 9px; color: var(--sub-accent); background: rgba(255,255,255,.85); box-shadow: 0 8px 16px rgba(35,57,83,.13); }
.subforum-art-card .sv-icon { width: 22px; height: 22px; }
.subforum-ataturk .subforum-main-icon { border-radius: 50%; color: #fff; background: linear-gradient(145deg, var(--sub-accent), var(--sub-accent-dark)); box-shadow: 0 8px 18px rgba(143,11,34,.22); }
.subforum-ataturk .subforum-main-icon .sv-icon { width: 45px; height: 45px; stroke-width: 1.6; }
.subforum-ataturk .subforum-main-icon .sv-portrait-icon { width: 62px; height: 62px; border: 2px solid rgba(255,255,255,.9); }
.subforum-ataturk .subforum-hero-art > span { width: 116px; height: 116px; overflow: hidden; border-radius: 50%; transform: rotate(-2deg); }
.subforum-ataturk .subforum-hero-art > span .sv-icon { width: 78px; height: 78px; stroke-width: 1.35; }
.subforum-ataturk .subforum-hero-art > span .sv-portrait-icon { width: 100%; height: 100%; }
.subforum-ataturk .art-card-one { color: #c8102e; }
.art-card-one { left: 7px; top: 35px; transform: rotate(-8deg); }
.art-card-two { right: 9px; top: 33px; transform: rotate(8deg); }
.art-card-three { right: 8px; bottom: 11px; transform: rotate(-6deg); }
.subforum-notice { position: absolute; z-index: 8; top: 10px; right: 11px; max-width: 250px; display: flex; align-items: center; gap: 5px; padding: 6px 8px; border: 1px solid rgba(255,255,255,.8); border-radius: 6px; color: var(--sub-ink); background: rgba(255,255,255,.76); font-size: 8px; font-weight: 650; }
.subforum-notice .sv-icon { width: 12px; height: 12px; color: var(--sub-accent); }

.subforum-layout { display: grid; grid-template-columns: minmax(0,3.35fr) minmax(300px,1fr); align-items: start; gap: 16px; margin-top: 14px; }
.subforum-main-column, .subforum-sidebar { min-width: 0; display: grid; gap: 14px; }
.subforum-topic-panel { overflow: hidden; }
.subforum-page-shell .ai-topic-toolbar button.active { border-color: var(--sub-accent); background: var(--sub-accent); box-shadow: 0 5px 12px color-mix(in srgb, var(--sub-accent) 22%, transparent); }
.subforum-page-shell .category-search button { background: var(--sub-accent); }
.subforum-page-shell .ai-tags > div strong { color: var(--sub-accent); }
.subforum-empty { min-height: 260px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 30px; text-align: center; }
.subforum-empty > span { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 10px; border-radius: 15px; color: var(--sub-accent); background: var(--sub-soft); }
.subforum-empty > span .sv-icon { width: 31px; height: 31px; }
.subforum-empty strong { font-size: 14px; }
.subforum-empty p { margin: 5px 0 13px; color: var(--muted); font-size: 10px; }
.subforum-empty a, .subforum-empty button { min-height: 36px; padding: 0 14px; border: 0; border-radius: 7px; color: #fff; background: var(--sub-accent); font-size: 10px; font-weight: 700; cursor: pointer; }

.subforum-related > header { min-height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border-bottom: 1px solid var(--line); }
.subforum-related h2 { margin: 0; font-size: 13px; }
.subforum-related header a { display: flex; align-items: center; gap: 4px; color: var(--sub-accent); font-size: 9px; font-weight: 650; }
.subforum-related header .sv-icon { width: 12px; height: 12px; }
.subforum-related ol { max-height: 390px; margin: 0; padding: 5px 9px; overflow-y: auto; list-style: none; scrollbar-width: thin; }
.subforum-related li > a { min-height: 48px; display: grid; grid-template-columns: 34px minmax(0,1fr) 16px; align-items: center; gap: 8px; padding: 5px; border-radius: 7px; }
.subforum-related li > a:hover, .subforum-related li.active > a { background: color-mix(in srgb, var(--sub-soft) 62%, transparent); }
.subforum-related li > a > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; }
.subforum-related li > a > span .sv-icon { width: 18px; height: 18px; }
.subforum-related li p { min-width: 0; display: flex; flex-direction: column; margin: 0; }
.subforum-related li strong { overflow: hidden; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; }
.subforum-related li small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.subforum-related li > a > .sv-icon { width: 13px; height: 13px; color: var(--muted); }
.subforum-related li.active strong, .subforum-related li.active > a > .sv-icon { color: var(--sub-accent); }

@media (max-width: 1100px) {
  .subforum-hero-copy { width: 75%; }
  .subforum-hero-art { left: 72%; }
  .subforum-layout { grid-template-columns: minmax(0,2.6fr) minmax(270px,1fr); }
}

@media (max-width: 900px) {
  .subforum-layout { grid-template-columns: 1fr; }
  .subforum-sidebar { grid-template-columns: 1fr 1fr; }
  .subforum-related, .subforum-tags { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .subforum-page-shell { width: min(100% - 20px,680px); }
  .subforum-breadcrumb { min-height: 44px; overflow: hidden; white-space: nowrap; }
  .subforum-breadcrumb a:nth-of-type(2), .subforum-breadcrumb span:nth-of-type(2) { display: none; }
  .subforum-hero { min-height: 285px; }
  .subforum-hero-copy { width: 100%; min-height: 185px; grid-template-columns: 58px minmax(0,1fr); grid-template-rows: 1fr auto; gap: 9px; padding: 20px 18px; }
  .subforum-main-icon { width: 54px; height: 54px; }
  .subforum-main-icon .sv-icon { width: 31px; height: 31px; }
  .subforum-ataturk .subforum-main-icon .sv-icon { width: 37px; height: 37px; }
  .subforum-ataturk .subforum-main-icon .sv-portrait-icon { width: 50px; height: 50px; }
  .subforum-title-copy h1 { font-size: 23px; }
  .subforum-title-copy p { font-size: 10px; }
  .subforum-stats { gap: 5px; justify-content: space-between; }
  .subforum-stats > span { min-width: 0; flex: 1; padding-right: 6px; }
  .subforum-new-topic { right: 18px; bottom: -54px; }
  .subforum-hero-art { inset: auto 0 0 37%; height: 112px; }
  .subforum-hero-art > span { width: 83px; height: 83px; right: 58px; bottom: 11px; border-width: 4px; border-radius: 22px; }
  .subforum-hero-art > span .sv-icon { width: 46px; height: 46px; }
  .subforum-ataturk .subforum-hero-art > span { width: 89px; height: 89px; }
  .subforum-ataturk .subforum-hero-art > span .sv-icon { width: 61px; height: 61px; }
  .subforum-ataturk .subforum-hero-art > span .sv-portrait-icon { width: 100%; height: 100%; }
  .subforum-art-card { width: 34px; height: 34px; }
  .art-card-one { left: 4px; top: 17px; }
  .art-card-two { right: 8px; top: 12px; }
  .art-card-three { right: 3px; bottom: 6px; }
  .subforum-notice { top: auto; right: 8px; bottom: 5px; max-width: 215px; }
  .subforum-sidebar { grid-template-columns: 1fr; }
  .subforum-related, .subforum-tags { grid-column: auto; }
}
.subforum-trash .subforum-new-topic { position: static; grid-column: 1/-1; justify-self: start; margin-top: 8px; min-height: 38px; }
.subforum-trash .subforum-notice { position: relative; inset: auto; max-width: none; margin: 0 18px 15px; padding: 10px 12px; border-color: #c4d2e4; background: rgba(255,255,255,.82); font-size: 11px; line-height: 1.5; }
.subforum-trash .subforum-notice .sv-icon { flex: 0 0 16px; width: 16px; height: 16px; }
.subforum-trash .subforum-sidebar h2 { font-size: 14px; }
@media (max-width: 680px) {
  .subforum-trash .subforum-hero { min-height: 0; }
  .subforum-trash .subforum-hero-art { display: none; }
}