.sv-forum-groups { --group-heading-bg: linear-gradient(110deg,#142d50,#244f80); --group-heading-line: #4575af; min-width: 0; scroll-margin-top: 20px; }
@media (min-width: 1101px) {
  .home-shell > .content-grid, .forum-index-shell > .forum-index-content { grid-template-columns: minmax(0, 1fr) clamp(280px, 22vw, 320px); }
}
.sv-forum-groups > .sv-forum-groups-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 49px; padding: 10px 16px; border: 1px solid #bed0e9; border-bottom: 2px solid var(--group-heading-line); border-radius: var(--sv-radius, 10px); margin: 0 0 18px; color: #f3f7ff; background: var(--group-heading-bg); box-shadow: 0 6px 20px rgba(24,53,99,.065); }
.sv-forum-groups-title h2 { margin: 0; color: #f3f7ff; font-size: 18px; line-height: 1.4; letter-spacing: -.4px; }
.sv-forum-groups-title > span { padding: 4px 9px; border: 1px solid rgba(193,217,255,.25); border-radius: 20px; color: #d6e8ff; background: rgba(255,255,255,.08); font-size: 10px; }
.sv-forum-groups .sv-forum-group { min-width: 0; margin: 0 0 22px; overflow: hidden; border: 1px solid #bed0e9; border-radius: var(--sv-radius, 10px); background: var(--surface); box-shadow: 0 6px 20px rgba(24,53,99,.065); }
.sv-forum-groups .sv-forum-group-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 74px; padding: 13px 17px; border-bottom: 2px solid var(--group-heading-line); color: #f3f7ff; background: var(--group-heading-bg); }
.sv-forum-group-heading > div { min-width: 0; }
.sv-forum-groups .sv-forum-group-heading h2 { margin: 0 0 4px; color: #f3f7ff; font-size: 18px; line-height: 1.35; letter-spacing: -.3px; }
.sv-forum-groups .sv-forum-group-heading p { margin: 0; color: #c1d9ff; font-size: 12px; line-height: 1.5; }
.sv-forum-groups [data-sv-group-toggle] { flex: 0 0 34px; display: grid; place-items: center; width: 34px; height: 34px; padding: 7px; border: 1px solid rgba(193,217,255,.3); border-radius: 8px; color: #d8e9ff; background: rgba(255,255,255,.08); cursor: pointer; }
.sv-forum-groups [data-sv-group-toggle]:hover { color: #fff; border-color: #bcd8ff; background: rgba(255,255,255,.16); }
.sv-forum-groups [data-sv-group-toggle]:focus-visible { outline: 2px solid #c1d9ff; outline-offset: 3px; }
.sv-forum-groups [data-sv-group-toggle] svg { width: 19px; height: 19px; transition: transform .18s; }
.sv-forum-groups .is-collapsed [data-sv-group-toggle] svg { transform: rotate(-90deg); }
.sv-forum-groups .sv-forum-group > .forum-panel { margin: 0; overflow: hidden; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.sv-navy-trial .sv-forum-groups .sv-forum-group > .forum-panel { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.sv-forum-groups .sv-forum-group.is-collapsed .sv-forum-group-heading { border-bottom-color: transparent; }
.sv-forum-groups .forum-panel[hidden] { display: none !important; }
.sv-forum-groups .category-row { min-height: 104px; grid-template-columns: 58px minmax(0, 1fr) 142px 225px; gap: 14px; padding: 16px; }
.sv-forum-groups .category-row:last-child { border-bottom: 0; }
.sv-forum-groups .category-icon { width: 54px; height: 54px; border-radius: 14px; }
.sv-forum-groups .category-info p { margin-bottom: 7px; }
.sv-forum-groups > .panel-footer { margin-top: -8px; padding: 14px; border: 1px solid var(--line); border-radius: var(--sv-radius, 10px); background: var(--surface); }
[data-theme='dark'] .sv-forum-groups { --group-heading-bg: linear-gradient(110deg,#152b46,#1d3e60); --group-heading-line: #345b82; }
[data-theme='dark'] .sv-forum-groups > .sv-forum-groups-title, [data-theme='dark'] .sv-forum-groups .sv-forum-group { border-color: #293a52; }
[data-theme='dark'] .sv-forum-groups-title h2, [data-theme='dark'] .sv-forum-groups .sv-forum-group-heading h2 { color: #edf4ff; }
[data-theme='dark'] .sv-forum-groups .sv-forum-group-heading p { color: #b7cee8; }
@media (max-width: 1250px) { .sv-forum-groups .category-row { grid-template-columns: 54px minmax(0, 1fr) 112px 180px; gap: 12px; padding: 14px; } }
@media (max-width: 1000px) { .sv-forum-groups .category-row { grid-template-columns: 54px minmax(0, 1fr) 120px; }.sv-forum-groups .category-latest { display: none; } }
@media (max-width: 680px) {
  .sv-forum-groups > .sv-forum-groups-title { min-height: 47px; padding: 10px 13px; margin-bottom: 14px; }
  .sv-forum-groups-title h2 { font-size: 17px; }
  .sv-forum-groups .sv-forum-group { margin-bottom: 22px; }
  .sv-forum-groups .sv-forum-group-heading { align-items: center; gap: 10px; min-height: 72px; padding: 12px 13px; }
  .sv-forum-groups .sv-forum-group-heading h2 { font-size: 16px; }
  .sv-forum-groups .sv-forum-group-heading p { font-size: 11px; }
  .sv-forum-groups [data-sv-group-toggle] { flex-basis: 30px; width: 30px; height: 30px; padding: 5px; }
  .sv-forum-groups .category-row { grid-template-columns: 48px minmax(0, 1fr); min-height: 0; align-items: start; gap: 9px 12px; padding: 14px 12px; }
  .sv-forum-groups .category-icon { width: 46px; height: 46px; border-radius: 12px; }
  .sv-forum-groups .category-info h3 { font-size: 15px; line-height: 1.35; }
  .sv-forum-groups .category-info p { font-size: 11px; white-space: normal; }
  .sv-forum-groups .category-count { display: grid; grid-column: 2; grid-template-columns: repeat(2, auto); justify-content: start; width: auto; gap: 22px; margin: 0; }
  .sv-forum-groups .category-count > span { grid-template-columns: 17px auto; gap: 0 3px; }
  .sv-forum-groups .category-count .sv-icon { width: 14px; height: 14px; }
  .sv-forum-groups .category-count strong { font-size: 12px; }
  .sv-forum-groups .category-count small { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) { .sv-forum-groups [data-sv-group-toggle] svg { transition: none; } }