/* Como Apostar — modalidade rows (name · rule · real example), inversão chips, RG notice. */

.ca-lead { max-width: 62ch; }
.ca-mods { margin-top: var(--space-7); border-top: 1px solid var(--color-ink); }
.ca-mod { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 4fr); gap: var(--space-4) clamp(1.5rem, 3vw, 3rem); padding: var(--space-6) 0; border-bottom: 1px solid var(--color-line); scroll-margin-top: calc(var(--header-h) + 1rem); }
.ca-mod__h { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: 0 var(--space-3); align-items: baseline; } /* 2.25rem: index column */
.ca-mod__n { font-size: var(--fs-micro); color: var(--color-brand); }
.ca-mod h3 { font-size: var(--fs-h3); line-height: 1.05; }
.ca-mod__sel { grid-column: 2; margin-top: var(--space-2); font-size: var(--fs-small); color: var(--color-ink-2); }
.ca-mod__rule { font-size: 1.0625rem; line-height: 1.55; max-width: 44ch; }
.ca-mod__ex { border-left: 1px solid var(--color-line); padding-left: clamp(1rem, 2vw, 1.75rem); }
.ca-mod__ex .lbl { margin-bottom: var(--space-2); }
.ca-ex { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-4); padding: .45rem 0; border-bottom: 1px solid var(--color-line); }
.ca-ex__c { color: var(--color-ink-2); font-size: var(--fs-small); overflow-wrap: anywhere; }
.ca-ex__v { font-family: var(--font-display); font-size: 1.75rem; line-height: 1; color: var(--color-ink); }
.ca-ex__v--na { color: var(--color-ink-2); }
.ca-ex__t { margin-top: var(--space-3); font-size: var(--fs-small); color: var(--color-ink-2); }

.ca-prose { margin-top: var(--space-5); font-size: 1rem; }
.ca-prose p { color: var(--color-ink-2); }
.ca-facts dd { font-size: var(--fs-small); }
.ca-inv { font-size: .9375rem; color: var(--color-ink-2); max-width: 56ch; }
.ca-inv--s { margin-top: var(--space-3); font-size: var(--fs-small); }
.ca-perm { display: grid; grid-template-columns: repeat(3, max-content); gap: var(--space-2); margin-top: var(--space-4); }
.ca-perm li { padding: .45rem .8rem; border: 1px solid var(--color-line-strong); border-radius: var(--radius-pill); font-size: var(--fs-small); background: var(--color-surface); }
.ca-perm li.is-hit { border-color: var(--color-brand); color: var(--color-brand-ink); background: var(--color-brand-wash); }

.ca-rg { padding: var(--space-6); }
.ca-rg h2 { font-size: var(--fs-h3); line-height: 1.1; margin: 0; }
.ca-rg p { margin-top: var(--space-3); color: var(--color-ink-2); font-size: .9375rem; max-width: 66ch; }
.ca-rg .links { margin-top: var(--space-4); }
.ca-q { font: inherit; margin: 0; }

@media (max-width: 1080px) {
  .ca-mod { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ca-mod__h { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .ca-mod { grid-template-columns: 1fr; padding: var(--space-5) 0; }
  .ca-mod__ex { border-left: 0; padding-left: 0; }
  .ca-rg { padding: var(--space-5) var(--space-4); }
}