/**
 * LineScout — content.css
 * Readable article/prose layout for static content pages.
 * Uses theme.css variables so light/dark both work.
 */
.content-page { max-width: 760px; margin: 0 auto; padding: 56px 24px 96px; }
.content-page .eyebrow { display:inline-block; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.1em; color:var(--blue,#3b82f6); margin-bottom:14px; }

.prose h1 { font-size:34px; font-weight:700; line-height:1.15; letter-spacing:-.5px; color:var(--txt,#fff); margin-bottom:16px; }
.prose .lead { font-size:17px; line-height:1.7; color:var(--txt-2,#9aa0b8); margin-bottom:36px; }
.prose h2 { font-size:21px; font-weight:600; color:var(--txt,#fff); margin:38px 0 12px; letter-spacing:-.2px; }
.prose h3 { font-size:16px; font-weight:600; color:var(--txt,#fff); margin:24px 0 8px; }
.prose p { font-size:15px; line-height:1.75; color:var(--txt-2,#9aa0b8); margin-bottom:16px; }
.prose ul, .prose ol { margin:0 0 18px 0; padding-left:22px; }
.prose li { font-size:15px; line-height:1.7; color:var(--txt-2,#9aa0b8); margin-bottom:8px; }
.prose a { color:var(--blue,#3b82f6); text-decoration:none; border-bottom:1px solid transparent; transition:border-color .15s; }
.prose a:hover { border-bottom-color:var(--blue,#3b82f6); }
.prose strong { color:var(--txt,#fff); font-weight:600; }
.prose hr { border:none; border-top:.5px solid var(--bd1,rgba(255,255,255,0.08)); margin:36px 0; }

.callout { border-radius:12px; border:.5px solid var(--bd2,rgba(255,255,255,0.12)); background:var(--s2,#0e1018); padding:20px 22px; margin:24px 0; }
.callout.help { border-color:rgba(34,197,94,0.3); background:rgba(34,197,94,0.06); }
.callout.warn { border-color:rgba(245,158,11,0.3); background:rgba(245,158,11,0.06); }
.callout h3 { margin-top:0; }
.callout p:last-child, .callout ul:last-child { margin-bottom:0; }
.callout .help-line { font-size:22px; font-weight:700; color:var(--green,#22c55e); margin:6px 0; }

.contact-method { display:flex; align-items:center; gap:12px; padding:16px 18px; border-radius:10px; border:.5px solid var(--bd1,rgba(255,255,255,0.08)); margin-bottom:12px; }
.contact-method .cm-icon { font-size:20px; }
.contact-method .cm-label { font-size:12px; color:var(--txt-3,#6a708a); text-transform:uppercase; letter-spacing:.05em; }
.contact-method .cm-value { font-size:15px; font-weight:600; color:var(--txt,#fff); }
.contact-method .cm-value a { color:var(--blue,#3b82f6); }

/* ── Glossary hub ────────────────────────────────────────────────────────── */
.learn-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:8px; }
@media (max-width:600px){ .learn-grid{ grid-template-columns:1fr; } }
.learn-card {
    display:block; padding:20px 22px; border-radius:12px;
    border:.5px solid var(--bd1,rgba(255,255,255,0.08));
    background:var(--s2,#0e1018); text-decoration:none;
    transition:border-color .15s, transform .15s;
}
.learn-card:hover { border-color:var(--blue,#3b82f6); transform:translateY(-2px); }
.learn-card .lc-tag { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:var(--blue,#3b82f6); }
.learn-card .lc-title { font-size:17px; font-weight:600; color:var(--txt,#fff); margin:6px 0 6px; }
.learn-card .lc-desc { font-size:13px; line-height:1.6; color:var(--txt-2,#9aa0b8); margin:0; }

/* Article meta + back link */
.article-meta { font-size:13px; color:var(--txt-3,#6a708a); margin-bottom:28px; }
.back-link { display:inline-block; font-size:13px; color:var(--txt-2,#9aa0b8); text-decoration:none; margin-bottom:24px; }
.back-link:hover { color:var(--blue,#3b82f6); }
.related { margin-top:40px; padding-top:24px; border-top:.5px solid var(--bd1,rgba(255,255,255,0.08)); }
.related h3 { font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:var(--txt-3,#6a708a); margin-bottom:12px; }
.odds-table { width:100%; border-collapse:collapse; margin:18px 0; font-size:14px; }
.odds-table th, .odds-table td { text-align:left; padding:9px 12px; border-bottom:.5px solid var(--bd1,rgba(255,255,255,0.08)); color:var(--txt-2,#9aa0b8); }
.odds-table th { color:var(--txt-3,#6a708a); font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.odds-table td:first-child { color:var(--txt,#fff); font-weight:500; }