/* ---------------------------------------------------------------------------
   Bewertungskreis, wie ihn der Lighthouse-Bericht für die Kategorie
   „Barrierefreiheit“ zeigt (templates/_suchmaschinen_kreis.php).
   Verwendet auf der Startseite und auf der Plugin-Seite.
   --------------------------------------------------------------------------- */
.suchmaschinen-kreis { margin: 0; text-align: center; }
.suchmaschinen-kreis svg {
    width: 160px; height: 160px; max-width: 100%;
    display: block; margin-inline: auto;
}
/* Die Punktzahl steht im Lighthouse-Bericht in einer nichtproportionalen
   Schrift (Roboto Mono). Schriften werden bewusst NICHT von Google-Servern
   nachgeladen (Datenschutz): Ist Roboto Mono auf dem Gerät vorhanden, sieht der
   Wert exakt aus wie im Bericht, sonst greift die Monospace-Schrift des Systems
   – der Charakter bleibt derselbe. Die Beschriftung darunter bleibt Grotesk,
   ebenfalls wie im Bericht. */
.suchmaschinen-kreis__zahl {
    font-family: "Roboto Mono", "SFMono-Regular", "SF Mono", Menlo, Consolas,
                 "Liberation Mono", "Courier New", monospace;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.02em;   /* Lighthouse setzt die Ziffern etwas enger */
}
.suchmaschinen-kreis__label {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    color: var(--farbe-text);
}