/* Ratings and comments block (#feedback) */
.op-feedback{border-top:1px solid oklch(from var(--color-text) l c h / .1)}
.op-fb-grid{display:grid;gap:var(--space-8,2rem);grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.op-fb-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}
.op-feedback h2{font-size:var(--text-lg,1.25rem);margin:0 0 var(--space-3,.75rem)}
.op-star-input{display:flex;gap:4px;align-items:center}
.op-rate-count{font-size:var(--text-base,1rem);font-weight:700;margin-left:6px;color:var(--color-text-muted,inherit)}
/* each star is filled to --f (0-100%): the page average for everyone, full stars while hovering */
.op-star-input button{font-size:2rem;line-height:1;padding:4px 6px;border:0;cursor:pointer;border-radius:var(--radius-md,8px);color:transparent;background:linear-gradient(90deg,#e0a100 var(--f,0%),#c9c4ba var(--f,0%));background:linear-gradient(90deg,#e0a100 var(--f,0%),oklch(from var(--color-text) l c h / .22) var(--f,0%));-webkit-background-clip:text;background-clip:text}
.op-star-input button:focus-visible{outline:2px solid var(--color-primary,#0b5d63);outline-offset:2px}
.op-rate-summary,.op-rate-msg,.op-note,.op-empty{font-size:var(--text-sm,.9rem);margin:var(--space-2,.5rem) 0 0}
.op-stars-static{color:#e0a100;letter-spacing:1px;margin-right:4px}.op-stars-static .op-off{color:oklch(from var(--color-text) l c h / .22)}
.op-comment-list,.op-replies{list-style:none;margin:0;padding:0}
.op-comment{padding:var(--space-3,.75rem) 0;border-bottom:1px solid oklch(from var(--color-text) l c h / .08)}
.op-replies .op-comment{border-bottom:0;margin:var(--space-2,.5rem) 0 0 var(--space-4,1rem);padding:var(--space-3,.75rem) var(--space-4,1rem);background:var(--color-surface-2,#f5f2ea);border-radius:var(--radius-md,8px)}
.op-c-meta{margin:0;font-size:var(--text-sm,.9rem)}.op-c-meta time{opacity:.7;margin-left:6px}
.op-c-body p{margin:var(--space-2,.5rem) 0 0}
.op-badge{font-size:.75em;font-weight:700;padding:1px 6px;border-radius:999px;background:var(--color-primary,#0b5d63);color:#fff;margin-left:4px}
.op-form-wrap{margin-top:var(--space-4,1rem)}
.op-form-wrap summary{cursor:pointer;font-weight:700}
.op-form-wrap select,.op-comment-form input,.op-comment-form textarea{width:100%}
.op-hint{font-weight:400;opacity:.75}
.op-good{color:var(--color-success,#1d7a3a);font-weight:700}.op-bad{color:var(--color-error,#b3261e);font-weight:700}
.op-summary{margin:var(--space-3,.75rem) 0 0;font-size:var(--text-sm,.9rem)}
.op-summary a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
.op-summary strong{margin:0 2px}