/* quickbooks-guide — the lg-* legal layout, scoped per page (sibling of amazon-guide / zoom-guide) */
[data-cmp="quickbooks-guide"] .lg, [data-cmp="quickbooks-guide"].lg { background: color-mix(in srgb, var(--surface-subtle) 60%, var(--surface-base)); }
[data-cmp="quickbooks-guide"] .lg-head, [data-cmp="quickbooks-guide"].lg-head { background: var(--surface-base); border-bottom: 1px solid var(--border-default); }
[data-cmp="quickbooks-guide"] .lg-head-inner, [data-cmp="quickbooks-guide"].lg-head-inner { max-width: 48rem; margin-inline: auto; padding: var(--space-6); }
[data-cmp="quickbooks-guide"] .lg-head-inner h1, [data-cmp="quickbooks-guide"].lg-head-inner h1 { margin: 0; font-size: 1.875rem; font-weight: 700; }
[data-cmp="quickbooks-guide"] .lg-head-inner p, [data-cmp="quickbooks-guide"].lg-head-inner p { margin: var(--space-2) 0 0; color: var(--text-muted); }
[data-cmp="quickbooks-guide"] .lg-main, [data-cmp="quickbooks-guide"].lg-main { max-width: 48rem; margin-inline: auto; padding: var(--space-12) var(--space-6); }
[data-cmp="quickbooks-guide"] .lg-card, [data-cmp="quickbooks-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="quickbooks-guide"] .lg-card section h2, [data-cmp="quickbooks-guide"].lg-card section h2 { margin: 0 0 var(--space-3); font-size: 1.25rem; font-weight: 700; }
[data-cmp="quickbooks-guide"] .lg-card section h3, [data-cmp="quickbooks-guide"].lg-card section h3 { margin: var(--space-6) 0 var(--space-2); font-size: 1.125rem; font-weight: 600; }
[data-cmp="quickbooks-guide"] .lg-card section p, [data-cmp="quickbooks-guide"].lg-card section p { margin: 0 0 var(--space-3); line-height: 1.7; color: var(--text-secondary); }
[data-cmp="quickbooks-guide"] .lg-card section p:last-child, [data-cmp="quickbooks-guide"].lg-card section p:last-child { margin-bottom: 0; }
[data-cmp="quickbooks-guide"] .lg-card section ul, [data-cmp="quickbooks-guide"].lg-card section ul, [data-cmp="quickbooks-guide"] .lg-card section ol, [data-cmp="quickbooks-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="quickbooks-guide"] .lg-card section ul, [data-cmp="quickbooks-guide"].lg-card section ul { list-style: disc; }
[data-cmp="quickbooks-guide"] .lg-card section ol, [data-cmp="quickbooks-guide"].lg-card section ol { list-style: decimal; }
[data-cmp="quickbooks-guide"] .lg-card code, [data-cmp="quickbooks-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="quickbooks-guide"] .lg-card a, [data-cmp="quickbooks-guide"].lg-card a { color: var(--accent); text-decoration: none; }
@media (hover: hover) and (pointer: fine) { [data-cmp="quickbooks-guide"] .lg-card a:hover, [data-cmp="quickbooks-guide"].lg-card a:hover { text-decoration: underline; }}

/* the reads / writes reference lists — 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="quickbooks-guide"] .lg-roles, [data-cmp="quickbooks-guide"].lg-roles { margin: 0; }
[data-cmp="quickbooks-guide"] .lg-roles > div, [data-cmp="quickbooks-guide"].lg-roles > div { display: grid; gap: 2px; padding: var(--space-3) 0;
  border-top: 1px solid var(--border-default); }
[data-cmp="quickbooks-guide"] .lg-roles > div:first-child, [data-cmp="quickbooks-guide"].lg-roles > div:first-child { border-top: 0; padding-top: 0; }
[data-cmp="quickbooks-guide"] .lg-roles dt, [data-cmp="quickbooks-guide"].lg-roles dt { font-weight: 600; color: var(--text-primary); }
[data-cmp="quickbooks-guide"] .lg-roles dd, [data-cmp="quickbooks-guide"].lg-roles dd { margin: 0; color: var(--text-secondary); line-height: 1.6; }
@media (min-width: 640px) {
  [data-cmp="quickbooks-guide"] .lg-roles > div, [data-cmp="quickbooks-guide"].lg-roles > div { grid-template-columns: 14rem 1fr; align-items: baseline;
    column-gap: var(--space-5); }}

/* the arrival-notice cards (?disconnected=1 and ?connect=1) */
[data-cmp="quickbooks-guide"] .lg-eyebrow, [data-cmp="quickbooks-guide"].lg-eyebrow { display: inline-block; margin-bottom: var(--space-2); font-size: 0.75rem;
  font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent); }