/* CD-A3c (17.09.2026): externalisiert aus pages/community/profile.tpl — 1:1, unlayered wie der
   Inline-Block. Voraussetzung fuer CSP style-src-elem (siehe
   docs/CSS_AUFGABENLISTE_2026-09-17.md §CD-A3c). */
/* CD-A3b (18.09.2026): zusaetzlich die 2 style="-Attribute des Templates auf
   cpr-*-Klassen (Werte 1:1). */
.cpr-main { max-width: 1040px; }
.cpr-online-dot { width: 16px; height: 16px; }
/* SWOT GX23 (04.09.2026, GX11-Wiedervorlage nach CH-Landung fa09df1e5):
       Profil-Aktivität mobil (<576px) — Tabs als Pills-Snap-Zeile (O-GUI-3-Muster,
       Category-Pills-Snap) statt umbrechender nav-tabs, Aktivitäts-Zeilen als
       gestapelte Cards. >=576px bleibt das Desktop-Verhalten unverändert. */
    @media (max-width: 575.98px) {
        .profile-activity-tabs {
            flex-wrap: nowrap;
            overflow-x: auto;
            scroll-snap-type: x proximity;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }
        .profile-activity-tabs::-webkit-scrollbar { display: none; }
        .profile-activity-tabs .nav-item { flex: 0 0 auto; scroll-snap-align: start; }
        .profile-activity-tabs .nav-link {
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            white-space: nowrap;
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 9999px;
            margin-right: .375rem;
            padding: .5rem .875rem;
        }
        .profile-activity-tabs .nav-link.active { border-color: rgba(99, 102, 241, .6); }
        .profile-activity-row { flex-direction: column; align-items: flex-start; }
    }
    /* SWOT Design-Pass (05.09.): Inline-Styles aus dem Markup hierher (CA1-Vertrag). */
    .profile-avatar {
        width: 110px;
        height: 110px;
        border: 3px solid var(--color-brand-cyan, #00f0ff);
        box-shadow: 0 0 15px rgba(0, 240, 255, 0.35);
    }
    .profile-bio { line-height: 1.6; max-width: 680px; }