/* Blog, News, Credit Health — builds on styles.css. Accent: royal blue #1B3A8E */
:root { --bk-blue: #1B3A8E; --bk-blue-light: #6B86C4; }
.learn-hero { padding: 140px 0 64px; background: linear-gradient(180deg, var(--black), var(--ink)); border-bottom: 1px solid var(--gray-200); }
.learn-hero h1 span { font-family: var(--font-serif); font-style: italic; text-transform: none; color: var(--bk-blue-light); font-weight: 600; }
.learn-kicker { font-family: var(--font-display); text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.85rem; color: var(--bk-blue-light); margin-bottom: 14px; }
.learn-kicker a { color: inherit; }
.learn-meta { font-size: 0.85rem; color: var(--gray-400); margin-bottom: 8px; }
.learn-section { padding: 72px 0; }
.learn-grid, .news-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; margin-bottom: 40px; }
.learn-card, .news-card { background: var(--stone); border: 1px solid var(--gray-200); border-top: 3px solid var(--bk-blue); border-radius: var(--radius); padding: 28px; display: flex; flex-direction: column; }
.learn-card h3, .news-card h3 { font-size: 1.3rem; margin-bottom: 12px; }
.learn-card p, .news-card p { flex: 1; }
.learn-more { font-family: var(--font-display); text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.9rem; color: var(--bk-blue-light); }
.post-body h2 { font-size: clamp(1.4rem, 2.4vw, 1.9rem); margin: 40px 0 14px; }
.post-body ul { margin: 0 0 1em 1.2em; color: var(--gray-600); }
.post-body li { margin-bottom: 8px; }
.post-body a, .news-note a, .learn-disclaimer a { text-decoration: underline; text-decoration-color: var(--bk-blue-light); }
.post-lede { font-family: var(--font-serif); font-style: italic; font-size: 1.25rem; color: var(--cream); }
.post-back { margin-top: 32px; }
.learn-disclaimer { margin: 40px 0; padding: 20px 24px; border-left: 4px solid var(--bk-blue); background: rgba(27, 58, 142, 0.16); color: var(--cream); font-size: 0.95rem; border-radius: var(--radius); }
.news-note { font-size: 0.9rem; color: var(--gray-400); }
.ch-privacy { margin-top: 24px; max-width: 720px; padding: 16px 20px; border: 1px solid var(--bk-blue-light); border-radius: var(--radius); color: var(--cream); }
.ch-quiz h2 { margin-bottom: 10px; }
.ch-q { border: 1px solid var(--gray-200); background: var(--stone); border-radius: var(--radius); padding: 22px 24px; margin: 18px 0; }
.ch-q legend { font-family: var(--font-display); text-transform: uppercase; letter-spacing: 0.06em; color: var(--white); padding: 0 6px; }
.ch-num { color: var(--bk-blue-light); margin-right: 6px; }
.ch-opt { display: flex; gap: 10px; align-items: center; padding: 8px 0; cursor: pointer; color: var(--cream); }
.ch-opt input { accent-color: var(--bk-blue); width: 18px; height: 18px; }
.ch-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 24px 0; }
.ch-error { color: #ff9a9a; }
.ch-results { margin-top: 40px; }
.ch-band { padding: 28px; border-radius: var(--radius); background: var(--bk-blue); margin-bottom: 28px; }
.ch-band h2 span { font-family: var(--font-serif); font-style: italic; text-transform: none; font-size: 0.6em; }
.ch-band p, .ch-band .learn-kicker { color: var(--white); }
.ch-road { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; margin: 18px 0; }
.ch-road > div { background: var(--stone); border: 1px solid var(--gray-200); border-top: 3px solid var(--bk-blue); padding: 20px; border-radius: var(--radius); }
.ch-road h4 { margin-bottom: 10px; color: var(--bk-blue-light); }
.ch-road ul { margin-left: 1.1em; color: var(--gray-600); font-size: 0.95rem; }
.ch-road li { margin-bottom: 8px; }
.ch-small { font-size: 0.85rem; color: var(--gray-400); }
.ch-util-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 12px; }
.ch-util-row label { display: flex; flex-direction: column; font-size: 0.85rem; color: var(--gray-600); gap: 6px; }
.ch-util-row input { background: var(--black); color: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius); padding: 12px; font-size: 1rem; }
.ch-util-row input:focus { outline: 2px solid var(--bk-blue-light); }
.ch-util-out { padding: 18px 20px; border-left: 4px solid var(--bk-blue); background: var(--black); color: var(--cream); }
.ch-reports { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; }
.ch-report { display: flex; flex-direction: column; gap: 10px; padding: 24px; background: var(--stone); border: 1px solid var(--gray-200); border-top: 3px solid var(--bk-blue); border-radius: var(--radius); }
.ch-report strong { font-family: var(--font-display); text-transform: uppercase; color: var(--white); }
.ch-report span { color: var(--gray-600); font-size: 0.92rem; flex: 1; }
.ch-report em { font-style: normal; color: var(--bk-blue-light); font-size: 0.85rem; }
.ch-report:hover { border-color: var(--bk-blue-light); }
@media (max-width: 600px) { .ch-util-row { grid-template-columns: 1fr; } .learn-hero { padding-top: 110px; } }