/* canva-guide — the lg-* legal layout, scoped per page (sibling of tiktok-shop-guide / zoom-guide) */
[data-cmp="canva-guide"] .lg, [data-cmp="canva-guide"].lg { background: color-mix(in srgb, var(--surface-subtle) 60%, var(--surface-base)); }
[data-cmp="canva-guide"] .lg-head, [data-cmp="canva-guide"].lg-head { background: var(--surface-base); border-bottom: 1px solid var(--border-default); }
[data-cmp="canva-guide"] .lg-head-inner, [data-cmp="canva-guide"].lg-head-inner { max-width: 48rem; margin-inline: auto; padding: var(--space-6); }
[data-cmp="canva-guide"] .lg-head-inner h1, [data-cmp="canva-guide"].lg-head-inner h1 { margin: 0; font-size: 1.875rem; font-weight: 700; }
[data-cmp="canva-guide"] .lg-head-inner p, [data-cmp="canva-guide"].lg-head-inner p { margin: var(--space-2) 0 0; color: var(--text-muted); }
[data-cmp="canva-guide"] .lg-main, [data-cmp="canva-guide"].lg-main { max-width: 48rem; margin-inline: auto; padding: var(--space-12) var(--space-6); }
[data-cmp="canva-guide"] .lg-card, [data-cmp="canva-guide"].lg-card { background: var(--surface-card); border: 1px solid var(--border-default);
  border-radius: var(--radius-lg); box-shadow: var(--asio-shadow-soft); padding: var(--space-8);
  display: flex; flex-direction: column; gap: var(--space-8); }
[data-cmp="canva-guide"] .lg-card section h2, [data-cmp="canva-guide"].lg-card section h2 { margin: 0 0 var(--space-3); font-size: 1.25rem; font-weight: 700; }
[data-cmp="canva-guide"] .lg-card section h3, [data-cmp="canva-guide"].lg-card section h3 { margin: var(--space-6) 0 var(--space-2); font-size: 1.125rem; font-weight: 600; }
[data-cmp="canva-guide"] .lg-card section p, [data-cmp="canva-guide"].lg-card section p { margin: 0 0 var(--space-3); line-height: 1.7; color: var(--text-secondary); }
[data-cmp="canva-guide"] .lg-card section p:last-child, [data-cmp="canva-guide"].lg-card section p:last-child { margin-bottom: 0; }
[data-cmp="canva-guide"] .lg-card section ul, [data-cmp="canva-guide"].lg-card section ul, [data-cmp="canva-guide"] .lg-card section ol, [data-cmp="canva-guide"].lg-card section ol { margin: 0 0 var(--space-3); padding-left: var(--space-6); display: flex;
  flex-direction: column; gap: var(--space-2); color: var(--text-secondary); line-height: 1.7; }
[data-cmp="canva-guide"] .lg-card section ul, [data-cmp="canva-guide"].lg-card section ul { list-style: disc; }
[data-cmp="canva-guide"] .lg-card section ol, [data-cmp="canva-guide"].lg-card section ol { list-style: decimal; }
[data-cmp="canva-guide"] .lg-card code, [data-cmp="canva-guide"].lg-card code { font-family: var(--font-mono); font-size: 0.85em; background: var(--surface-subtle);
  padding: 1px 5px; border-radius: 4px; }
[data-cmp="canva-guide"] .lg-card a, [data-cmp="canva-guide"].lg-card a { color: var(--accent); text-decoration: none; }
@media (hover: hover) and (pointer: fine) { [data-cmp="canva-guide"] .lg-card a:hover, [data-cmp="canva-guide"].lg-card a:hover { text-decoration: underline; }}

/* the Canva icon lockup at the page entry point: the approved icon asset, colours and shape
   unchanged, with at least 8px padding on all sides (Canva brand rule). */
[data-cmp="canva-guide"] .cv-mark, [data-cmp="canva-guide"].cv-mark { display: inline-flex; align-items: center; gap: var(--space-1);
  margin-top: var(--space-4); padding: 2px 10px 2px 2px; background: var(--surface-base);
  border: 1px solid var(--border-default); border-radius: var(--radius-full); }
[data-cmp="canva-guide"] .cv-mark-icon, [data-cmp="canva-guide"].cv-mark-icon { display: inline-flex; padding: 8px; }
[data-cmp="canva-guide"] .cv-mark-icon svg, [data-cmp="canva-guide"].cv-mark-icon svg { display: block; width: 1.5rem; height: 1.5rem; }
[data-cmp="canva-guide"] .cv-mark-text, [data-cmp="canva-guide"].cv-mark-text { font-size: 0.8125rem; font-weight: 600; color: var(--text-secondary);
  letter-spacing: 0.01em; }

/* the read/write scope list and the plan list — a hairline-divided definition list aligned to the
   body text margin, one row each, uniform rhythm (a calm reference list, not a boxed table) */
[data-cmp="canva-guide"] .lg-roles, [data-cmp="canva-guide"].lg-roles { margin: 0; }
[data-cmp="canva-guide"] .lg-roles > div, [data-cmp="canva-guide"].lg-roles > div { display: grid; gap: 2px; padding: var(--space-3) 0;
  border-top: 1px solid var(--border-default); }
[data-cmp="canva-guide"] .lg-roles > div:first-child, [data-cmp="canva-guide"].lg-roles > div:first-child { border-top: 0; padding-top: 0; }
[data-cmp="canva-guide"] .lg-roles dt, [data-cmp="canva-guide"].lg-roles dt { font-weight: 600; color: var(--text-primary); }
[data-cmp="canva-guide"] .lg-roles dd, [data-cmp="canva-guide"].lg-roles dd { margin: 0; color: var(--text-secondary); line-height: 1.6; }
@media (min-width: 640px) {
  [data-cmp="canva-guide"] .lg-roles > div, [data-cmp="canva-guide"].lg-roles > div { grid-template-columns: 14rem 1fr; align-items: baseline;
    column-gap: var(--space-5); }}