.clubops-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.clubops-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  padding: 24px;
  margin: 0;
  color: var(--ink);
  transition: border-color .15s, box-shadow .15s;
}
.clubops-group:hover { border-color: #bacaac; box-shadow: 0 5px 16px #13222c08; }
.clubops-group-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #f0f5e6;
  color: #75984f;
}
.clubops-group-icon .icon { width: 23px; height: 23px; }
.clubops-group h2 { font-size: 19px; line-height: 1.3; }
.clubops-group p { font-size: 12px; color: var(--muted); margin: 8px 0 12px; line-height: 1.6; }
.clubops-group small { display: block; color: var(--muted); font-size: 10px; line-height: 1.8; }
.clubops-group-open { display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:auto; padding-top:16px; border-top:1px solid var(--line); font-size:11px; font-weight:600; }
.clubops-group-open .icon { width:17px; height:17px; }
.clubops-nav { display:flex; gap:24px; border-bottom:1px solid var(--line); margin:0 0 24px; overflow-x:auto; }
.clubops-nav a { padding:0 2px 14px; color:var(--muted); font-size:12px; font-weight:600; border-bottom:2px solid transparent; white-space:nowrap; }
.clubops-nav a[aria-current="page"] { color:var(--ink); border-color:var(--ink); }
.clubops-nav a:hover { color:var(--ink); }
.clubops-list { padding:0 24px; }
.clubops-card { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 0; border-bottom:1px solid var(--line); }
.clubops-card:last-child { border-bottom:0; }
.clubops-card>div:first-child { min-width:0; overflow-wrap:anywhere; }
.clubops-card h3 { margin:0; font-size:13px; line-height:1.6; }
.clubops-card p { color:var(--muted); margin:6px 0 0; font-size:11px; line-height:1.6; }
.clubops-card .actions { justify-content:flex-end; flex-shrink:0; max-width:50%; }
.clubops-block { padding:18px; margin:12px 0; border:1px solid var(--line); border-radius:var(--radius); }
.clubops-block pre { white-space:pre-wrap; font:inherit; }
.clubops-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:0 24px 24px; }
.clubops-filters .field { margin:0; }
.clubops-filters .actions { grid-column:1 / -1; }
.clubops-suggestion { padding:28px; }
.clubops-suggestion p, .clubops-suggestion li { font-size:12px; color:var(--muted); line-height:1.8; }
.clubops-suggestion p { margin:12px 0; max-width:650px; }
.clubops-suggestion ol { padding-left:18px; margin:20px 0 24px; }
.clubops-suggestion li { margin-bottom:8px; }
.clubops-editor .field:has(textarea), .clubops-editor>.check, .clubops-editor>h3, .clubops-editor>[data-blocks] { grid-column:1 / -1; }
@media(max-width:1000px) { .clubops-card { align-items:flex-start; flex-direction:column; gap:14px; } .clubops-card .actions { max-width:100%; justify-content:flex-start; } }
@media(max-width:650px) {
  .clubops-groups { grid-template-columns:1fr; gap:16px; }
  .clubops-group { padding:20px; gap:14px; }
  .clubops-nav { gap:20px; }
  .clubops-list { padding:0 18px; }
  .clubops-filters { grid-template-columns:1fr; padding:0 18px 20px; }
  .clubops-suggestion { padding:20px; }
}