/* Content pages (intent pages and guides); loaded only by templates/content/*. Logical properties for RTL. */
.cpage { max-width: 820px; color: var(--ink); }
.cpage section { margin-top: 44px; }
.cpage h2, .section.cpage h2 { margin: 0 0 .5em; font-size: 1.55rem; text-align: start; }
.cpage p { margin: 0 0 1em; }
.cpage ul, .cpage ol { margin: 0 0 1em; padding-inline-start: 1.4em; }
.cpage li { margin-bottom: .45em; }
.cpage li b { color: var(--ink); }
.crumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; font-size: .92rem; opacity: .85; }
.crumbs a { color: var(--primary); }
.cpage__head h1 { margin: 0 0 .3em; font-size: 2.2rem; line-height: 1.2; color: var(--ink); }
.cpage__subtitle { font-size: 1.15rem; opacity: .85; }
.cpage__answer { padding: 18px 22px; font-size: 1.15rem; background: #fff; border-inline-start: 5px solid var(--accent);
  border-radius: var(--radius); }
.cpage__steps ol { counter-reset: none; }
.cpage__steps li { padding-inline-start: .2em; }
.table-wrap { overflow-x: auto; background: #fff; border-radius: var(--radius); }
.cpage table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: .97rem; }
.cpage caption { padding: 12px 14px 0; text-align: start; font-size: .9rem; opacity: .75; caption-side: bottom; }
.cpage th, .cpage td { padding: 12px 14px; text-align: start; vertical-align: top; border-bottom: 1px solid #e6e6e6; }
.cpage thead th { color: #fff; background: var(--ink); }
.cpage tbody th { font-weight: 700; }
.cpage .faq__list { margin-top: 4px; }
.cpage__related ul { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; list-style: none; }
.cpage__related a { display: inline-block; padding: 8px 14px; background: #fff; border-radius: 999px; text-decoration: none;
  font-weight: 600; }
.cpage__related a:hover { background: var(--accent-soft); }
.cpage__updated { margin-top: 28px; font-size: .9rem; opacity: .7; }
.cpage__cta { margin-top: 44px; padding: 32px; color: #fff; background: var(--ink); border-radius: 24px; }
.section.cpage .cpage__cta h2 { color: #fff; }
.footer__links--content { margin-top: -8px; }

/* /guides index: the topic groups and their link lists. */
.guides-index .cpage__answer { margin-bottom: 34px; }
.guides-group { margin-top: 38px; }
.guides-list { margin: 0; padding: 0; list-style: none; }
.guides-list li { padding: 14px 0; border-bottom: 1px solid #e6e6ef; }
.guides-list a { font-weight: 700; text-decoration: none; }
.guides-list a:hover { text-decoration: underline; }
.guides-list span { display: block; margin-top: 4px; font-size: .95rem; opacity: .8; }

@media (max-width: 768px) {
  .cpage__head h1 { font-size: 1.7rem; }
  .cpage h2, .section.cpage h2 { font-size: 1.35rem; }
  .cpage__cta { padding: 24px 20px; }
  .cpage table { min-width: 0; font-size: .9rem; }
  .cpage th, .cpage td { padding: 10px 8px; overflow-wrap: anywhere; }
}