.violation-reference-list{border-top:2px solid var(--primary);border-bottom:1px solid var(--border-strong);background:var(--card)}.violation-reference-list__header,.violation-reference-row__summary{display:grid;grid-template-columns:minmax(8.5rem,.8fr) minmax(14rem,2.2fr) minmax(9rem,1fr) minmax(9rem,1fr) 1.5rem;gap:1rem;align-items:center}.violation-reference-list__header{padding:.7rem 1rem;border-bottom:1px solid var(--border);background:var(--secondary);color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.violation-reference-row{border-bottom:1px solid var(--border)}.violation-reference-row:last-child{border-bottom:0}.violation-reference-row__summary{min-height:4.25rem;padding:.75rem 1rem;color:var(--foreground);cursor:pointer;list-style:none}.violation-reference-row__summary::-webkit-details-marker{display:none}.violation-reference-row__summary:hover{background:color-mix(in srgb,var(--accent-tint) 35%,white)}.violation-reference-row__summary:focus-visible{outline:3px solid var(--ring);outline-offset:-3px}.violation-reference-row__code{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:700}.violation-reference-row__tag{border:1px solid var(--accent);padding:.05rem .35rem;color:var(--accent-dark);font-family:var(--font-sans);font-size:.62rem;letter-spacing:.08em}.violation-reference-row__offense{min-width:0;color:var(--primary);font-weight:650;line-height:1.35}.violation-reference-row__metric{color:var(--text-soft);font-variant-numeric:tabular-nums}.violation-reference-row__points{font-weight:700}.violation-reference-row__chevron{width:1.1rem;height:1.1rem;color:var(--accent-dark);transition:transform .16s ease}.violation-reference-row[open] .violation-reference-row__chevron{transform:rotate(180deg)}.violation-reference-row__details{padding:1rem clamp(1rem,3vw,2.25rem) 1.35rem;border-top:1px solid var(--border);background:var(--background)}.violation-reference-row__details .learning-markdown{max-width:52rem;color:var(--text-soft);font-size:.94rem;line-height:1.8;overflow-wrap:anywhere}.violation-reference-row__details .learning-markdown>:first-child{margin-top:0}.violation-reference-row__details .learning-markdown>:last-child{margin-bottom:0}.violation-reference-row__details .learning-markdown h2,.violation-reference-row__details .learning-markdown h3{margin:1.45rem 0 .45rem;color:var(--primary);font-size:1.05rem;line-height:1.4}.violation-reference-row__details .learning-markdown p,.violation-reference-row__details .learning-markdown ul,.violation-reference-row__details .learning-markdown ol{margin-block:.75rem}.violation-reference-row__details .learning-markdown ul,.violation-reference-row__details .learning-markdown ol{padding-left:1.35rem}.violation-reference-row__details .learning-markdown ul{list-style:disc}.violation-reference-row__details .learning-markdown ol{list-style:decimal}.violation-reference-row__details .learning-markdown a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}.violation-reference-row__empty-note{color:var(--text-soft);font-size:.9rem}.violation-reference-row__notices{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;color:var(--text-muted);font-size:.78rem}.violation-reference-row__source{display:inline-flex;min-height:44px;align-items:center;gap:.4rem;margin-top:.65rem;color:var(--accent-dark);font-size:.82rem;font-weight:650}.violation-reference-row__source svg{width:.9rem;height:.9rem}@media(max-width:960px){.violation-reference-list__header{display:none}.violation-reference-row__summary{grid-template-columns:minmax(0,1fr) 1.25rem;gap:.35rem .75rem;min-height:44px;padding:.9rem 1rem}.violation-reference-row__code,.violation-reference-row__offense,.violation-reference-row__metric{grid-column:1}.violation-reference-row__offense{margin-bottom:.35rem}.violation-reference-row__metric{display:grid;grid-template-columns:minmax(7.5rem,.9fr) minmax(0,1fr);gap:.75rem;font-size:.88rem}.violation-reference-row__metric:before{content:attr(data-label);color:var(--text-muted);font-size:.72rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.violation-reference-row__chevron{grid-column:2;grid-row:1 / span 4;align-self:center}}@media(prefers-reduced-motion:reduce){.violation-reference-row__chevron{transition:none}}