/* The at-a-glance table and first-screen lines of the type cognitive loop, focus and emotional regulation guides (PR460). */
/* On a phone each row becomes a labelled card; the header row stays for screen readers. */
.cl-answer p.answer-plain{font:600 18px/1.6 var(--font-body);font-style:normal;color:var(--cl-paper);margin:0 0 12px}
.cl-answer p.answer-jump{font:16px/1.7 var(--font-body);font-style:normal;color:var(--cl-paper);margin:0 0 14px}
.cl-glance{max-width:1000px;margin:0 auto 34px}
.cl-glance h2{font:400 clamp(26px,3.2vw,34px)/1.25 var(--font-display);letter-spacing:-.01em;margin:0 0 10px}
.cl-glance-note{color:var(--cl-muted);margin:0 0 16px}
.cl-glance-wrap{border:1px solid var(--cl-line);border-radius:12px;background:var(--cl-surface);overflow:hidden}
.cl-glance-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6}
.cl-glance-table caption{caption-side:top;text-align:left;padding:14px 18px 4px;color:var(--cl-muted);font:600 16px/1.5 var(--font-body)}
.cl-glance-table th,.cl-glance-table td{padding:12px 18px;text-align:left;vertical-align:top;border-top:1px solid var(--cl-line)}
.cl-glance-table thead th{font:600 16px/1.4 var(--font-body);color:#8e96a8;border-top:0}
.cl-glance-table tbody th{color:var(--cl-paper);font-weight:600}
.cl-glance-table.rows tbody th{width:26%}
.cl-glance-table .cl-nowrap,.cl-glance-table.steps tbody th{white-space:nowrap}
@media (max-width:640px){
  .cl-glance-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cl-glance-table tbody,.cl-glance-table tbody tr,.cl-glance-table tbody th,.cl-glance-table tbody td{display:block;width:auto!important}
  .cl-glance-table tbody tr{border-top:1px solid var(--cl-line);padding:8px 0}
  .cl-glance-table tbody th,.cl-glance-table tbody td{border:0;padding:5px 16px}
  .cl-glance-table tbody td[data-label]::before{content:attr(data-label);display:block;font-weight:600;color:#8e96a8}
}
@media print{.cl-glance-wrap{background:#fff;color:#111}.cl-glance-table th,.cl-glance-table td{color:#111}}
