/* pages.css — контентные страницы (О тесте, О логике, заглушки разделов) */

/* ---------- content pages (about / logic / stubs) ---------- */
.page{max-width:640px;margin:0 auto}
.page-title{font-size:clamp(26px,4.5vw,36px);font-weight:700;letter-spacing:-.02em;margin:8px 0 14px;color:var(--ink)}
.page-lead{font-size:17px;line-height:1.55;color:var(--ink-2);margin:0 0 30px}
.page-lead b{color:var(--ink);font-weight:600}
.page-h3{font-size:18px;font-weight:700;color:var(--ink);margin:30px 0 10px;letter-spacing:-.01em}
.page-p{font-size:15.5px;line-height:1.62;color:var(--ink-2);margin:0 0 14px}
.page-p b{color:var(--ink);font-weight:600}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 12px}
.info-card{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:20px}
.info-card .ic-n{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:13px;color:var(--accent);font-weight:600;margin-bottom:10px}
.info-card h3{font-size:16px;font-weight:700;color:var(--ink);margin:0 0 8px}
.info-card p{font-size:13.5px;line-height:1.55;color:var(--ink-2);margin:0}
.lens-list{display:flex;flex-direction:column;gap:10px;margin:4px 0 8px}
.lens{background:var(--card);border:1px solid var(--rule-soft);border-left:3px solid var(--accent);
  border-radius:0 8px 8px 0;padding:14px 16px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.lens b{color:var(--ink)}
.soon-box{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:32px;text-align:center;margin-top:10px}
.soon-badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--gold);background:#faf3e2;border:1px solid #ecd9a8;border-radius:99px;padding:5px 14px;margin-bottom:16px}
.soon-box p{font-size:15px;line-height:1.6;color:var(--ink-2);max-width:44ch;margin:0 auto 22px}
.page .start-btn{margin-top:28px}

@media(max-width:720px){
  .cards-3{grid-template-columns:1fr}
}