/* Only the three commercial sections in the operator's main column use these offer cards. */
.operator-details-page .operator-commercial { border: 0; border-radius: 0; background: transparent; }
.operator-commercial .operator-commercial__heading { display: flex; align-items: flex-start; gap: .75rem; margin: .75rem 0 .875rem; padding: 0; }
.operator-commercial__heading > div { flex: 1; min-width: 0; }
.operator-commercial .operator-commercial__heading h2 { margin: 0; font-size: var(--text-card-title); line-height: 1.45; scroll-margin-block-start: 6rem; }
.operator-commercial__heading p { margin: .25rem 0 0; color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.6; }
.operator-commercial__icon { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; border: 1px solid var(--color-border); border-radius: .5rem; background: var(--color-surface); color: var(--color-text-secondary); }
.operator-commercial__count { display: grid; place-items: center; min-width: 1.75rem; min-height: 1.75rem; padding: .125rem .375rem; border: 1px solid var(--color-border-soft); border-radius: .375rem; color: var(--color-text-muted); font-family: var(--font-mono); font-size: var(--text-sm); }
.operator-commercial__cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; }
.operator-details-page .operator-commercial .commercial-offer { min-width: 0; padding: 0; border: 1px solid var(--color-border); border-radius: .5rem; background: var(--color-surface); box-shadow: 0 1px 2px rgb(0 0 0 / 2%); }
.commercial-offer__body { display: grid; gap: .875rem; padding: 1.125rem; }
.commercial-offer__identity { min-width: 0; }
.operator-details-page .commercial-offer h3 { font-size: var(--text-card-title); font-weight: 650; line-height: 1.45; letter-spacing: -.015em; }
.commercial-offer__benefit { margin: .375rem 0 0; color: var(--color-text); font-size: var(--text-sm); font-weight: 400; line-height: 1.6; overflow-wrap: anywhere; }
.commercial-offer__benefit > span { font-family: var(--font-mono); }
.commercial-offer__summary { margin: .375rem 0 0; color: var(--color-text-secondary); font-size: var(--text-sm); line-height: 1.6; white-space: pre-line; }
.commercial-offer__caveat, .commercial-offer__notice { margin: 0; color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.6; }
.commercial-offer__notice { padding: .625rem .75rem; border-inline-start: 2px solid var(--color-brand); background: var(--color-background); color: var(--color-text); }
.commercial-offer__conditions { border-block-start: 1px solid var(--color-border-soft); }
.commercial-offer__conditions > summary { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .875rem 1.125rem; color: var(--color-text-secondary); font-size: var(--text-sm); font-weight: 500; cursor: pointer; list-style: none; }
.commercial-offer__conditions > summary::-webkit-details-marker { display: none; }
.commercial-offer__conditions > summary svg { flex: 0 0 auto; transition: transform 150ms ease; }
.commercial-offer__conditions[open] > summary svg { transform: rotate(180deg); }
.commercial-offer__conditions > summary:hover { color: var(--color-text); background: var(--color-background); }
.commercial-offer__conditions > summary:focus-visible { outline: 2px solid var(--color-brand); outline-offset: -3px; border-radius: .25rem; }
.commercial-offer__condition-body { padding: 0 1.125rem 1.125rem; }
.commercial-offer__condition-body dl { display: grid; gap: 1rem; margin: 0; }
.commercial-offer__condition-body p { margin: 0 0 1rem; color: var(--color-text-secondary); font-size: var(--text-base); line-height: 1.75; white-space: pre-line; }
.commercial-offer__condition-body dt { margin: 0 0 .375rem; font-size: var(--text-sm); font-weight: 600; color: var(--color-text); }
.commercial-offer__condition-body dd { margin: 0; color: var(--color-text-secondary); font-size: var(--text-base); line-height: 1.75; white-space: pre-line; }
.operator-details-page .operator-commercial .commercial-offer__targets { margin: 0; padding: 0; border-block-start: 1px solid var(--color-border-soft); }
.operator-details-page .operator-commercial .commercial-offer__targets summary { padding: .875rem 1.125rem; font-size: var(--text-sm); font-weight: 500; }
.operator-details-page .operator-commercial .commercial-offer__targets ul { margin: 0; padding: 0 1.125rem 1.125rem; max-height: none; overflow: visible; }
.operator-details-page .operator-commercial .commercial-offer__targets li { padding: .75rem 0; }
.commercial-offer__footer { display: flex; align-items: center; flex-wrap: wrap; gap: .375rem .5rem; padding: .75rem 1.125rem; border-block-start: 1px solid var(--color-border-soft); border-radius: 0 0 .5rem .5rem; background: var(--color-background); color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.5; }
.commercial-offer__footer svg { flex: 0 0 auto; }
.commercial-offer__footer time { margin-inline-start: auto; color: var(--color-text-secondary); font-weight: 500; }
@media (max-width: 36rem) {
  .operator-commercial .operator-commercial__heading { gap: .625rem; }
  .operator-commercial__icon { width: 2rem; height: 2rem; }
  .commercial-offer__body { padding: .875rem; }
  .commercial-offer__conditions > summary, .operator-details-page .operator-commercial .commercial-offer__targets summary { padding: .875rem; }
  .commercial-offer__condition-body, .operator-details-page .operator-commercial .commercial-offer__targets ul { padding-inline: .875rem; }
  .commercial-offer__footer { padding: .75rem .875rem; }
  .commercial-offer__footer time { flex-basis: 100%; margin: 0; padding-inline-start: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .commercial-offer__conditions > summary svg { transition: none; }
}