/* Neuropsych reading profile (NEU-615): the dyslexia check's profile in the
   V2 "Report preview" frame. The frame (paper sheet, ruled running head,
   result line, limits, the chart of three areas against three zones, the
   tail) is NEU-489's dc-v2 markup, styled in /shared/neuropsych-dyscheck.css.
   This file adds only what the reading profile has on top: the
   reading-history count, an area without enough data, the second-language
   line and the link to the other language's check. Tokens come from the
   theme (and --head / --mono from the check page). Light only, as the site.
   No chips, no pills. */
.rp{--zone2:var(--chart-z2);--rule:var(--line-strong)}

/* the second-language line, right under the headline */
.rp .rp-second{font-size:14px;line-height:1.5;color:var(--text2);margin:-4px 0 0}

/* the reading-history count: the six answers, never banded */
.rp-hist{border:1px solid var(--rule);border-radius:10px;padding:10px 12px 12px;background:var(--surface)}
.rp-hist-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.rp .rp-hist-h h2{font:700 13.5px/1.2 var(--font-display);color:var(--text);margin:0}
.rp-hist-h span{font:500 10.5px var(--font-data);color:var(--text3);white-space:nowrap}
.rp-hist-row{display:flex;align-items:center;gap:14px;margin:8px 0 6px}
.rp .rp-hist-n{font:800 26px/1 var(--font-display);letter-spacing:-.02em;color:var(--text);white-space:nowrap}
.rp-meter{flex:1;min-width:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;max-width:320px}
.rp-meter i{display:block;height:12px;background:var(--zone2)}
.rp-meter i.on{background:var(--accent)}
.rp-meter i.skip{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong)}
.rp .rp-hist-line{font-size:12.5px;line-height:1.45;color:var(--text2)}

/* an area without a readable result spans the three zones */
.dc-cell.rp-none{grid-column:span 3;font:500 11px/1.2 var(--font-body);color:var(--text3);padding-left:2px}

/* the other site language's check, one plain link */
.rp .rp-other{font-size:14px;line-height:1.5;margin:-6px 0 0}

@media(min-width:760px){
  .rp-hist{padding:16px 20px 14px}
  .rp .rp-hist-h h2{font-size:16px}
  .rp-hist-h span{font-size:12px}
  .rp .rp-hist-n{font-size:34px}
  .rp-meter{max-width:360px}
  .rp-meter i{height:16px}
  .rp .rp-hist-line{font-size:14px}
  .rp .rp-second{font-size:15px}
  .dc-v2 .dc-cell.rp-none{font-size:13px}
}