/* 2026-10-08: scoped peer-rating and circulation presentation. */
#pool-rating,
#pool-progress {
  display:flex;
  flex-direction:column;
  gap:var(--sp-3);
  text-align:left;
}
#pool-rating[hidden],
#pool-progress[hidden] { display:none; }
#pool-rating h2,
#pool-progress h2,
#pool-rating h3,
#pool-progress h3,
.peer-active-set h3 {
  margin:0;
  font-family:"Cormorant Garamond",serif;
  font-weight:700;
}
#pool-rating h3,
#pool-progress h3,
.peer-active-set h3 { font-size:var(--fs-lead); }
#pool-rating p,
#pool-progress p,
.peer-active-set p { margin:0; }
.peer-progress-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sp-3);
}
.peer-progress-card,
.peer-receipt,
.peer-active-set {
  display:flex;
  flex-direction:column;
  gap:var(--sp-2);
  padding:var(--sp-3);
  border:1px solid var(--gold2);
  border-radius:var(--r-card);
  background:var(--card-bg);
}
.peer-progress-number {
  color:var(--maroon);
  font-size:var(--fs-lead);
  font-weight:700;
}
[data-theme="dark"] .peer-progress-number { color:var(--gold); }
.peer-progress-card progress {
  width:100%;
  height:16px;
  accent-color:var(--maroon);
}
[data-theme="dark"] .peer-progress-card progress { accent-color:var(--gold); }
.peer-photo-frame {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--sp-2);
  margin:0;
}
.peer-photo {
  display:block;
  width:min(100%,560px);
  max-height:70vh;
  object-fit:contain;
  border-radius:var(--r-card);
  background:var(--card-bg);
}
.peer-photo[hidden] { display:none; }
.peer-photo-frame figcaption,
.peer-rating-anchor {
  color:var(--p2p-text-3);
  font:400 var(--fs-label)/1.5 "DM Sans",sans-serif;
}
.peer-rating-fieldset {
  display:flex;
  flex-direction:column;
  gap:var(--sp-2);
  margin:0;
  padding:0;
  border:0;
}
.peer-rating-fieldset legend {
  padding:0;
  font:700 var(--fs-lead)/1.3 "Cormorant Garamond",serif;
  color:var(--navy);
}
[data-theme="dark"] .peer-rating-fieldset legend { color:var(--rose); }
.peer-rating-scale {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:var(--sp-1);
}
.peer-rating-choice {
  display:flex;
  min-height:48px;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:var(--sp-1);
  padding:var(--sp-1);
  border:2px solid var(--maroon);
  border-radius:var(--btn-radius);
  cursor:pointer;
  font:600 var(--fs-label)/1.3 "DM Sans",sans-serif;
  text-align:center;
}
[data-theme="dark"] .peer-rating-choice { border-color:var(--gold); }
.peer-rating-choice:has(input:checked) {
  color:#fff;
  background:var(--maroon);
}
[data-theme="dark"] .peer-rating-choice:has(input:checked) {
  color:#180f10;
  background:var(--gold);
}
.peer-rating-choice input {
  width:24px;
  height:24px;
  margin:0;
}
.peer-rating-number { font-size:var(--fs-body); }
.peer-rating-choice:has(input:checked) .peer-rating-anchor { color:inherit; }
.peer-photo-choice {
  display:flex;
  align-items:flex-start;
  gap:var(--sp-1);
  padding-block:var(--sp-1);
}
.peer-photo-choice input {
  width:24px;
  height:24px;
  flex:0 0 auto;
  margin:0;
}
.peer-photo-choice:has(input:disabled) { cursor:not-allowed; }
@media(max-width:699px) {
  .peer-progress-grid,
  .peer-rating-scale { grid-template-columns:1fr; }
  .peer-rating-choice {
    flex-direction:row;
    justify-content:flex-start;
    text-align:left;
  }
  .peer-rating-number { min-width:24px; }
}