:root{
  --rh-bg:#000;
  --rh-surface:#050505;
  --rh-surface-2:#0a0a0a;
  --rh-border:rgba(255,255,255,.14);
  --rh-text:#fff;
  --rh-muted:#a3a3a3;
  --rh-accent:#fff;
  --rh-accent-2:#d4d4d4;
  --rh-danger:#fca5a5;
}

html{margin:0;padding:0;background:#000}
body.referral-hub{
  margin:0 !important;
  padding:0 !important;
  min-height:100vh;
  color:var(--rh-text);
  background:#000;
}

body.referral-hub .ab-global-header{
  position:sticky !important;
  top:0 !important;
  margin-top:0 !important;
}

.rh-shell{max-width:1180px;margin:0 auto;padding:14px 14px 34px}
body.referral-hub img{max-width:100%;height:auto}
.rh-glass{
  background:#050505;
  border:1px solid var(--rh-border);
  border-radius:18px;
  box-shadow:none;
}

.rh-hero{padding:18px}
.rh-hero-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.rh-hero-top > :nth-child(2){min-width:0;flex:1 1 240px}
.rh-avatar{
  width:74px;height:74px;border-radius:20px;border:1px solid rgba(255,255,255,.18);
  box-shadow:none;object-fit:cover;flex:0 0 auto;
}
.rh-name{margin:0;font-size:clamp(1.35rem,3.8vw,2rem);line-height:1.1}
.rh-username{margin:4px 0 0;color:var(--rh-muted);font-size:.95rem}
.rh-name,.rh-username,.rh-bio,.rh-panel p,.rh-card p,.rh-about-lead,.rh-about-list li,.rh-about-more-body p{overflow-wrap:anywhere;word-break:break-word}
.rh-bio{margin:12px 0 0;color:#d4d4d4;font-size:1rem;line-height:1.65}

.rh-badges{display:flex;gap:8px;flex-wrap:wrap}
.rh-badge{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid rgba(255,255,255,.16);
  background:#0a0a0a;
  color:#fff;
  border-radius:999px;padding:6px 11px;font-size:.78rem;font-weight:700;
}
.rh-badge--ok{border-color:rgba(255,255,255,.26);background:#101010;color:#fff}
.rh-badge--warn{border-color:rgba(255,255,255,.26);background:#101010;color:#fff}

.rh-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.rh-btn{
  border:1px solid rgba(255,255,255,.16);
  background:#0a0a0a;
  color:#fff;text-decoration:none;border-radius:11px;
  padding:8px 12px;font-weight:700;font-size:.86rem;
  display:inline-flex;align-items:center;gap:8px;
  max-width:100%;
}
.rh-btn:hover{filter:brightness(1.08);text-decoration:none}
.rh-btn--accent{
  border-color:#fff;
  background:#fff;
  color:#000;
}

.rh-stats{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.rh-stat{
  background:#020202;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;
}
.rh-stat small{display:block;color:var(--rh-muted);font-size:.74rem}
.rh-stat strong{display:block;margin-top:4px;font-size:1.12rem}

.rh-toolbar{margin-top:14px;padding:14px;display:grid;gap:10px}
.rh-search{
  width:100%;background:#000;border:1px solid rgba(255,255,255,.16);
  border-radius:11px;color:#e5eefc;padding:11px 12px;font-size:.94rem;
  min-width:0;
}
.rh-search:focus{outline:none;border-color:rgba(255,255,255,.7);box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.rh-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rh-chip{
  display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;
  border:1px solid rgba(255,255,255,.16);color:#fff;background:#080808;text-decoration:none;font-size:.8rem;font-weight:700;
  max-width:100%;
}
.rh-chip:hover{text-decoration:none;filter:brightness(1.1)}
.rh-chip.is-active{border-color:#fff;background:#fff;color:#000}
.rh-chip a{color:inherit;text-decoration:none;display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}

.rh-layout{margin-top:14px;display:grid;gap:14px}
.rh-list{display:grid;gap:14px}
.rh-card{
  border:1px solid var(--rh-border);
  background:#050505;
  border-radius:16px;padding:12px;
  min-width:0;
}
.rh-card-top{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:start}
.rh-thumb{
  width:132px;height:74px;border-radius:10px;border:1px solid rgba(255,255,255,.14);object-fit:contain;background:#000;
}
.rh-card h3{margin:0;font-size:1.03rem;line-height:1.3}
.rh-card p{margin:8px 0 0;color:#d4d4d4;line-height:1.55;font-size:.93rem}
.rh-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.rh-tag{
  border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 9px;font-size:.74rem;color:#d4d4d4;
  background:#020202;font-weight:700;
}
.rh-tag--score{border-color:rgba(255,255,255,.24);background:#0a0a0a;color:#fff}
.rh-tag--domain{border-color:rgba(255,255,255,.24);background:#0a0a0a;color:#fff}

.rh-card-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.rh-cta{
  display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;
  background:#fff;
  border:1px solid #fff;color:#000;text-decoration:none;font-size:.84rem;font-weight:800;
  max-width:100%;
}
.rh-cta--ghost{
  background:#080808;border:1px solid rgba(255,255,255,.18);font-weight:700;color:#fff;
}
.rh-share-grid{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.rh-share-btn{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.16);
  background:#080808;
  color:#fff;text-decoration:none;
  border-radius:9px;padding:7px 10px;font-size:.79rem;font-weight:700;
  max-width:100%;
}
.rh-share-btn:hover{text-decoration:none;filter:brightness(1.12)}

.rh-social-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.rh-social-chip{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid rgba(255,255,255,.16);
  background:#080808;
  border-radius:999px;
  color:#fff;
  text-decoration:none;
  font-size:.76rem;
  font-weight:700;
  padding:6px 10px;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.rh-social-chip:hover{text-decoration:none;filter:brightness(1.08)}

.rh-side{display:grid;gap:12px}
.rh-panel{padding:14px;min-width:0}
.rh-panel h2,.rh-panel h3{margin:0 0 10px}
.rh-panel p{margin:0;color:#d4d4d4;line-height:1.62}
.rh-list-min{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.rh-list-min a{color:#fff;text-decoration:none}
.rh-list-min a:hover{text-decoration:underline}
.rh-list-min li{min-width:0}
.rh-list-min a,.rh-bread,.rh-bread a{overflow-wrap:anywhere;word-break:break-word}

.rh-about-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px}
.rh-about-sub{color:#8f8f8f;font-size:.86rem}
.rh-about-lead{
  margin-top:10px !important;
  font-size:1rem;
  color:#fff !important;
  line-height:1.66;
  border-left:3px solid rgba(255,255,255,.4);
  padding-left:10px;
}
.rh-about-grid{display:grid;gap:10px;margin-top:12px}
.rh-about-card{
  border:1px solid rgba(255,255,255,.12);
  background:#020202;
  border-radius:12px;
  padding:12px;
}
.rh-about-card h3{margin:0 0 8px;font-size:1rem}
.rh-about-list{margin:0;padding-left:18px;display:grid;gap:8px}
.rh-about-list li{color:#d4d4d4;line-height:1.52}
.rh-about-more{
  margin-top:12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:#020202;
  padding:10px 12px;
}
.rh-about-more summary{cursor:pointer;font-weight:700;color:#fff}
.rh-about-more-body{margin-top:8px;display:grid;gap:7px}
.rh-about-more-body p{color:#d4d4d4 !important}

.rh-faq details{
  border:1px solid rgba(255,255,255,.14);
  border-radius:11px;background:#020202;padding:10px 12px;
}
.rh-faq details + details{margin-top:8px}
.rh-faq summary{cursor:pointer;font-weight:700;color:#fff}
.rh-faq p{margin:8px 0 0;color:#d4d4d4}

.rh-post-hero{
  padding:18px;
  display:grid;
  gap:14px;
  overflow:hidden;
  background:#050505;
}
.rh-post-hero img{
  width:100%;
  max-height:420px;
  min-height:240px;
  aspect-ratio:1200/630;
  object-fit:cover;
  display:block;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:#000;
}
.rh-post-title{margin:0;font-size:clamp(1.75rem,4.6vw,3rem);line-height:1.08;letter-spacing:-.01em}
.rh-post-grid{margin-top:14px;display:grid;gap:14px}
.rh-bread{color:var(--rh-muted);font-size:.88rem}
.rh-bread a{color:#fff;text-decoration:none}
.rh-bread a:hover{text-decoration:underline}

@media (max-width:919px){
  .rh-layout,
  .rh-post-grid{grid-template-columns:1fr}
}

@media (max-width:700px){
  .rh-shell{padding:10px 10px 26px}
  .rh-hero,
  .rh-toolbar,
  .rh-panel,
  .rh-post-hero{padding:14px}
  .rh-hero-top{align-items:flex-start}
  .rh-actions{margin-left:0;width:100%}
  .rh-actions .rh-btn{width:100%;justify-content:center}
  .rh-stats{grid-template-columns:1fr}
  .rh-card-top{grid-template-columns:1fr}
  .rh-thumb{width:100%;height:auto;aspect-ratio:16/9}
  .rh-card-actions{flex-direction:column}
  .rh-card-actions > *{width:100%;justify-content:center}
  .rh-share-grid{display:grid;grid-template-columns:1fr 1fr}
  .rh-share-btn{width:100%}
  .rh-social-links{display:grid;grid-template-columns:1fr}
  .rh-social-chip{width:100%}
  .rh-about-grid{grid-template-columns:1fr}
  .rh-about-head{align-items:flex-start}
}

@media (max-width:520px){
  .rh-avatar{width:64px;height:64px;border-radius:16px}
  .rh-name{font-size:1.35rem}
  .rh-badge,
  .rh-chip,
  .rh-tag{font-size:.72rem}
  .rh-search{padding:10px 11px}
  .rh-post-hero img{min-height:180px}
  .rh-share-grid{grid-template-columns:1fr}
  .rh-cta,
  .rh-btn,
  .rh-share-btn{font-size:.82rem}
}

@media (min-width:920px){
  .rh-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
  .rh-post-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
  .rh-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
  .rh-about-grid{grid-template-columns:1.2fr .95fr}
}