/* reading.css — reading mode (about, blog) + eval step-2/thank-you forms.
   Loaded async for mode-reading pages. */

/* ---- eval step 2 / thank-you ---- */
.ev2-wrap{max-width:680px;margin:0 auto;padding:44px 22px 20px}
.ev2-head{text-align:center;margin-bottom:24px}
.ev2-h{font-family:'Saira Condensed',sans-serif;font-style:italic;text-transform:uppercase;font-weight:900;font-size:clamp(30px,6.4vw,48px);color:#fff;line-height:.92}
.ev2-lead{color:#d2e2f3;font-size:17px;margin-top:12px;line-height:1.55}
.ev2-card{padding:34px 26px;border-radius:18px}

.ev2-form{display:grid;gap:16px}
.ev2-set{border:1px solid var(--glass-bord);border-radius:15px;padding:20px 18px;display:grid;gap:12px}
.ev2-set legend{font-family:'Saira Condensed',sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:.05em;font-weight:900;font-size:15px;color:var(--cyan);padding:0 8px}
.ev2-note{font-size:13.5px;color:var(--muted);margin-top:-2px}
.ef-field{display:flex;flex-direction:column;gap:6px}
.ef-field span{font-family:'Saira Condensed',sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800;color:var(--ice)}
.ef-field input,.ef-field textarea{background:rgba(4,12,24,.7);border:1px solid var(--line);border-radius:10px;padding:13px 14px;color:#fff;font-size:16px;font-family:inherit;width:100%}
.ef-field textarea{resize:vertical;min-height:74px}
.ef-field input:focus,.ef-field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,143,255,.2)}
.ef-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ef-row-3{grid-template-columns:1fr 1fr 1fr}
@media(max-width:480px){.ef-row,.ef-row-3{grid-template-columns:1fr}}
.ev2-submit{width:100%;margin-top:4px;text-align:center}
.ev2-skip{display:block;text-align:center;margin-top:6px;font-size:14px;color:var(--muted)}
.ev2-skip:hover{color:var(--ice)}

/* thank-you check */
.ty-check{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;color:var(--green-glow);background:rgba(134,197,64,.14);border:1px solid rgba(134,197,64,.45);box-shadow:0 0 30px -6px rgba(158,232,78,.5)}
.ty-check svg{width:32px;height:32px}
.ty-links{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.ty-fine{margin-top:18px;font-size:13.5px;color:var(--muted)}
.ty-fine a{color:var(--cyan)}

/* ===== College Research: LANDING (sport picker) ===== */
.cr-hero{padding:50px 0 30px}
.cr-h1{font-family:'Saira Condensed',sans-serif;font-style:italic;text-transform:uppercase;font-weight:900;font-size:clamp(38px,8vw,68px);color:#fff;line-height:.9;margin:6px 0 12px}
.cr-sub{max-width:600px;color:#d2e2f3;font-size:17px;line-height:1.55;margin-bottom:26px}
.cr-picker{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;max-width:560px}
.cr-pick-field{display:flex;flex-direction:column;gap:6px;flex:1 1 240px}
.cr-pick-field span{font-family:'Saira Condensed',sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800;color:var(--ice)}
.cr-pick-field select{background:rgba(8,20,38,.85);border:1px solid var(--line);border-radius:11px;padding:14px 36px 14px 15px;color:#fff;font-size:16px;font-family:inherit;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--blue-glow) 50%),linear-gradient(135deg,var(--blue-glow) 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px;background-repeat:no-repeat}
.cr-pick-field select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,143,255,.2)}
.cr-go.is-disabled{opacity:.45;pointer-events:none}
.cr-sport-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.cr-sport-chip{font-family:'Saira Condensed',sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:.03em;font-weight:800;font-size:13.5px;color:var(--ice);padding:9px 16px;border-radius:9px}
.cr-sport-chip:hover{color:#fff;border-color:rgba(31,143,255,.55)}
.cr-how{padding:18px 0 54px}
.cr-how-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:720px){.cr-how-grid{grid-template-columns:repeat(3,1fr)}}
.cr-how-step{border-radius:15px;padding:24px 20px;position:relative}
.cr-step-n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,var(--cyan),var(--blue));color:#04101f;font-family:'Saira Condensed',sans-serif;font-style:italic;font-weight:900;font-size:18px;margin-bottom:12px}
.cr-how-step h3{font-family:'Saira Condensed',sans-serif;font-style:italic;text-transform:uppercase;font-weight:900;font-size:19px;color:#fff;margin-bottom:6px}
.cr-how-step p{color:#c3d6ea;font-size:14.5px;line-height:1.5}