.rb-rh-discovery-nav { display:flex; gap:6px; flex-wrap:wrap; margin:0 0 16px; }
.rb-rh-discovery-nav a { padding:7px 15px; border-radius:8px; font-size:13px; font-weight:600; color:var(--color-text-muted,#64748b); background:var(--color-surface-2,rgba(0,0,0,.04)); text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.rb-rh-discovery-nav a:hover { color:var(--color-text,#111); }
.rb-rh-discovery-nav a.is-active { background:var(--color-primary,#2563eb); color:#fff; }
.rb-rh-grid { grid-template-columns: 240px minmax(0, 1fr); }
@media (max-width: 768px) { .rb-rh-grid { grid-template-columns: minmax(0, 1fr); } }

@media (min-width: 768.02px) {
    .rb-rh-grid > .rb-rh-side { order: -1; }
}

.rb-rh-container .rb-avatar.rb-avatar--xs { --av-sz: 22px; width: 22px; height: 22px; min-width: 22px; font-size: 10px; }
.rb-rh-container .rb-avatar.rb-avatar--sm { --av-sz: 32px; width: 32px; height: 32px; min-width: 32px; font-size: 13px; }
.rb-rh-container .rb-avatar.rb-avatar--md { --av-sz: 44px; width: 44px; height: 44px; min-width: 44px; font-size: 16px; }

@media (max-width: 639.98px) {
    .rb-rh-resource-list .rb-rh-resource-card {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        column-gap: 12px;
        row-gap: 6px;
        align-items: start;
        padding: 12px;
    }
    .rb-rh-resource-list .rb-rh-mod-row .rb-rh-resource-card { padding-left: 44px; }
    .rb-rh-resource-list .rb-rh-mod-row > .rb-rh-resource-card.rb-bleed { padding-left: calc(44px + var(--rb-phone-gutter, 12px)); }
    .rb-rh-resource-list .rb-rh-mod-row > .rb-rh-modcheck { top: 23px; transform: none; }
    .rb-rh-resource-list .rb-rh-resource-icon { width: 40px; height: 40px; grid-row: 1 / span 2; }
    .rb-rh-resource-list .rb-rh-resource-info { grid-column: 2; }
    .rb-rh-resource-list .rb-rh-resource-title {
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }
    .rb-rh-resource-list .rb-rh-resource-meta { flex-wrap: wrap; row-gap: 4px; }
    .rb-rh-resource-list .rb-rh-field-chips { flex-wrap: wrap; max-height: 24px; overflow: hidden; }
    .rb-rh-resource-list .rb-rh-stats { grid-column: 2; width: auto; gap: 14px; justify-content: flex-start; }
    .rb-rh-resource-list .rb-rh-stat { display: inline-flex; align-items: baseline; gap: 4px; text-align: start; }
    .rb-rh-resource-list .rb-rh-stat-value,
    .rb-rh-resource-list .rb-rh-stat-rating { font-size: 12px; }
    .rb-rh-resource-list .rb-rh-stat-rating { justify-content: flex-start; }
    .rb-rh-side .rb-card { padding: 0; }
    .rb-rh-side .rb-rh-sidebar-list { padding: 4px 0; }
    .rb-rh-grid > .rb-rh-side .rb-rh-sidebar-header { margin-inline: 0; padding-inline: 12px; }
    .rb-rh-grid > .rb-rh-side .rb-rh-category-item { padding-inline: 12px; border-radius: 0; }
    .rb-rh-main .rb-rh-bulkbar { flex-wrap: nowrap; gap: 6px; padding: 6px 8px; overflow-x: auto; scrollbar-width: none; }
    .rb-rh-main .rb-rh-bulkbar > * { flex: 0 0 auto; }
    .rb-rh-main .rb-rh-bulkbar-count { font-size: 12px; white-space: nowrap; margin-inline-end: auto; }
    .rb-rh-main .rb-rh-bulkbar .rb-btn { font-size: 0; gap: 0; min-width: 34px; min-height: 34px; padding: 0 9px; display: inline-flex; align-items: center; justify-content: center; }
    .rb-rh-main .rb-rh-bulkbar .rb-btn i { font-size: 14px; margin: 0; }
    .rb-rh-main .rb-rh-bulk-move { flex: 0 1 auto; min-width: 0; max-width: 128px; height: 34px; }
}

.rb-rh-grid-content { grid-template-columns: minmax(0, 1fr) 300px; }
@media (max-width: 768px) { .rb-rh-grid-content { grid-template-columns: minmax(0, 1fr); } }
.rb-rh-star-warn { color:var(--color-warning, var(--warning, #f59e0b)); margin-right:2px; }
.rb-rh-review-report-wrap { margin-top:6px; }
.rb-rh-review-report-btn { background:transparent; border:0; padding:2px 4px; font-size:12px; color:var(--color-text-muted,#94a3b8); cursor:pointer; display:inline-flex; align-items:center; gap:5px; border-radius:6px; }
.rb-rh-review-report-btn:hover { color:var(--color-danger,#ef4444); background:var(--color-surface-2,rgba(0,0,0,.04)); }
.rb-rh-review-subfields { display:flex; flex-wrap:wrap; gap:8px; margin:6px 0; }
.rb-rh-review-subfield { font-size:12px; background:var(--color-surface-2,rgba(0,0,0,.05)); border-radius:6px; padding:2px 8px; }
.rb-rh-author-response { margin-top:8px; padding:8px 12px; border-left:3px solid var(--color-primary,#2563eb); background:var(--color-surface-2,rgba(37,99,235,.06)); border-radius:0 8px 8px 0; }
.rb-rh-author-response-label { font-size:12px; font-weight:700; color:var(--color-primary,#2563eb); margin-bottom:3px; display:flex; align-items:center; gap:5px; }
.rb-rh-author-response-body { font-size:13px; color:var(--color-text,#111); }
.rb-rh-author-respond { margin-top:6px; }
.rb-rh-modlog-pop { position:absolute; z-index:40; top:100%; left:0; margin-top:6px; min-width:280px; max-height:260px; overflow-y:auto; background:var(--color-surface,#fff); border:1px solid var(--color-border,#e5e7eb); border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.12); padding:6px; }
.rb-rh-modlog-row { display:flex; gap:8px; justify-content:space-between; align-items:center; padding:5px 8px; font-size:12px; border-bottom:1px solid var(--color-border,#f1f3f5); }
.rb-rh-modlog-row:last-child { border-bottom:0; }
.rb-rh-modlog-action { font-weight:700; color:var(--color-text,#111); }
.rb-rh-modlog-who { color:var(--color-text-muted,#64748b); }
.rb-rh-modlog-date { color:var(--color-text-muted,#94a3b8); white-space:nowrap; }
.rb-tabs__panel { display:none; }
.rb-tabs__panel.active { display:block; }

.rb-rh-type-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 640px) { .rb-rh-type-grid { grid-template-columns: minmax(0, 1fr); } }
.rb-rh-commercial-grid { grid-template-columns: minmax(0, 1fr) 120px; }
@media (max-width: 768px) { .rb-rh-commercial-grid { grid-template-columns: minmax(0, 1fr); } }

.rb-rh-wn.rb-container { max-width: 1100px; margin: 0 auto; padding: 20px 16px; }
.rb-rh-wn-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.rb-rh-wn-head h1 { font-size:22px; font-weight:700; display:flex; align-items:center; gap:8px; margin:0; color:var(--color-text,#111); }
.rb-rh-wn-nav { display:flex; gap:6px; flex-wrap:wrap; }
.rb-rh-wn-nav a { padding:6px 14px; border-radius:8px; font-size:13px; font-weight:600; color:var(--color-text-muted,#64748b); background:var(--color-surface-2,rgba(0,0,0,.04)); text-decoration:none; }
.rb-rh-wn-nav a:hover { color:var(--color-text,#111); }
.rb-rh-wn-nav a.is-active { background:var(--color-primary,#2563eb); color:#fff; }
.rb-rh-wn-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:20px; }
.rb-rh-wn-grid .rb-block { border:1px solid var(--color-border,#e5e7eb); border-radius:12px; background:var(--color-surface,#fff); overflow:hidden; }
.rb-rh-wn-grid .rb-block__header { padding:12px 16px; border-bottom:1px solid var(--color-border,#e5e7eb); }
.rb-rh-wn-grid .rb-block__title { font-size:14px; font-weight:700; display:flex; align-items:center; gap:8px; margin:0; color:var(--color-text,#111); }
.rb-rh-wn-grid .rb-block__body { padding:8px 16px 14px; }
.rb-rh-wn-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.rb-rh-wn-item { padding:9px 0; border-top:1px solid var(--color-border,#eef0f3); }
.rb-rh-wn-item:first-child { border-top:0; }
.rb-rh-wn-link { font-size:14px; font-weight:600; color:var(--color-primary,#2563eb); text-decoration:none; }
.rb-rh-wn-link:hover { text-decoration:underline; }
.rb-rh-wn-tag { font-size:12px; color:var(--color-text-muted,#64748b); margin-top:2px; }
.rb-rh-wn-stars { color:#eab308; font-size:12px; margin-right:4px; }

@media (max-width: 767.98px) {
    .rb-rh-discovery-row > nav.rb-rh-discovery-nav,
    .rb-rh-wn-head > nav.rb-rh-wn-nav,
    .rb-rh-main > div.rb-rh-sort-bar,
    #rb-resourcehub-tabs.rb-rh-tabs {
        flex-wrap: nowrap;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .rb-rh-discovery-row > nav.rb-rh-discovery-nav::-webkit-scrollbar,
    .rb-rh-wn-head > nav.rb-rh-wn-nav::-webkit-scrollbar,
    .rb-rh-main > div.rb-rh-sort-bar::-webkit-scrollbar,
    #rb-resourcehub-tabs.rb-rh-tabs::-webkit-scrollbar { display: none; }
    .rb-rh-discovery-row > nav.rb-rh-discovery-nav > a,
    .rb-rh-wn-head > nav.rb-rh-wn-nav > a,
    #rb-resourcehub-tabs.rb-rh-tabs > .rb-tabs__tab {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        white-space: nowrap;
    }
    :where(.rb-rh-discovery-row > nav.rb-rh-discovery-nav, .rb-rh-wn-head > nav.rb-rh-wn-nav) { padding-block: 4px; }
    :where(.rb-rh-discovery-row > nav.rb-rh-discovery-nav, .rb-rh-wn-head > nav.rb-rh-wn-nav) > a:first-child { margin-inline-start: 4px; }
    :where(.rb-rh-discovery-row > nav.rb-rh-discovery-nav, .rb-rh-wn-head > nav.rb-rh-wn-nav) > a:last-child { margin-inline-end: 4px; }
    .rb-rh-main > div.rb-rh-sort-bar > a.rb-rh-sort-tab {
        flex: 1 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        white-space: nowrap;
    }
}

.rb-rh-container.rb-rh-view :is(a.rb-rh-cta, .rb-rh-version-tag, .rb-rh-hero__badge) {
    color: var(--primary-foreground, #fff);
}
@supports (color: color(from red srgb clamp(0, pow(r, 2.2), 1) g b)) {
    .rb-rh-container.rb-rh-view :is(a.rb-rh-cta, .rb-rh-version-tag, .rb-rh-hero__badge) {
        color: color(from var(--rh-ink-bg) srgb
            clamp(0, (0.179 - (0.2126 * pow(r, 2.2) + 0.7152 * pow(g, 2.2) + 0.0722 * pow(b, 2.2))) * 1000, 1)
            clamp(0, (0.179 - (0.2126 * pow(r, 2.2) + 0.7152 * pow(g, 2.2) + 0.0722 * pow(b, 2.2))) * 1000, 1)
            clamp(0, (0.179 - (0.2126 * pow(r, 2.2) + 0.7152 * pow(g, 2.2) + 0.0722 * pow(b, 2.2))) * 1000, 1));
    }
}

.rb-rh-container.rb-rh-view .rb-rh-hero { padding: 20px; }
.rb-rh-view .rb-rh-hero__head { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 18px; align-items: start; }
.rb-rh-view .rb-rh-hero .rb-rh-resource-icon-lg { width: 88px; height: 88px; border-radius: 20px; overflow: hidden; font-size: 32px; }
.rb-rh-view .rb-rh-hero__icon { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.rb-rh-view .rb-rh-hero .rb-rh-view-title { font-size: 24px; line-height: 1.25; overflow-wrap: anywhere; }
.rb-rh-container.rb-rh-view .rb-rh-hero__badge {
    --rh-ink-bg: var(--rh-accent, var(--primary));
    display: inline-flex; align-items: center; gap: 5px; margin-inline-start: 8px; padding: 3px 10px;
    border-radius: 999px; background: var(--rh-ink-bg); font-size: 12px; font-weight: 700; line-height: 1.4; vertical-align: middle; white-space: nowrap;
}
.rb-rh-view .rb-rh-hero .rb-rh-view-tagline { margin-top: 6px; font-size: 15px; line-height: 1.5; }
.rb-rh-view .rb-rh-hero__meta { flex-wrap: wrap; gap: 6px 16px; margin-top: 12px; font-size: 13px; }
.rb-rh-view .rb-rh-hero__meta > span { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.rb-rh-container.rb-rh-view a.rb-rh-hero__link { color: var(--rh-text-primary, var(--foreground)); font-weight: 600; text-decoration: none; }
.rb-rh-container.rb-rh-view a.rb-rh-hero__link:hover { text-decoration: underline; }
.rb-rh-view .rb-rh-hero__stats { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin-top: 10px; font-size: 13px; color: var(--rh-text-primary, var(--foreground)); }
.rb-rh-view .rb-rh-hero__stats > * { display: inline-flex; align-items: center; gap: 6px; }
.rb-rh-container.rb-rh-view a.rb-rh-hero__rating { color: inherit; text-decoration: none; }
.rb-rh-container.rb-rh-view a.rb-rh-hero__rating:hover strong { text-decoration: underline; }
.rb-rh-view .rb-rh-hero__dim { color: var(--rh-text-dim, var(--muted-foreground)); font-weight: 400; }
.rb-rh-view .rb-rh-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--rh-card-border, var(--border)); }
.rb-rh-view .rb-rh-hero__actions > form { display: contents; }
.rb-rh-container.rb-rh-view a.rb-rh-cta {
    --rh-ink-bg: var(--rh-accent, var(--primary));
    display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px;
    border: 0; border-radius: var(--radius, 10px); background: var(--rh-ink-bg);
    font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none; box-shadow: 0 1px 2px rgba(0, 0, 0, .14);
    transition: box-shadow .15s ease;
}
.rb-rh-container.rb-rh-view a.rb-rh-cta i { color: inherit; }
.rb-rh-container.rb-rh-view a.rb-rh-cta:hover { opacity: 1; text-decoration: none; box-shadow: 0 0 0 4px color-mix(in srgb, var(--rh-ink-bg) 30%, transparent); }
.rb-rh-container.rb-rh-view a.rb-rh-cta:focus-visible { outline: 2px solid var(--rh-ink-bg); outline-offset: 3px; }
.rb-rh-view .rb-rh-cta__badge { padding: 2px 9px; border-radius: 999px; background: color-mix(in srgb, currentColor 16%, transparent); font-size: 13px; }
.rb-rh-container.rb-rh-view .rb-rh-hero__btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 14px;
    border: 1px solid var(--rh-card-border, var(--border)); border-radius: var(--radius, 10px); background: transparent;
    color: var(--rh-text-primary, var(--foreground)); font: inherit; font-size: 14px; font-weight: 600; line-height: 1.2;
    text-align: center; text-decoration: none; cursor: pointer;
}
.rb-rh-container.rb-rh-view .rb-rh-hero__btn:hover { background: var(--rh-hover-bg, var(--muted)); text-decoration: none; }
.rb-rh-container.rb-rh-view .rb-rh-hero__btn.is-on { border-color: var(--rh-accent, var(--primary)); }
.rb-rh-container.rb-rh-view .rb-rh-hero__btn.is-on i { color: var(--rh-accent, var(--primary)); }

.rb-rh-container.rb-rh-view .rb-rh-mod { padding: 14px 16px; }
.rb-rh-view .rb-rh-mod__title { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--rh-text-dim, var(--muted-foreground)); }
.rb-rh-view .rb-rh-mod__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; }
.rb-rh-view .rb-rh-mod__grid > form { display: contents; }
.rb-rh-container.rb-rh-view .rb-rh-mod__btn {
    display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 8px 12px;
    border: 1px solid var(--rh-card-border, var(--border)); border-radius: var(--radius-sm, 8px); background: var(--rh-card-bg, var(--surface));
    color: var(--rh-text-primary, var(--foreground)); font: inherit; font-size: 13px; font-weight: 600; line-height: 1.25;
    text-align: start; text-decoration: none; cursor: pointer;
}
.rb-rh-container.rb-rh-view .rb-rh-mod__btn:hover { background: var(--rh-hover-bg, var(--muted)); text-decoration: none; }
.rb-rh-view .rb-rh-mod__btn i { flex: none; width: 16px; text-align: center; color: var(--rh-text-dim, var(--muted-foreground)); }
.rb-rh-container.rb-rh-view .rb-rh-mod__btn[aria-expanded="true"] { border-color: var(--rh-accent, var(--primary)); }
.rb-rh-view .rb-rh-mod__btn--warn i { color: var(--warning, #d97706); }
.rb-rh-view .rb-rh-mod__panel { margin-top: 10px; padding: 12px; border: 1px solid var(--rh-card-border, var(--border)); border-radius: var(--radius-sm, 8px); background: var(--rh-hover-bg, var(--muted)); }
.rb-rh-view .rb-rh-mod__panel .rb-rh-modlog-row { flex-wrap: wrap; }
.rb-rh-view .rb-rh-warn-points { max-width: 96px; }

.rb-rh-view .rb-rh-grid-content--view {
    grid-template-columns: minmax(0, 1fr) 300px;
    grid-template-areas: "main info" "main side";
    grid-template-rows: auto 1fr;
    align-items: start;
}
.rb-rh-view .rb-rh-view-main { grid-area: main; min-width: 0; }
.rb-rh-view .rb-rh-view-info { grid-area: info; }
.rb-rh-view .rb-rh-view-side { grid-area: side; min-width: 0; }

.rb-rh-view .rb-rh-info__list { display: grid; margin: 0; }
.rb-rh-view .rb-rh-info__row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--rh-card-border, var(--border)); font-size: 13px; }
.rb-rh-view .rb-rh-info__row:last-child { border-bottom: 0; }
.rb-rh-view .rb-rh-info__row dt { flex: none; color: var(--rh-text-dim, var(--muted-foreground)); font-weight: 500; }
.rb-rh-view .rb-rh-info__row dd { min-width: 0; margin: 0; color: var(--rh-text-primary, var(--foreground)); font-weight: 600; text-align: end; overflow-wrap: anywhere; }
.rb-rh-view .rb-rh-info__row--wide { flex-direction: column; align-items: stretch; gap: 8px; }
.rb-rh-view .rb-rh-info__row--wide dd { text-align: start; }
.rb-rh-view .rb-rh-info__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.rb-rh-view .rb-rh-tag { display: inline-flex; align-items: center; min-height: 26px; padding: 2px 10px; border: 1px solid var(--rh-card-border, var(--border)); border-radius: 999px; background: var(--rh-hover-bg, var(--muted)); color: var(--rh-text-primary, var(--foreground)); font-size: 12px; font-weight: 600; }

.rb-rh-view #rb-resourcehub-tabs > .rb-tabs__tab { display: inline-flex; align-items: center; font: inherit; font-size: 14px; font-weight: 600; }
.rb-rh-view #rb-resourcehub-tabs > .rb-tabs__tab:focus-visible { outline: 2px solid var(--ring, var(--rh-accent, var(--primary))); outline-offset: -4px; border-radius: 8px; }
.rb-rh-view .rb-rh-tab-count { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; margin-inline-start: 6px; padding: 0 6px; border-radius: 999px; background: var(--rh-hover-bg, var(--muted)); color: var(--rh-text-dim, var(--muted-foreground)); font-size: 11px; font-weight: 700; }
.rb-rh-view .rb-tabs__panel:focus-visible { outline: 2px solid var(--ring, var(--rh-accent, var(--primary))); outline-offset: 2px; border-radius: 8px; }

.rb-rh-container.rb-rh-view .rb-rh-desc { padding: 20px 22px; }
.rb-rh-view .rb-rh-content-body { font-size: 15px; line-height: 1.75; overflow-wrap: anywhere; }
.rb-rh-view .rb-rh-content-body > :first-child { margin-top: 0; }
.rb-rh-view .rb-rh-content-body :is(img, video) { max-width: 100%; height: auto; }
.rb-rh-view .rb-rh-content-body iframe { max-width: 100%; }
.rb-rh-view .rb-rh-content-body :is(pre, table) { max-width: 100%; overflow-x: auto; }
.rb-rh-view .rb-rh-content-body table { display: block; }
.rb-rh-view .rb-rh-content-body :is(ul, ol) { padding-inline-start: 1.4em; }
.rb-rh-view .rb-rh-content-body li + li { margin-top: .3em; }
.rb-rh-view .rb-rh-content-body .bbcode-lang-tabbar { flex-wrap: wrap; }

.rb-rh-view .rb-rh-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 36px 16px; text-align: center; }
.rb-rh-view .rb-rh-empty > i { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 6px; border-radius: 50%; background: var(--rh-hover-bg, var(--muted)); color: var(--rh-text-dim, var(--muted-foreground)); font-size: 20px; }
.rb-rh-view .rb-rh-empty__title { margin: 0; color: var(--rh-text-primary, var(--foreground)); font-size: 15px; font-weight: 600; }
.rb-rh-view .rb-rh-empty__hint { margin: 0; color: var(--rh-text-dim, var(--muted-foreground)); font-size: 13px; }
.rb-rh-view .rb-rh-empty--sm { padding: 14px 8px; }
.rb-rh-view .rb-rh-empty--sm > i { width: 36px; height: 36px; font-size: 15px; }

.rb-rh-container.rb-rh-view .rb-rh-version-tag { --rh-ink-bg: var(--rh-accent, var(--primary)); background: var(--rh-ink-bg); }
.rb-rh-view .rb-rh-version-main { flex: 1; min-width: 0; }
.rb-rh-view .rb-rh-version-files { display: flex; flex-direction: column; gap: 4px; margin: 6px 0 0; padding: 0; list-style: none; }
.rb-rh-container.rb-rh-view :is(a.rb-rh-version-file-link, a.rb-rh-version-dl) { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; color: var(--link, var(--rh-accent, var(--primary))); font-size: 13px; font-weight: 600; text-decoration: none; }
.rb-rh-container.rb-rh-view :is(a.rb-rh-version-file-link, a.rb-rh-version-dl):hover { text-decoration: underline; }
.rb-rh-view .rb-rh-version-file-size { color: var(--rh-text-dim, var(--muted-foreground)); font-weight: 400; }
.rb-rh-view .rb-rh-rating-summary { flex: none; text-align: center; }
.rb-rh-view .rb-rh-rating-summary .rb-stat__label { margin-top: 2px; }
.rb-rh-view .rb-rh-rating-bars { flex: 1; min-width: 0; }
.rb-rh-view .rb-rh-rating-bar-star { font-size: 10px; }
.rb-rh-view .rb-rh-review-header { flex-wrap: wrap; }
.rb-rh-view .rb-rh-review-stars { margin-inline-start: auto; }
.rb-rh-view .rb-rh-review-stars i { font-size: 11px; }
.rb-rh-view .rb-rh-review-error { margin-bottom: 14px; padding: 10px 14px; border: 1px solid rgba(220, 38, 38, .35); border-radius: 8px; background: rgba(220, 38, 38, .1); color: var(--destructive, #dc2626); font-size: 13px; }
.rb-rh-view .rb-rh-respond-form { margin-top: 6px; }
.rb-rh-view .rb-rh-respond-form .rb-button { margin-top: 4px; }
.rb-rh-view .rb-rh-block-head-split { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rb-rh-view .rb-rh-m0 { margin: 0; }
.rb-rh-view .rb-rh-select-sm { width: 140px; }
.rb-rh-view .rb-rh-select-md { max-width: 260px; }

@media (max-width: 768px) {
    .rb-rh-view .rb-rh-grid-content--view { grid-template-columns: minmax(0, 1fr); grid-template-areas: "info" "main" "side"; grid-template-rows: none; }
    .rb-rh-view .rb-rh-info__list { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); column-gap: 16px; }
    .rb-rh-view .rb-rh-info__row { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 2px; padding: 8px 0; }
    .rb-rh-view .rb-rh-info__row dd { text-align: start; }
    .rb-rh-view .rb-rh-info__row--wide { grid-column: 1 / -1; }
}
@media (max-width: 639.98px) {
    .rb-rh-container.rb-rh-view .rb-rh-hero { padding: 16px 12px; }
    .rb-rh-view .rb-rh-hero__head { gap: 14px; }
    .rb-rh-view .rb-rh-hero .rb-rh-resource-icon-lg { width: 64px; height: 64px; border-radius: 16px; font-size: 24px; }
    .rb-rh-view .rb-rh-hero .rb-rh-view-title { font-size: 20px; }
    .rb-rh-view .rb-rh-hero .rb-rh-view-tagline { font-size: 14px; }
    .rb-rh-container.rb-rh-view a.rb-rh-cta { flex: 1 1 100%; }
    .rb-rh-container.rb-rh-view .rb-rh-hero__btn { flex: 1 1 140px; padding: 0 10px; }
    .rb-rh-container.rb-rh-view .rb-rh-mod { padding: 12px; }
    .rb-rh-view .rb-rh-mod__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rb-rh-container.rb-rh-view .rb-rh-desc { padding: 16px 12px; }
    .rb-rh-view .rb-rh-vote-btn { min-width: 40px; min-height: 40px; }
}