/* How Rule Cost works and the changelog (templates/marketing_how_rule_cost.html,
   templates/marketing_changelog.html): reading pages on the sales layout. */
.vg-method-lead { max-width: 820px; }
.vg-method-example { margin: 1.1rem 0 0; padding: .9rem 1.1rem; border: 1px solid var(--vg-line); border-radius: 14px; background: #fff; color: var(--vg-text); line-height: 1.6; }
.vg-method { padding-bottom: clamp(2rem, 5vw, 3.5rem); }
.vg-method > * { max-width: 860px; }
.vg-method section { padding-top: clamp(1.4rem, 3vw, 2.2rem); scroll-margin-top: 6rem; }
.vg-method h2 { margin: 0 0 .7rem; font-size: clamp(1.3rem, 2.4vw, 1.6rem); font-weight: 850; letter-spacing: -.02em; color: var(--vg-text); }
.vg-method p, .vg-method li, .vg-method dd { color: var(--vg-muted-strong); font-size: 1.01rem; line-height: 1.7; }
.vg-method p { margin: 0 0 .8rem; }
.vg-method a { color: var(--vg-blue); font-weight: 700; }
.vg-method-terms { margin: 0; display: grid; gap: .25rem; }
.vg-method-terms dt { margin-top: .7rem; font-weight: 800; color: var(--vg-text); }
.vg-method-terms dd { margin: 0; }
.vg-method-list { margin: 0 0 .8rem; padding-left: 1.2rem; list-style: disc; }
.vg-method-list li + li { margin-top: .45rem; }
.vg-method-table-wrap { overflow-x: auto; margin: 0 0 .9rem; border: 1px solid var(--vg-line); border-radius: 14px; background: #fff; }
.vg-method-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.vg-method-table th, .vg-method-table td { padding: .7rem .9rem; text-align: left; vertical-align: top; border-top: 1px solid var(--vg-line); line-height: 1.55; }
.vg-method-table thead th { border-top: 0; font-size: .78rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--vg-muted); }
.vg-method-table tbody th { font-weight: 750; color: var(--vg-text); min-width: 11rem; }
.vg-method-table td { color: var(--vg-muted-strong); }
.vg-changelog { list-style: none; margin: 0; padding: clamp(1.4rem, 3vw, 2.2rem) 0 0; display: grid; gap: 1rem; }
.vg-changelog-week { padding: 1.2rem 1.3rem; border: 1px solid var(--vg-line); border-radius: 16px; background: #fff; }
.vg-changelog-week h2 { margin: 0 0 .6rem; font-size: 1.1rem; }
.vg-changelog-week ul { margin: 0; padding-left: 1.2rem; list-style: disc; }
.vg-changelog-week li + li { margin-top: .5rem; }
.vg-changelog-week strong { color: var(--vg-text); }