/* readability-score-checker.css v2-r4 */
.read-textarea { width:100%; padding:0.6rem 0.7rem; border:1px solid var(--border); font-size:0.88rem; background:#fff; resize:vertical; min-height:200px; font-family:inherit; line-height:1.6; }
.read-textarea:focus { outline:none; border-color:var(--accent); }
.score-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:0.65rem; margin-top:1rem; padding-top:1rem; border-top:1px solid var(--border); }
@media (max-width:480px) { .score-grid { grid-template-columns:1fr; } }
.score-block { padding:0.75rem 0.85rem; border:1px solid var(--border); background:#fcfcfc; }
.score-block.primary { border-color:rgba(37,99,235,0.3); background:var(--accent-soft); }
.score-block-label { font-size:0.7rem; text-transform:uppercase; letter-spacing:0.14em; color:var(--text-muted); margin-bottom:0.3rem; }
.score-block-value { font-size:1.75rem; font-weight:700; letter-spacing:-0.02em; line-height:1; margin-bottom:0.2rem; }
.score-block-note  { font-size:0.72rem; color:var(--text-muted); }
.grade-bar-wrap { height:8px; background:#e5e7eb; margin:0.75rem 0 0.25rem; }
.grade-bar-fill { height:100%; background:var(--accent); transition:width 0.3s; }
.grade-levels { display:flex; justify-content:space-between; font-size:0.67rem; color:var(--text-muted); }