.wr-visibility { --color-border: var(--a1p-line); --color-accent: var(--a1p-accent); --color-surface: var(--a1p-surface); display: grid; gap: 24px; }
.wr-visibility textarea:focus-visible,.wr-visibility summary:focus-visible { outline: 3px solid var(--a1p-accent); outline-offset: 3px; }
.wr-visibility h3 { margin: 0 0 8px; }
.wr-visibility p { max-width: 85ch; }
.wr-visibility a,.wr-visibility blockquote { overflow-wrap: anywhere; }
.wr-declared-profiles { padding-bottom: 20px; border-bottom: 1px solid var(--color-border); }
.wr-answer-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 20px 0; }
.wr-answer-stats strong { display: block; font-size: 24px; font-variant-numeric: tabular-nums; }
.wr-answer-stats span { display: block; margin-top: 5px; }
.wr-engine-chart { margin: 24px 0; }
.wr-engine-chart figcaption { font-weight: 700; margin-bottom: 16px; }
.wr-engine-row { display: grid; grid-template-columns: minmax(120px,1fr) minmax(150px,1fr); gap: 6px 20px; padding: 12px 0; border-bottom: 1px solid var(--color-border); }
.wr-engine-row meter { width: 100%; height: 14px; accent-color: var(--color-accent); }
.wr-observation-list { display: grid; gap: 10px; }
.wr-observation-list details { border: 1px solid var(--color-border); border-radius: 8px; padding: 12px 16px; }
.wr-observation-list summary { cursor: pointer; overflow-wrap: anywhere; }
.wr-observation-list summary span,.wr-observation-list summary small { display: block; margin-top: 6px; }
.wr-observation-body blockquote { white-space: pre-wrap; margin: 16px 0; padding: 12px 16px; border-left: 2px solid var(--color-border); }
.wr-observation-editor { border-top: 1px solid var(--color-border); padding-top: 16px; }
.wr-observation-editor>summary { min-height: 44px; cursor: pointer; font-weight: 700; }
.wr-observation-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 20px; }
.wr-observation-form label { display: grid; gap: 6px; min-width: 0; font-weight: 700; }
.wr-observation-form .full { grid-column: 1/-1; }
.wr-observation-form input:not([type=checkbox]),.wr-observation-form select,.wr-observation-form textarea { box-sizing: border-box; width: 100%; min-height: 44px; padding: 10px 12px; background: var(--color-surface); color: inherit; font: inherit; border: 1px solid var(--color-border); border-radius: 6px; }
.wr-observation-form small { font-weight: 400; }
.wr-observation-form .check { display: flex; align-items: start; gap: 10px; }
@media(max-width:600px) { .wr-observation-form,.wr-engine-row { grid-template-columns: 1fr; }.wr-answer-stats { gap: 12px; }.wr-answer-stats strong { font-size: 21px; } }
@media print { .wr-evidence-control { display:none!important; }.wr-observation-list details>div { display:block!important; }.wr-observation-list details::details-content { content-visibility:visible!important; }.wr-observation-list details { break-inside:avoid; }.wr-engine-row { break-inside:avoid; } }