/* Survey: the concerns list and the compact comment rows. Chips are the three
   system kinds only: the score is a status chip, categories are tags. */
@layer pages{

/* Concerns: one ruled row each, who and the chips on the first line, the words under. */
.coach.sv-row{margin:0;padding:var(--s3) var(--s4);cursor:pointer;border-radius:0;border-width:0 0 1px;border-color:var(--line)}
.coach.sv-row:hover{background:var(--surface-2)}
.coach.sv-row:focus-visible{outline-offset:-2px}
.sv-flaglist{overflow:hidden;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r2)}
.sv-row:last-child{border-bottom:0}
.sv-row-h{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s2)}
.sv-row-h .tsub{margin:0}
.sv-row-h .codechip{margin:0}
.sv-row .why{max-width:80ch}
.sv-row .sv-none{font-style:normal;color:var(--ink-3)}

/* Every comment: one line each. */
.sv-list{overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--r2);background:var(--surface)}
.sv-com{display:flex;align-items:baseline;gap:var(--s4);padding:var(--s2) var(--s4);cursor:pointer;border-top:1px solid var(--line)}
.sv-com:first-child{border-top:0}
.sv-com:hover{background:var(--surface-2)}
.sv-com:focus-visible{outline-offset:-2px}
.sv-q{flex:1;min-width:0;font-style:italic}
.sv-com .who{flex:none;max-width:40%;text-align:right;font-size:var(--t7);color:var(--ink-3)}
}