.check-privacy { border-left: 3px solid var(--accent-orange); padding-left: 14px; line-height: 1.8; }
.check-help { color: var(--text-secondary); font-size: .9rem; line-height: 1.7; }
#experience { width: 100%; resize: vertical; min-height: 240px; font: inherit; line-height: 1.8; }
#input-error { color: var(--v3-danger); }
.check-signals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 20px 0; }
.check-signal { background: var(--surface-card); border: 1px solid var(--border-subtle); padding: 18px; }
.check-signal strong { display: block; margin-top: 8px; }
.check-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 7px; background: var(--status-success); }
[data-signal="yellow"] .check-dot { background: #bf8600; }
[data-signal="red"] .check-dot { background: var(--v3-danger); }
.check-lines { padding-left: 24px; }
.check-lines li { margin: 14px 0; padding: 8px; line-height: 1.8; overflow-wrap: anywhere; white-space: pre-wrap; }
.check-lines .flagged { border-left: 3px solid var(--accent-orange); background: var(--surface-active); }
.check-lines .heading { color: var(--text-secondary); list-style: none; }
mark { background: #ffe28a; color: #302000; padding: 0 2px; }
.check-direction { line-height: 1.8; }
.check-example-label { color: var(--text-secondary); font-size: .85rem; margin: 14px 0 4px; }
.check-example-before { color: var(--text-secondary); text-decoration: line-through; text-decoration-thickness: 2px; text-decoration-color: var(--accent-orange); margin: 0; line-height: 1.8; }
.check-example-after { font-weight: 700; margin: 0; line-height: 1.8; }
.check-cta { border-top: 3px solid var(--accent-orange); }
.check-cta a { color: var(--text-primary); font-size: 1.15rem; font-weight: 700; line-height: 1.8; text-underline-offset: 5px; }
.check-cta .sop-v3-button { white-space: normal; text-decoration: none; }
#results[hidden] { display: none; }
.check-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 600px) { .check-signals { grid-template-columns: 1fr; gap: 8px; } .check-signal { padding: 14px; } .check-signal strong { display: inline; margin-left: 8px; } }

.check-cta .check-consult a { font-size: .9rem; font-weight: 400; overflow-wrap: anywhere; }
