/* ============================================================
   MHL – DATENSCHUTZ EXAKTER ECKEN-FIX
   ============================================================ */

/*
 * ECHTE LIVE-DOM-STRUKTUR:
 *
 * body.scene-privacy
 *   main#content.site-main.shell
 *     section.reading-shell.glass-card.prose-page.protection-guide
 *
 * Die Section selbst ist der große sichtbare Inhaltskasten.
 */


/* ============================================================
   HAUPTCONTAINER
   ============================================================ */

body.scene-privacy
main#content.site-main.shell
section.reading-shell.glass-card.prose-page.protection-guide {
    border-radius: 28px !important;
    overflow: hidden !important;

    /*
     * Verhindert, dass nachgelagerte Layer die Rundung
     * optisch wieder abschneiden.
     */
    clip-path: inset(0 round 28px) !important;
}


/* ============================================================
   ALLE ZUSTÄNDE – auch Hover/Focus/etc.
   ============================================================ */

body.scene-privacy
main#content.site-main.shell
section.reading-shell.glass-card.prose-page.protection-guide:hover,
body.scene-privacy
main#content.site-main.shell
section.reading-shell.glass-card.prose-page.protection-guide:focus,
body.scene-privacy
main#content.site-main.shell
section.reading-shell.glass-card.prose-page.protection-guide:focus-within {
    border-radius: 28px !important;
    overflow: hidden !important;
    clip-path: inset(0 round 28px) !important;
}


/* ============================================================
   INNERE SCHICHTEN NICHT ÜBER DIE ECKEN HINAUS
   ============================================================ */

body.scene-privacy
main#content.site-main.shell
section.reading-shell.glass-card.prose-page.protection-guide
> *:first-child {
    border-top-left-radius: 28px !important;
    border-top-right-radius: 28px !important;
}


body.scene-privacy
main#content.site-main.shell
section.reading-shell.glass-card.prose-page.protection-guide
> *:last-child {
    border-bottom-left-radius: 28px !important;
    border-bottom-right-radius: 28px !important;
}


/* ============================================================
   PROTECTION-CARDS BLEIBEN INNEN RUND
   ============================================================ */

body.scene-privacy
main#content.site-main.shell
section.reading-shell.glass-card.prose-page.protection-guide
article.protection-card {
    border-radius: 18px !important;
    overflow: hidden !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1100px) {
    body.scene-privacy
    main#content.site-main.shell
    section.reading-shell.glass-card.prose-page.protection-guide {
        border-radius: 24px !important;
        clip-path: inset(0 round 24px) !important;
    }
}


@media (max-width: 700px) {
    body.scene-privacy
    main#content.site-main.shell
    section.reading-shell.glass-card.prose-page.protection-guide {
        border-radius: 20px !important;
        clip-path: inset(0 round 20px) !important;
    }
}


@media (max-width: 480px) {
    body.scene-privacy
    main#content.site-main.shell
    section.reading-shell.glass-card.prose-page.protection-guide {
        border-radius: 18px !important;
        clip-path: inset(0 round 18px) !important;
    }
}
