/*
 * PVP.com2.tr V3.7.1
 * Premium ve daha okunabilir tipografi katmanı
 * Mevcut 20px yerleşim ritmini değiştirmez.
 */

:root {
    --type-body: 16px;
    --type-body-mobile: 15.5px;
    --type-copy: 15px;
    --type-copy-small: 13px;
    --type-meta: 11.5px;
    --type-control: 14px;
    --type-nav: 14.5px;
    --type-button: 14px;
    --type-card-title: 23px;
    --type-section-title: clamp(30px, 3.3vw, 45px);
    --type-page-title: clamp(42px, 5.2vw, 68px);
    --type-display-title: clamp(36px, 4.6vw, 58px);
}

html {
    font-size: var(--type-body);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-size: var(--type-body);
    line-height: 1.68;
    letter-spacing: -0.006em;
    font-kerning: normal;
    font-optical-sizing: auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
    letter-spacing: -0.035em;
}

p,
li,
dd,
td,
th,
label,
small,
span {
    overflow-wrap: break-word;
}

/* Üst menü ve ortak kontroller */
.brand-domain {
    font-size: 19px !important;
    font-weight: 900;
}

.main-nav a,
.main-nav summary,
.nav-games > summary {
    font-size: var(--type-nav) !important;
    font-weight: 760 !important;
    line-height: 1.2;
}

.nav-games-menu a {
    font-size: 13.5px !important;
}

.button,
button,
.button-small,
.button-large,
.button-ghost,
.favorite-button,
.vote-button {
    font-size: var(--type-button) !important;
    font-weight: 850;
    line-height: 1.15;
}

.button,
.button-small,
.button-large,
.button-ghost {
    min-height: 44px;
}

input,
select,
textarea {
    font-size: var(--type-control) !important;
    line-height: 1.45;
}

label,
.form-card label,
.community-compose label > span {
    font-size: 13px;
}

label small,
.field-help,
.form-help,
.field-counter {
    font-size: 11.5px !important;
    line-height: 1.55;
}

.eyebrow,
.community-kicker,
.panel-kicker,
.home-wide-ad__eyebrow,
.latest-vote-caption,
.section-kicker {
    font-size: 11.5px !important;
    line-height: 1.3;
    letter-spacing: 0.15em;
}

/* Sayfa ve bölüm başlıkları */
.page-hero h1,
.hero h1,
.server-detail-hero h1,
.presence-page-head h1,
.community-hero h1,
.community-form-head h1,
.community-hub-hero h1,
.community-leaderboard-hero h1 {
    font-size: var(--type-page-title) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.052em !important;
}

.page-hero p,
.hero p,
.server-detail-hero p,
.presence-page-head p,
.community-hero p,
.community-form-head p,
.community-hub-hero p,
.community-leaderboard-hero p {
    font-size: 17px !important;
    line-height: 1.75 !important;
}

.section-heading h2,
.form-section-title h2,
.community-section-title,
.member-profile-feed h2 {
    font-size: var(--type-section-title) !important;
    line-height: 1.08 !important;
}

.section-heading p,
.section-description,
.form-section-title p {
    font-size: 14.5px !important;
    line-height: 1.7 !important;
}

.text-link,
.community-side-link,
.community-hub-panel-link {
    font-size: 12.5px !important;
    font-weight: 800;
}

/* Ana sayfa */
.home-wide-ad__content strong {
    font-size: clamp(24px, 2.6vw, 34px) !important;
    line-height: 1.12;
}

.home-wide-ad__content small {
    font-size: 14px !important;
    line-height: 1.65;
}

.home-wide-ad__action {
    font-size: 13.5px !important;
}

.home-list-tabs button,
.home-list-tabs a,
.home-tab-button {
    font-size: 13px !important;
}

.latest-server-heading h3,
.latest-server-content h3,
.server-card h3 {
    font-size: var(--type-card-title) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.03em !important;
}

.latest-server-content > p,
.server-card p,
.server-description {
    font-size: 13.5px !important;
    line-height: 1.68 !important;
}

.latest-server-meta,
.latest-server-meta b,
.latest-server-meta time,
.latest-server-views,
.server-meta,
.server-card-footer small,
.server-card-footer strong {
    font-size: var(--type-meta) !important;
    line-height: 1.5;
}

.game-badge,
.verified-badge,
.latest-server-status,
.latest-server-sponsor,
.latest-server-rank-tag,
.server-tags span,
.featured-label,
.countdown-badge {
    font-size: 10.5px !important;
    line-height: 1.25;
}

.latest-server-vote strong,
.latest-server-vote b {
    font-size: 30px !important;
    line-height: 1;
}

.latest-server-vote small {
    font-size: 10.5px !important;
}

/* Oyun, arama, sıralama ve açılış takvimi */
.filter-bar input,
.filter-bar select,
.search-toolbar input,
.search-toolbar select,
.community-filters select {
    font-size: 13.5px !important;
}

.results-head strong,
.results-head span,
.result-count,
.search-result-count {
    font-size: 12px !important;
}

.ranking-hero h1,
.calendar-hero h1,
.search-hero h1,
.category-hero h1 {
    font-size: var(--type-page-title) !important;
}

.ranking-hero p,
.calendar-hero p,
.search-hero p,
.category-hero p {
    font-size: 17px !important;
    line-height: 1.72;
}

.ranking-summary strong,
.calendar-summary strong,
.hero-stat-grid strong,
.stats-grid strong {
    font-size: 30px !important;
}

.ranking-summary span,
.calendar-summary span,
.hero-stat-grid span,
.stats-grid span {
    font-size: 12.5px !important;
}

.calendar-group h2,
.ranking-group h2,
.game-leaders h2,
.month-ranking h2 {
    font-size: 30px !important;
}

/* Server detay ve rehber içeriği */
.detail-panel h2,
.detail-panel h3,
.server-description h2,
.description-html h2,
.rich-editor h2,
.guide-content h2 {
    font-size: 30px !important;
    line-height: 1.18;
}

.detail-panel h3,
.server-description h3,
.description-html h3,
.rich-editor h3,
.guide-content h3 {
    font-size: 23px !important;
    line-height: 1.25;
}

.detail-panel p,
.detail-list li,
.server-description,
.server-description p,
.description-html,
.description-html p,
.rich-editor,
.rich-editor p,
.guide-content,
.guide-content p {
    font-size: 15.5px !important;
    line-height: 1.82 !important;
}

.detail-list strong,
.detail-meta strong,
.detail-stat strong {
    font-size: 14px !important;
}

.detail-list span,
.detail-meta span,
.detail-stat small {
    font-size: 12px !important;
}

/* Topluluk */
.community-side-card > strong,
.community-hub-panel > strong,
.community-hub-panel__head strong {
    font-size: 13px !important;
    letter-spacing: 0.06em;
}

.community-side-card > p,
.community-hub-panel p,
.community-hub-muted {
    font-size: 12.5px !important;
    line-height: 1.72 !important;
}

.community-category-nav a {
    font-size: 12.5px !important;
}

.community-mini-stats span,
.community-reputation span,
.community-side-card small,
.community-hub-summary span,
.community-hub-summary small {
    font-size: 11px !important;
}

.community-mini-stats b,
.community-hub-summary strong,
.community-hub-summary b {
    font-size: 18px !important;
}

.community-card__title,
.community-topic-row__title,
.community-hub-topic-card__title,
.community-hub-post h3,
.community-hub-post-title {
    font-size: clamp(21px, 2.1vw, 27px) !important;
    line-height: 1.17 !important;
}

.community-card__excerpt,
.community-topic-row__excerpt,
.community-hub-topic-card__excerpt,
.community-hub-post-excerpt,
.community-hub-post p {
    font-size: 13.5px !important;
    line-height: 1.72 !important;
}

.community-card__author strong,
.community-post-detail__meta strong,
.community-topic-row__author-copy strong,
.community-author-link {
    font-size: 12px !important;
}

.community-card__author small,
.community-post-detail__meta small,
.community-topic-row__author-copy small,
.community-author-handle,
.community-comment time,
.community-comment small {
    font-size: 10.5px !important;
}

.community-card__metrics,
.community-topic-row__metrics,
.community-topic-row__meta,
.community-hub-topic-card__meta,
.community-hub-post-meta {
    font-size: 11.5px !important;
}

.community-post-detail__header h1,
.community-elite-header h1 {
    font-size: var(--type-display-title) !important;
    line-height: 1.06 !important;
}

.community-post-detail__content,
.community-post-detail__content p,
.community-post-detail__body,
.community-post-detail__body p,
.community-elite-content,
.community-elite-content p {
    font-size: 15.5px !important;
    line-height: 1.84 !important;
}

.community-post-detail__content blockquote,
.community-elite-content blockquote {
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.community-comment-section h2,
.community-comments-head h2,
.community-comments-title {
    font-size: 22px !important;
}

.community-comment-form textarea,
.community-comment-reply-form textarea,
.community-reply-form textarea,
.community-comment-item p,
.community-comment p {
    font-size: 14px !important;
    line-height: 1.72 !important;
}

.user-level-chip,
.user-level-chip b,
.user-badge {
    font-size: 10.5px !important;
}

/* Rank simgeleri: listelerde yuvarlak, simgeyi sıkıştırmadan */
.community-hub-leaders .progression-rank-mark--compact,
.community-leaderboard-rank .progression-rank-mark,
.community-topic-row .progression-rank-mark--compact {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 2px !important;
    border-radius: 50% !important;
}

.community-hub-leaders .progression-rank-mark__symbol,
.community-leaderboard-rank .progression-rank-mark__symbol,
.community-topic-row .progression-rank-mark__symbol {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
}

.community-hub-leaders .progression-rank-mark__symbol img,
.community-leaderboard-rank .progression-rank-mark__symbol img,
.community-topic-row .progression-rank-mark__symbol img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 50% !important;
}

.community-hub-leaders li > a b {
    font-size: 12px !important;
}

.community-hub-leaders li > a small,
.community-hub-leaders li > strong {
    font-size: 10.5px !important;
}

.community-hub-trends li a b {
    font-size: 12.5px !important;
}

.community-hub-trends li a small {
    font-size: 10.5px !important;
}

/* Profil, seviye ve aktif kullanıcılar */
.member-profile-header h1 {
    font-size: clamp(29px, 3vw, 40px) !important;
}

.member-profile-header p,
.member-profile-meta-chips span {
    font-size: 12px !important;
}

.member-stat-grid b,
.progression-admin-grid strong {
    font-size: 22px !important;
}

.member-stat-grid small,
.progression-admin-grid span {
    font-size: 10.5px !important;
}

.progression-card h2,
.progression-card h3,
.progression-card__title {
    font-size: 25px !important;
}

.progression-card p,
.progression-card__copy,
.progression-card__meta,
.progression-card__subtitle {
    font-size: 13px !important;
    line-height: 1.72 !important;
}

.progression-xp__meta,
.progression-rewards span,
.progression-next-reward {
    font-size: 11px !important;
}

.presence-page-counts strong,
.presence-user-stats b {
    font-size: 22px !important;
}

.presence-page-counts small,
.presence-user-copy p,
.presence-user-stats span,
.footer-presence-copy p {
    font-size: 11.5px !important;
}

.presence-user-copy h2,
.footer-presence-copy strong {
    font-size: 14px !important;
}

/* Formlar, hesap ve kimlik doğrulama */
.form-card h2,
.form-card h3,
.auth-card h1,
.auth-card h2,
.account-card h2,
.account-section h2,
.advertise-card h2 {
    font-size: 26px !important;
    line-height: 1.16;
}

.form-card p,
.auth-card p,
.account-card p,
.account-section p,
.advertise-card p,
.game-form-guide p,
.game-form-guide li {
    font-size: 13.5px !important;
    line-height: 1.72 !important;
}

.form-section-title > span,
.game-form-guide strong,
.preview-panel-heading strong {
    font-size: 13px !important;
}

.preview-panel-heading h2 {
    font-size: 27px !important;
}

/* Footer */
.footer-v314-kicker,
.footer-kicker {
    font-size: 11px !important;
}

.footer-v314-cta h2,
.footer-premium-cta h2 {
    font-size: clamp(27px, 3vw, 38px) !important;
}

.footer-v314-cta p,
.footer-brand-copy,
.footer-v314-brand-copy {
    font-size: 13px !important;
    line-height: 1.72 !important;
}

.footer-v314-primary,
.footer-v314-secondary,
.footer-primary-button,
.footer-secondary-button {
    font-size: 13px !important;
}

.footer-v314-column h3,
.footer-link-column h3 {
    font-size: 11.5px !important;
}

.footer-v314-column a,
.footer-link-column a {
    font-size: 12.5px !important;
}

.footer-v314-trust span,
.footer-trust-list span,
.footer-v314-bottom,
.footer-premium-bottom {
    font-size: 10.5px !important;
}

/* Yönetim paneli */
.admin-body {
    font-size: 15px;
}

.admin-header,
.admin-sidebar a {
    font-size: 13px !important;
}

.admin-page-head h1,
.admin-main h1 {
    font-size: clamp(31px, 3.2vw, 44px) !important;
}

.admin-page-head p,
.admin-card p,
.admin-main p,
.table-subtext {
    font-size: 13px !important;
    line-height: 1.68 !important;
}

.admin-card h2,
.admin-card h3,
.admin-main h2,
.admin-main h3 {
    font-size: 22px !important;
}

.admin-table th {
    font-size: 11.5px !important;
}

.admin-table td {
    font-size: 13px !important;
}

.admin-table input,
.admin-table select,
.admin-table textarea,
.admin-filter input,
.admin-filter select {
    font-size: 13px !important;
}

/* Tablet */
@media (max-width: 1024px) {
    :root {
        --type-page-title: clamp(38px, 6vw, 56px);
        --type-section-title: clamp(29px, 4vw, 39px);
    }

    .main-nav a,
    .main-nav summary,
    .nav-games > summary {
        font-size: 14px !important;
    }

    .latest-server-heading h3,
    .latest-server-content h3,
    .server-card h3 {
        font-size: 22px !important;
    }
}

/* Mobil */
@media (max-width: 760px) {
    :root {
        --type-body: var(--type-body-mobile);
        --type-nav: 15px;
        --type-button: 14.5px;
        --type-page-title: clamp(33px, 10vw, 46px);
        --type-section-title: clamp(27px, 7.5vw, 36px);
        --type-display-title: clamp(31px, 9vw, 42px);
    }

    html,
    body {
        font-size: var(--type-body-mobile);
        line-height: 1.68;
    }

    .brand-domain {
        font-size: 18px !important;
    }

    .main-nav a,
    .main-nav summary,
    .nav-games > summary {
        min-height: 46px;
        display: flex;
        align-items: center;
        font-size: 15px !important;
    }

    input,
    select,
    textarea {
        min-height: 48px;
        font-size: 16px !important;
    }

    textarea {
        line-height: 1.65;
    }

    .button,
    button,
    .button-small,
    .button-large,
    .button-ghost,
    .favorite-button,
    .vote-button {
        min-height: 46px;
        font-size: 14.5px !important;
    }

    .page-hero p,
    .hero p,
    .server-detail-hero p,
    .presence-page-head p,
    .community-hero p,
    .community-form-head p,
    .community-hub-hero p,
    .community-leaderboard-hero p {
        font-size: 15.5px !important;
        line-height: 1.72 !important;
    }

    .latest-server-content > p,
    .server-card p,
    .server-description,
    .community-card__excerpt,
    .community-topic-row__excerpt,
    .community-hub-topic-card__excerpt,
    .community-hub-post-excerpt,
    .form-card p,
    .auth-card p,
    .account-card p {
        font-size: 13.5px !important;
    }

    .latest-server-heading h3,
    .latest-server-content h3,
    .server-card h3,
    .community-card__title,
    .community-topic-row__title,
    .community-hub-topic-card__title,
    .community-hub-post h3,
    .community-hub-post-title {
        font-size: 21px !important;
    }

    .detail-panel p,
    .detail-list li,
    .server-description,
    .server-description p,
    .description-html,
    .description-html p,
    .rich-editor,
    .rich-editor p,
    .guide-content,
    .guide-content p,
    .community-post-detail__content,
    .community-post-detail__content p,
    .community-post-detail__body,
    .community-post-detail__body p,
    .community-elite-content,
    .community-elite-content p {
        font-size: 15px !important;
        line-height: 1.78 !important;
    }

    .community-hub-leaders .progression-rank-mark--compact,
    .community-leaderboard-rank .progression-rank-mark,
    .community-topic-row .progression-rank-mark--compact {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
    }

    .community-hub-leaders .progression-rank-mark__symbol,
    .community-leaderboard-rank .progression-rank-mark__symbol,
    .community-topic-row .progression-rank-mark__symbol {
        width: 33px !important;
        height: 33px !important;
    }

    .footer-v314-cta p,
    .footer-brand-copy,
    .footer-v314-brand-copy {
        font-size: 12.5px !important;
    }

    .footer-v314-column a,
    .footer-link-column a {
        min-height: 43px;
        font-size: 13px !important;
    }

    .admin-main {
        font-size: 14px;
    }

    .admin-table {
        font-size: 12.5px;
    }
}

/* Dar telefonlar */
@media (max-width: 480px) {
    :root {
        --type-page-title: clamp(31px, 10.5vw, 40px);
        --type-section-title: clamp(26px, 8vw, 33px);
    }

    .brand-domain {
        font-size: 17px !important;
    }

    .page-hero h1,
    .hero h1,
    .server-detail-hero h1,
    .presence-page-head h1,
    .community-hero h1,
    .community-form-head h1,
    .community-hub-hero h1,
    .community-leaderboard-hero h1 {
        overflow-wrap: anywhere;
    }

    .eyebrow,
    .community-kicker,
    .panel-kicker {
        font-size: 10.5px !important;
        letter-spacing: 0.13em;
    }

    .latest-server-meta,
    .community-card__metrics,
    .community-topic-row__metrics,
    .community-topic-row__meta {
        font-size: 11px !important;
    }

    .footer-v314-cta h2,
    .footer-premium-cta h2 {
        font-size: 27px !important;
    }
}

/*
 * PVP.com2.tr V3.7.2
 * Header logo tutarlılığı + topluluk okunabilirlik düzeltmesi
 */

/* Tüm public sayfalarda aynı logo ölçüsü ve hizası */
.site-header .header-inner {
    min-height: 64px !important;
    height: 64px !important;
    align-items: center !important;
}

.site-header .brand {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    transform: none !important;
}

.site-header .brand-mark {
    display: inline-grid !important;
    place-items: center !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.025em !important;
}

.site-header .brand-domain {
    display: inline-block !important;
    margin: 0 !important;
    color: #f4f6f9 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
    white-space: nowrap !important;
}

/* Topluluk ana sayfası: daha iri ve okunabilir tipografi */
.community-hub-page .community-hub-breadcrumb,
.community-hub-page .community-hub-breadcrumb a,
.community-hub-page .community-hub-breadcrumb strong {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
}

.community-hub-page .community-kicker {
    font-size: 12px !important;
}

.community-hub-page .community-hub-hero h1 {
    font-size: clamp(38px, 4vw, 56px) !important;
    line-height: 1.04 !important;
}

.community-hub-page .community-hub-hero p {
    max-width: 700px !important;
    font-size: 15px !important;
    line-height: 1.78 !important;
}

.community-hub-page .community-hub-panel > strong,
.community-hub-page .community-hub-panel__head > strong {
    font-size: 14px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.055em !important;
}

.community-hub-page .community-hub-categories > strong {
    padding-bottom: 13px !important;
}

.community-hub-page .community-hub-categories a {
    min-height: 46px !important;
    font-size: 13.5px !important;
    line-height: 1.3 !important;
}

.community-hub-page .community-hub-categories a i {
    width: 29px !important;
    height: 29px !important;
    font-size: 12px !important;
}

.community-hub-page .community-hub-summary b {
    font-size: 21px !important;
}

.community-hub-page .community-hub-summary small {
    font-size: 10px !important;
    line-height: 1.35 !important;
}

.community-hub-page .community-hub-level__title b {
    font-size: 31px !important;
}

.community-hub-page .community-hub-level__title span,
.community-hub-page .community-hub-level p,
.community-hub-page .community-hub-level a {
    font-size: 12px !important;
    line-height: 1.65 !important;
}

.community-hub-page .community-hub-filters {
    padding: 16px !important;
    gap: 12px !important;
}

.community-hub-page .community-hub-filters label > span {
    font-size: 10.5px !important;
}

.community-hub-page .community-hub-filters select {
    min-height: 44px !important;
    font-size: 14px !important;
}

.community-hub-page .community-hub-filters .button {
    min-height: 44px !important;
    font-size: 13.5px !important;
}

.community-hub-page .community-topic-row h2,
.community-hub-page .community-topic-row__title,
.community-hub-page .community-card__title {
    font-size: clamp(22px, 2vw, 27px) !important;
    line-height: 1.18 !important;
}

.community-hub-page .community-topic-row__content > p,
.community-hub-page .community-topic-row__excerpt,
.community-hub-page .community-card__excerpt {
    font-size: 14.5px !important;
    line-height: 1.72 !important;
}

.community-hub-page .community-topic-row__author-copy strong,
.community-hub-page .community-card__author strong {
    font-size: 13px !important;
}

.community-hub-page .community-topic-row__author-copy small,
.community-hub-page .community-card__author small,
.community-hub-page .community-topic-row__meta,
.community-hub-page .community-topic-row__metrics,
.community-hub-page .community-card__metrics {
    font-size: 11.5px !important;
    line-height: 1.5 !important;
}

.community-hub-page .user-level-chip,
.community-hub-page .user-level-chip b,
.community-hub-page .user-badge {
    font-size: 11px !important;
}

.community-hub-page .community-hub-join p,
.community-hub-page .community-hub-panel p,
.community-hub-page .community-hub-muted {
    font-size: 13px !important;
    line-height: 1.72 !important;
}

.community-hub-page .community-hub-trends b {
    font-size: 13px !important;
}

.community-hub-page .community-hub-trends small {
    font-size: 11px !important;
}

.community-hub-page .community-hub-trends li {
    gap: 11px !important;
    padding: 12px 0 !important;
}

.community-hub-page .community-hub-panel-link {
    min-height: 40px !important;
    font-size: 12px !important;
}

/* Topluluk liderleri: sıra rakamı kaldırıldı, rank ikonu küçültüldü */
.community-hub-page .community-hub-leaders li {
    grid-template-columns: 30px 36px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    min-height: 58px !important;
    padding: 11px 0 !important;
}

.community-hub-page .community-hub-leaders li > .progression-rank-mark,
.community-hub-page .community-hub-leaders .progression-rank-mark--compact {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 1px !important;
    border-radius: 50% !important;
    justify-self: center !important;
}

.community-hub-page .community-hub-leaders .progression-rank-mark__symbol {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    border-radius: 50% !important;
}

.community-hub-page .community-hub-leaders .progression-rank-mark__symbol img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 50% !important;
}

.community-hub-page .community-hub-leader-avatar {
    width: 36px !important;
    height: 36px !important;
    font-size: 11px !important;
}

.community-hub-page .community-hub-leaders li > a b {
    font-size: 13px !important;
}

.community-hub-page .community-hub-leaders li > a small {
    font-size: 10.5px !important;
}

.community-hub-page .community-hub-leaders li > strong {
    font-size: 10.5px !important;
}

/* Tablet ve mobil */
@media (max-width: 900px) {
    .community-hub-page .community-hub-hero h1 {
        font-size: clamp(34px, 7vw, 48px) !important;
    }

    .community-hub-page .community-hub-hero p {
        font-size: 14.5px !important;
    }

    .community-hub-page .community-hub-categories a {
        font-size: 13px !important;
    }
}

@media (max-width: 640px) {
    .site-header .brand-mark {
        width: 48px !important;
        min-width: 48px !important;
        height: 30px !important;
        min-height: 30px !important;
        font-size: 12px !important;
    }

    .site-header .brand-domain {
        font-size: 16px !important;
    }

    .community-hub-page .community-hub-breadcrumb {
        font-size: 11.5px !important;
    }

    .community-hub-page .community-hub-hero h1 {
        font-size: 34px !important;
    }

    .community-hub-page .community-hub-hero p {
        font-size: 14px !important;
    }

    .community-hub-page .community-topic-row h2,
    .community-hub-page .community-topic-row__title,
    .community-hub-page .community-card__title {
        font-size: 20px !important;
    }

    .community-hub-page .community-topic-row__content > p,
    .community-hub-page .community-topic-row__excerpt,
    .community-hub-page .community-card__excerpt {
        font-size: 13.5px !important;
    }

    .community-hub-page .community-hub-leaders li {
        grid-template-columns: 28px 34px minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    .community-hub-page .community-hub-leaders li > strong {
        grid-column: 3 !important;
        justify-self: start !important;
        margin-top: 2px !important;
    }

    .community-hub-page .community-hub-leaders li > .progression-rank-mark,
    .community-hub-page .community-hub-leaders .progression-rank-mark--compact {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
    }

    .community-hub-page .community-hub-leaders .progression-rank-mark__symbol {
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        min-height: 24px !important;
    }
}