/* ZOOSHOW | 14.10.2026 | Approved variant 02 + LIVE label. Rankings only. */
/* Source of visual declarations: ZOOSHOW_ratings_HTML_test_02_LIVE_141026.html */
/* No artwork, image assets, icon fonts, or dependencies. */
#zs-home #zsr-home-ratings{--zsrt-paper:#f5f3f0;--zsrt-white:#fffdfa;--zsrt-ink:#30282a;--zsrt-muted:#786f70;--zsrt-gold:#b98528;--zsrt-wine:#812f42;margin:14px auto 16px;padding:0;color:var(--zsrt-ink);font:13px/1.4 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
#zs-home #zsr-home-ratings.zsrt-rating{--zsrt-panel-width:1050px;--zsrt-card-height:213px;--zsrt-title-size:27px;--zsrt-leader-size:15px;--zsrt-rank-size:39px;--zsrt-score-size:27px;--zsrt-nameheight:76px;max-width:var(--zsrt-panel-width);width:100%;margin:14px auto 16px}
#zs-home #zsr-home-ratings,#zs-home #zsr-home-ratings *,#zs-home #zsr-home-ratings *::before,#zs-home #zsr-home-ratings *::after{box-sizing:border-box}
#zs-home #zsr-home-ratings [hidden]{display:none!important}
#zs-home .zsrt-heading{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:10px;font-weight:800;letter-spacing:.13em;color:#6c3f4a;min-height:18px}
#zs-home .zsrt-heading b{font-weight:800;white-space:nowrap}
#zs-home .zsrt-heading i{height:1px;background:#d6cbc5;flex:1;min-width:20px}
#zs-home .zsrt-heading small{font:600 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.07em;color:#8b7f7c;white-space:nowrap}
#zs-home .zsrt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0}
#zs-home .zsrt-card{height:var(--zsrt-card-height);display:flex;flex-direction:column;min-width:0;border:1px solid #ded6cf;border-radius:8px;background:#fffdf9;padding:15px 17px 12px;overflow:hidden;box-shadow:none;color:var(--zsrt-ink)}
#zs-home .zsrt-card--dog{border-top:2px solid #bb8a36;background:#fdfaf5}
#zs-home .zsrt-card--handler{border-top:2px solid #9b5868;background:#fdf9f8}
#zs-home .zsrt-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:56px}
#zs-home .zsrt-title{min-width:0;flex:1}
#zs-home .zsrt-title h2{font:400 var(--zsrt-title-size)/1.06 Georgia,'Times New Roman',serif!important;letter-spacing:-.025em!important;margin:0!important;padding:0!important;color:#282224!important;text-transform:none!important;border:0!important;white-space:nowrap}
#zs-home .zsrt-card--handler .zsrt-title h2{color:#772d3e!important}
#zs-home .zsrt-title p{font:700 9px/1.4 Arial,Helvetica,sans-serif;margin:5px 0 0!important;letter-spacing:.1em;color:#796b67;text-transform:uppercase}
#zs-home .zsrt-title-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;margin-top:5px;min-width:0}
#zs-home .zsrt-title-meta p{margin:0!important}
#zs-home .zsrt-live{display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap;font:800 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.075em;color:#347355}
#zs-home .zsrt-live-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#21ae69;box-shadow:0 0 0 3px rgba(33,174,105,.15);animation:zsrt-live-breathe 2.6s ease-in-out infinite}
@keyframes zsrt-live-breathe{0%,100%{box-shadow:0 0 0 3px rgba(33,174,105,.12)}50%{box-shadow:0 0 0 5px rgba(33,174,105,.23)}}
#zs-home .zsrt-stats{display:flex;align-items:flex-start;gap:11px;flex:none;white-space:nowrap;padding-top:1px}
#zs-home .zsrt-stat{display:flex;flex-direction:column;gap:5px}
#zs-home .zsrt-stat-label{font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.025em;color:#807574}
#zs-home .zsrt-stat b{display:block;font:700 14px/1 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:#4a3739}
#zs-home .zsrt-stat b span{font:500 10px/1 Arial,Helvetica,sans-serif;color:#75696a}
#zs-home .zsrt-stat--count{padding-left:11px;border-left:1px solid #d7cac4}
#zs-home .zsrt-stat--count b{font:700 19px/1 Georgia,'Times New Roman',serif;color:#553b41}
#zs-home .zsrt-stat--count b span{font:600 9px Arial,Helvetica,sans-serif}
#zs-home .zsrt-card--handler .zsrt-stat--count b{color:#842e42}
#zs-home .zsrt-window{position:relative;overflow:hidden;flex:none;height:var(--zsrt-nameheight);margin-top:0;border-top:1px solid #e7ded6;border-bottom:1px solid #e7ded6}
#zs-home .zsrt-track{display:flex;flex-direction:column;transform:translateY(0);transition:transform .56s cubic-bezier(.22,.8,.25,1);will-change:transform}
#zs-home .zsrt-entry{display:grid;grid-template-columns:45px minmax(0,1fr) 71px;gap:10px;align-items:center;height:var(--zsrt-nameheight);min-height:var(--zsrt-nameheight);padding:0 2px}
#zs-home .zsrt-number{color:#ad781c;font:400 var(--zsrt-rank-size)/1 Georgia,'Times New Roman',serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
#zs-home .zsrt-entry--rank2 .zsrt-number{color:#6a737d}
#zs-home .zsrt-entry--rank3 .zsrt-number{color:#985d41}
#zs-home .zsrt-identity{min-width:0}
#zs-home .zsrt-identity strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;font:800 var(--zsrt-leader-size)/1.18 Arial,Helvetica,sans-serif;color:#292326;word-break:normal;overflow-wrap:break-word}
#zs-home .zsrt-identity small{display:block;font-size:10px;margin-top:5px;color:#786e6d;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#zs-home .zsrt-points{min-width:0;border-left:1px solid #e5dcd5;padding-left:9px;text-align:right;white-space:nowrap}
#zs-home .zsrt-points b{font:700 var(--zsrt-score-size)/1 Georgia,'Times New Roman',serif;color:#34292b;font-variant-numeric:tabular-nums}
#zs-home .zsrt-points small{display:block;margin-top:4px;font:600 9px Arial,Helvetica,sans-serif;color:#928682}
#zs-home .zsrt-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:41px;margin-top:auto;padding-top:7px}
#zs-home .zsrt-switch{display:flex;gap:4px;flex:none}
#zs-home .zsrt-switch button{display:grid;place-items:center;width:25px;height:25px;background:transparent;border:1px solid #ded1c7;color:#887e78;border-radius:4px;font:700 10px Arial,Helvetica,sans-serif;cursor:pointer;transition:background .18s,color .18s}
#zs-home .zsrt-switch button[aria-pressed="true"]{background:#b9842e;border-color:#b9842e;color:white}
#zs-home .zsrt-card--handler .zsrt-switch button[aria-pressed="true"]{background:#852f45;border-color:#852f45}
#zs-home .zsrt-actiongroup{display:flex;align-items:center;gap:9px;min-width:0}
#zs-home .zsrt-actiongroup>a{font:700 10px/1.1 Arial,Helvetica,sans-serif;text-decoration:none!important;white-space:nowrap}
#zs-home .zsrt-actiongroup .zsrt-all{color:#6a5258!important;text-decoration:underline!important;text-underline-offset:2px}
#zs-home .zsrt-actiongroup .zsrt-cta{padding:8px 11px;border-radius:4px;border:1px solid #b9842e;background:#b9842e;color:#fff!important;letter-spacing:.025em}
#zs-home .zsrt-card--handler .zsrt-actiongroup .zsrt-cta{background:#822f44;border-color:#822f44}
#zs-home .zsrt-footer a:hover{filter:brightness(.91)}
#zs-home .zsrt-footer a:focus-visible,#zs-home .zsrt-footer button:focus-visible{outline:2px solid #986a2f;outline-offset:2px}
#zs-home #zsr-home-ratings.zsrt-rating[data-variant="02"]{--zsrt-panel-width:1120px;--zsrt-card-height:232px;--zsrt-title-size:30px;--zsrt-leader-size:16px;--zsrt-rank-size:43px;--zsrt-score-size:30px;--zsrt-nameheight:88px}
#zs-home #zsr-home-ratings.zsrt-rating[data-variant="02"] .zsrt-card{padding:17px 19px 14px}
#zs-home #zsr-home-ratings.zsrt-rating[data-variant="02"] .zsrt-top{min-height:63px}
#zs-home #zsr-home-ratings.zsrt-rating[data-variant="02"] .zsrt-entry{grid-template-columns:47px minmax(0,1fr) 78px}
#zs-home #zsr-home-ratings.zsrt-rating[data-variant="02"] .zsrt-footer{min-height:45px}
#zs-home #zsr-home-ratings.zsrt-rating[data-variant="02"] .zsrt-window{margin-top:1px}
@media(max-width:1150px){
 #zs-home #zsr-home-ratings{--zsrt-title-size:25px;--zsrt-leader-size:14px;--zsrt-rank-size:36px;--zsrt-score-size:25px}
 #zs-home #zsr-home-ratings.zsrt-rating[data-variant="02"]{--zsrt-title-size:28px;--zsrt-leader-size:15px;--zsrt-rank-size:39px;--zsrt-score-size:27px}
 #zs-home .zsrt-card{padding:15px 13px 12px}
 #zs-home .zsrt-stats{gap:7px}
 #zs-home .zsrt-stat--count{padding-left:8px}
 #zs-home .zsrt-stat-label{font-size:8px}
}
@media(max-width:840px){
 #zs-home .zsrt-grid{grid-template-columns:1fr;max-width:550px;margin-left:auto;margin-right:auto}
 #zs-home .zsrt-card,#zs-home #zsr-home-ratings.zsrt-rating[data-variant="02"] .zsrt-card{padding:16px}
 #zs-home .zsrt-title h2{font-size:27px!important}
 #zs-home .zsrt-heading{max-width:550px;margin:0 auto 10px}
}
@media(max-width:440px){
 #zs-home .zsrt-card{padding:13px 12px!important}
 #zs-home .zsrt-title h2{font-size:24px!important}
 #zs-home .zsrt-title p{font-size:8px}
 #zs-home .zsrt-stat-label{font-size:7px}
 #zs-home .zsrt-stat b{font-size:12px}
 #zs-home .zsrt-stat b span{font-size:9px}
 #zs-home .zsrt-stat--count b{font-size:17px}
 #zs-home .zsrt-top{gap:6px}
 #zs-home .zsrt-entry{grid-template-columns:38px minmax(0,1fr) 60px;gap:6px}
 #zs-home #zsr-home-ratings.zsrt-rating[data-variant="02"] .zsrt-entry{grid-template-columns:38px minmax(0,1fr) 60px}
 #zs-home .zsrt-number{font-size:33px}
 #zs-home .zsrt-identity strong{font-size:12px}
 #zs-home .zsrt-points b{font-size:23px}
 #zs-home .zsrt-footer{gap:5px}
 #zs-home .zsrt-actiongroup{gap:7px}
 #zs-home .zsrt-actiongroup>a{font-size:9px}
 #zs-home .zsrt-actiongroup .zsrt-cta{padding:8px 7px}
 #zs-home .zsrt-heading small{display:none}
}
@media(max-width:355px){
 #zs-home #zsr-home-ratings{--zsrt-card-height:270px}
 #zs-home #zsr-home-ratings.zsrt-rating[data-variant="02"]{--zsrt-card-height:286px}
 #zs-home .zsrt-top{min-height:101px;flex-direction:column;gap:8px}
 #zs-home .zsrt-stats{width:100%;justify-content:space-between;border-top:1px solid #e5d9d3;padding-top:6px}
 #zs-home .zsrt-stat--count{display:flex}
 #zs-home .zsrt-footer{flex-wrap:wrap;gap:6px;min-height:64px}
 #zs-home .zsrt-switch{width:100%}
 #zs-home .zsrt-actiongroup{width:100%;justify-content:space-between}
 #zs-home .zsrt-actiongroup .zsrt-all{display:inline-flex}
}
@media(prefers-reduced-motion:reduce){#zs-home .zsrt-track{transition:none}#zs-home .zsrt-live-dot{animation:none}}
/* Super User deadline editor retained (not part of public preview). */
#zs-home #zsr-home-ratings .zsr-admin{margin-top:9px;font-size:11px;color:#73676b}
#zs-home #zsr-home-ratings .zsr-admin summary{display:inline-block;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#zs-home #zsr-home-ratings .zsr-admin form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:9px 0 0;padding:12px;border:1px solid #e4dad2;border-radius:7px;background:#fff}
#zs-home #zsr-home-ratings .zsr-admin form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#4c3f47}
#zs-home #zsr-home-ratings .zsr-admin input[type=datetime-local]{font-family:inherit;border:1px solid #d5cdd0;border-radius:5px;min-height:34px;padding:4px 8px;font-size:12px;background:#fff;color:#343039}
#zs-home #zsr-home-ratings .zsr-admin button{background:#794b57;color:#fff;border:0;border-radius:5px;min-height:34px;font-size:12px;font-weight:800;padding:6px 12px;cursor:pointer}
#zs-home #zsr-home-ratings .zsr-admin form span{width:100%;font-size:11px;color:#786e74}
#zs-home #zsr-home-ratings .zsrt-entry--empty{display:flex;align-items:center;color:#746b68;font:600 12px/1.5 Arial,Helvetica,sans-serif}
#zs-home #zsr-home-ratings .zsrt-entry--empty p{margin:0!important}
#zs-home #zsr-home-ratings .zsrt-stat b.zsrt-clock-status{font-size:11px;line-height:1.25;max-width:125px;white-space:normal}
#zs-home #zsr-home-ratings .zsrt-switch button[hidden]{display:none!important}
#zs-home #zsr-home-ratings .zsrt-card--handler .zsrt-cta{color:#fff!important}
#zs-home #zsr-home-ratings .zsrt-card--dog .zsrt-cta{color:#fff!important}
@media(max-width:355px){#zs-home #zsr-home-ratings .zsrt-stat b.zsrt-clock-status{max-width:none}}
/* A 13.10/14.10 stylesheet may remain cached. It used max-width:none!important.
   Stronger selector restores the approved 1120px even if the obsolete CSS is late. */
#zs-home #zsr-home-ratings.zsrt-rating{
  width:100%!important;
  max-width:var(--zsrt-panel-width)!important;
  margin:14px auto 16px!important;
  padding:0!important;
  min-width:0;
}