/* Readout-specific visual language: evidence, reflection, and an iterative learning loop. */
.learning-hero { padding-bottom:55px; }.learning-hero h1 { max-width:950px; }.learning-lead { max-width:760px; color:#c6d8e8; font-size:20px; line-height:1.7; }
.learning-loop { display:flex; gap:9px; align-items:center; margin:35px 0 0; padding:25px; border:1px solid rgba(100,204,255,.3); background:linear-gradient(135deg,rgba(8,48,87,.74),rgba(5,22,46,.58)); }.learning-loop span { display:grid; flex:1; min-height:76px; place-items:center; padding:9px; color:#e7f8ff; border:1px solid rgba(122,210,255,.31); font-size:12px; font-weight:700; line-height:1.25; text-align:center; }.learning-loop span:nth-child(odd) { border-color:rgba(143,234,207,.48); }.learning-loop b { flex:0 0 auto; color:#80ddff; font-weight:400; }
.readout { max-width:820px; }.readout h2 { margin-top:48px; }.readout p { color:#c0d1e1; font-size:17px; line-height:1.8; }.readout strong { color:#fff; }.question-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:30px 0; }.question-grid article { padding:21px; border-top:2px solid #4cc8ff; background:rgba(8,40,74,.45); }.question-grid article:nth-child(2) { border-color:#8ee8d2; }.question-grid article:nth-child(3) { border-color:#c5a5ff; }.question-grid h3 { font-size:17px; }.question-grid p { margin:0; color:#b7cadd; font-size:14px; }.signal-list { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; margin:25px 0; padding:0; list-style:none; }.signal-list li { padding:12px 14px; border:1px solid rgba(118,204,255,.22); color:#c8dce9; background:rgba(5,28,54,.48); }.signal-list li:before { content:"•"; padding-right:9px; color:#7cddff; }
.snapshot { margin:35px 0; padding:32px; border-left:3px solid #78dcff; background:rgba(11,56,95,.48); }.snapshot p { margin:0; color:#dceefa; font-size:clamp(20px,2.6vw,30px); line-height:1.4; }.flash-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; }.flash-card { min-height:170px; padding:22px; border:1px solid rgba(117,204,255,.24); background:linear-gradient(145deg,rgba(12,48,83,.72),rgba(5,21,43,.64)); }.flash-card:nth-child(3n+2) { border-color:rgba(142,232,210,.32); }.flash-card span { display:block; margin-bottom:24px; color:#8bdfff; font-size:11px; font-weight:750; letter-spacing:.14em; text-transform:uppercase; }.flash-card h3 { font-size:18px; }.flash-card p { margin:0; color:#bed2e4; font-size:14px; }.safeguard { padding:28px; border:1px solid rgba(142,232,210,.32); background:rgba(12,66,77,.25); }.safeguard h2 { font-size:clamp(25px,3vw,34px); }.safeguard p { margin:0; color:#c4dbe7; }.learning-return { display:inline-block; margin-top:36px; }
@media(max-width:780px) { .learning-loop { flex-direction:column; padding:18px; }.learning-loop span { width:100%; min-height:54px; }.learning-loop b { transform:rotate(90deg); line-height:1; }.question-grid,.flash-cards,.signal-list { grid-template-columns:1fr; }.learning-lead { font-size:17px; }.readout p { font-size:16px; } }