/* Shared home/top ranking: honest metadata in its own slot, no empty badge tiles. */
.public-site [data-rating]{--rank-pad:var(--rating-card-padding,12px);--rank-logo:var(--rating-logo-size,100px)}
.public-site [data-rating] .rating-toolbar{margin-bottom:14px;font-size:12px}
.public-site [data-rating] .rating-view button{font-size:12px}
.public-site [data-rating] .top-casino-list{gap:16px;padding-top:8px}
.public-site [data-rating] .top-casino-row{min-width:0;min-height:0;gap:10px 12px;isolation:isolate}
.public-site [data-rating] .top-casino-row .top-rank{
  left:12px;right:auto;top:-11px;height:24px;min-width:38px;padding:0 7px;
  font-size:12px;line-height:1.2;gap:4px;
}
.public-site [data-rating] .top-rank .icon{width:12px;height:12px}
.public-site [data-rating] .top-casino-info{min-width:0;margin:0;align-self:center}
.public-site [data-rating] .top-casino-info h3{font-size:16px;line-height:1.3;margin:0 0 6px;padding:0;overflow-wrap:break-word}
.public-site [data-rating] .top-casino-info p{display:block;font-size:13px;line-height:1.6;-webkit-line-clamp:unset;overflow:visible;margin:0}
.public-site [data-rating] .top-casino-info>small{display:block;font-size:12px;line-height:1.5;margin-top:6px}
.public-site [data-rating] .top-badge-slot{min-width:0;max-width:164px;align-self:center;justify-self:center}
.public-site [data-rating] .top-badge-slot .casino-marks{position:static;max-width:none;min-height:0;margin:0;justify-content:center;gap:5px}
.public-site [data-rating] .top-badge-slot .casino-mark{font-size:11px;line-height:1.2;padding:5px 7px;letter-spacing:.025em}
.public-site [data-rating] .top-badge-slot .casino-mark .icon{width:12px;height:12px}
.public-site [data-rating] .top-casino-actions{min-width:0;max-width:100%;gap:7px;align-self:center}
.public-site [data-rating] .top-code{flex-shrink:0;min-width:104px;font-size:12px;min-height:44px;line-height:1.25;padding:6px;gap:6px}
.public-site [data-rating] .top-code .icon{width:16px;height:16px}
.public-site [data-rating] .top-code span{min-width:0;overflow-wrap:anywhere}
.public-site [data-rating] .top-code small{font-size:10px;line-height:1.2;letter-spacing:.06em;white-space:nowrap}
.public-site [data-rating] .top-review{font-size:12px;min-height:44px;max-width:none}
.public-site [data-rating] .top-brand{margin-top:0;transform:none}
.public-site [data-rating][data-view=list] .top-casino-row,
.public-site [data-rating][data-logo-style=panel][data-view=list] .top-casino-row{
  grid-template-columns:var(--rank-logo) minmax(0,1fr) fit-content(164px) max-content;
  padding:14px var(--rank-pad) 12px;gap:12px;
}
.public-site [data-rating][data-view=list] .top-brand{grid-column:1;grid-row:1}
.public-site [data-rating][data-view=list] .top-casino-info{grid-column:2;grid-row:1}
.public-site [data-rating][data-view=list] .top-badge-slot{grid-column:3;grid-row:1}
.public-site [data-rating][data-view=list] .top-casino-actions{grid-column:4;grid-row:1;width:max-content;margin:0}
.public-site [data-rating][data-logo-style=panel][data-view=list] .top-brand{
  width:calc(var(--rank-logo) + var(--rank-pad));max-width:36%;padding:14px 10px;
}
.public-site [data-rating][data-view=grid] .top-casino-list{grid-template-columns:minmax(0,1fr);gap:16px 12px}
.public-site [data-rating][data-view=grid] .top-casino-row{
  grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto auto;
  min-height:0;align-content:stretch;gap:9px;padding:14px var(--rank-pad) 12px;
}
.public-site [data-rating][data-view=grid] .top-brand{grid-column:1;grid-row:1;justify-self:center;margin-top:0;transform:none}
.public-site [data-rating][data-view=grid] .top-casino-info{grid-column:1;grid-row:2;align-self:start}
.public-site [data-rating][data-view=grid] .top-badge-slot{grid-column:1;grid-row:3;max-width:100%;justify-self:start;align-self:end}
.public-site [data-rating][data-view=grid] .top-badge-slot .casino-marks{justify-content:flex-start}
.public-site [data-rating][data-view=grid] .top-casino-actions{grid-column:1;grid-row:4;align-self:end;justify-content:flex-start;width:100%;margin:0}
.public-site [data-rating][data-view=grid] .top-code{width:110px;max-width:100%}
.public-site [data-rating][data-view=grid] .top-review{min-height:44px}
.public-site [data-rating][data-logo-style=panel][data-view=grid] .top-brand{
  width:calc(100% + var(--rank-pad)*2);max-width:none;height:76px;
  margin:-14px calc(-1 * var(--rank-pad)) 2px;padding:18px 48px 12px;
}
.public-site [data-rating][data-logo-style=panel][data-view=grid] .top-brand .casino-brandmark{max-width:180px;max-height:46px}
.public-site [data-rating][data-logo-style=panel][data-view=grid] .beer-logo-crop .casino-brandmark{max-width:none;max-height:none}
.public-site [data-rating] .top-expand{margin-top:14px}
.public-site [data-rating] .top-expand[open]>summary{margin-bottom:16px}
.public-site .top-note{font-size:12px;line-height:1.6;margin-top:12px}
@container rating (min-width:540px){
  .public-site [data-rating][data-view=grid] .top-casino-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container rating (min-width:790px){
  .public-site [data-rating][data-view=grid] .top-casino-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container rating (max-width:789px){
  .public-site [data-rating][data-view=list] .top-casino-row,
  .public-site [data-rating][data-logo-style=panel][data-view=list] .top-casino-row{
    grid-template-columns:min(var(--rank-logo),90px) minmax(0,1fr);gap:8px 12px;
  }
  .public-site [data-rating][data-view=list] .top-brand{grid-column:1;grid-row:1/4}
  .public-site [data-rating][data-view=list] .top-casino-info{grid-column:2;grid-row:1}
  .public-site [data-rating][data-view=list] .top-badge-slot{grid-column:2;grid-row:2;max-width:100%;justify-self:start}
  .public-site [data-rating][data-view=list] .top-badge-slot .casino-marks{justify-content:flex-start}
  .public-site [data-rating][data-view=list] .top-casino-actions{grid-column:2;grid-row:3;flex-wrap:wrap}
  .public-site [data-rating][data-view=list] .top-casino-row:not(:has(.top-badge-slot)) .top-casino-actions{grid-row:2}
  .public-site [data-rating][data-logo-style=panel][data-view=list] .top-brand{width:calc(min(var(--rank-logo),90px) + var(--rank-pad))}
}
@media(max-width:680px){
  .public-site [data-rating][data-view=list] .top-casino-row,
  .public-site [data-rating][data-logo-style=panel][data-view=list] .top-casino-row{
    grid-template-columns:72px minmax(0,1fr);padding:15px 12px 12px;gap:8px 10px;
  }
  .public-site [data-rating][data-logo-style=panel][data-view=list] .top-brand{width:84px;max-width:36%;padding:13px 8px}
  .public-site [data-rating] .top-casino-info h3{font-size:16px;padding:0}
  .public-site [data-rating] .top-casino-info p{font-size:13px}
  .public-site [data-rating] .top-code{width:104px;min-height:44px}
  .public-site [data-rating] .top-review{min-width:68px;min-height:44px;padding-inline:8px;gap:5px}
  .public-site [data-rating][data-view=grid] .top-casino-row{padding:15px 12px 12px;min-height:0}
  .public-site [data-rating][data-view=grid] .top-brand{width:100px}
  .public-site [data-rating][data-view=grid] .top-casino-actions{width:100%;flex-wrap:wrap}
  .public-site [data-rating][data-logo-style=panel][data-view=grid] .top-brand{width:calc(100% + 24px);height:76px;margin:-15px -12px 2px;padding:18px 50px 12px}
}