/* Content Analyzer — tool-specific styles (Brief 6.11).
   Shared components live in site.css; this file covers only the keyword
   grid and the highlighted preview. Loaded by a <link> in
   templates/tools/content-analyzer.php (the shared header's
   $page_styles hook is being added by the coordinator).
   Teal rule: no teal text is used here at all; the two preview shadings
   are amber (long sentence) and blue (possible passive), each also
   identified by the lists beside the preview so colour is never the
   only signal. */

.ca-kw-grid { display: grid; gap: var(--space-4); }
@media (min-width: 768px) { .ca-kw-grid { grid-template-columns: repeat(3, 1fr); } }

.ca-preview { line-height: var(--leading-relaxed, 1.65); }
.ca-sentence { border-radius: 2px; }
.ca-sent-long { background: #FEF3C7; box-shadow: inset 0 0 0 1px #FDE68A; }
.ca-sent-passive { background: #DBEAFE; box-shadow: inset 0 0 0 1px #BFDBFE; }
.ca-sent-long.ca-sent-passive { background: #FDE68A; box-shadow: inset 0 0 0 1px #93C5FD; }