/* landing/content-page.css — legal pages + help article body */
:root {
  --cp-ink: #1a2340;
  --cp-muted: #636b7e;
  --cp-line: #e8edf6;
  --cp-primary: #274285;
}

.content-page { padding: 40px 0 64px; }
.crumbs { display:flex; align-items:center; gap:8px; font-size:.85rem; color:var(--cp-muted); margin-bottom:22px; }
.crumbs a { color:var(--cp-muted); text-decoration:none; }
.crumbs a:hover { color:var(--cp-primary); }

.content-head { border-bottom:1px solid var(--cp-line); padding-bottom:20px; margin-bottom:28px; }
.content-head h1 { font-size:clamp(1.8rem,3.4vw,2.5rem); font-weight:800; color:var(--cp-ink); margin:0 0 8px; }
.content-sub { color:var(--cp-muted); font-size:1.05rem; margin:0; max-width:60ch; }

.prose { max-width:760px; color:#2b3346; line-height:1.7; font-size:1rem; }
.prose h2 { font-size:1.35rem; font-weight:700; color:var(--cp-ink); margin:32px 0 12px; }
.prose h3 { font-size:1.1rem; font-weight:700; color:var(--cp-ink); margin:24px 0 10px; }
.prose p { margin:0 0 16px; }
.prose ul, .prose ol { margin:0 0 16px; padding-left:22px; }
.prose li { margin:6px 0; }
.prose a { color:var(--cp-primary); text-decoration:underline; }

/* help article two-column */
.help-article-layout { display:grid; grid-template-columns: 1fr 280px; gap:40px; align-items:start; }
.help-aside-card { position:sticky; top:90px; background:#f7faff; border:1px solid var(--cp-line);
  border-radius:12px; padding:22px; }
.help-aside-card h3 { margin:0 0 6px; font-size:1rem; color:var(--cp-ink); }
.help-aside-card p { margin:0 0 14px; font-size:.88rem; }
.btn-soft { display:inline-block; padding:9px 16px; border-radius:8px; background:#fff;
  border:1px solid var(--cp-primary); color:var(--cp-primary); text-decoration:none; font-weight:600; font-size:.9rem; }
.btn-soft:hover { background:var(--cp-primary); color:#fff; }

@media (max-width:900px){ .help-article-layout { grid-template-columns:1fr; } .help-article-aside { order:-1; } }