/* App – Aufgaben & Regeln (Präfix rg-) */
.rg { gap: 10px; }
.rg-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; background: var(--ap-card); border: 1px solid var(--ap-line); border-radius: 16px; padding: 4px; }
.rg-tabs a { min-height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; text-decoration: none; color: var(--ap-muted) !important; }
.rg-tabs a[aria-selected="true"] { background: var(--ap-gold); color: var(--ap-on-gold) !important; }
.rg-areas { display: flex; flex-direction: column; gap: 8px; }
.rg-areas[hidden], .rg-rules[hidden] { display: none; }
.rg-area { background: var(--ap-card); border: 1px solid var(--ap-line); border-radius: 22px; padding: 10px 14px; }
.rg-area__h { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; margin-bottom: 4px; }
.rg-sq { width: 10px; height: 10px; border-radius: 3px; background: var(--rg-c); flex: none; }
.rg-task { display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; line-height: 1.35; padding: 3px 0; color: var(--ap-soft); }
.rg-task__ic { color: var(--rg-c); flex: none; display: flex; padding-top: 1px; }
.rg-rules { background: var(--ap-card); border: 1px solid var(--ap-line); border-radius: 22px; padding: 2px 14px; }
.rg-rule { padding: 9px 0; }
.rg-rule + .rg-rule { border-top: 1px solid var(--ap-line); }
.rg-rule strong { font-size: 13px; color: var(--ap-text); }
.rg-rule strong.is-red { color: var(--ap-red-t); }
.rg-rule div { font-size: 12px; color: var(--ap-soft); line-height: 1.45; margin-top: 2px; }