[data-salle-de-cartes] {
  padding-block: var(--space-12) var(--space-16);
}

[data-salle-de-cartes] .sdc-section {
  margin-block-start: var(--space-16);
}

[data-salle-de-cartes] .sdc-section:first-child {
  margin-block-start: 0;
}

[data-salle-de-cartes] .sdc-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--grid-gap);
  min-width: 0;
}

[data-salle-de-cartes] .sdc-grid > * {
  min-width: 0;
  width: 100%;
}

[data-salle-de-cartes] .sdc-copy-stack,
[data-salle-de-cartes] .sdc-card-stack,
[data-salle-de-cartes] .sdc-rail,
[data-salle-de-cartes] .sdc-intent-panel,
[data-salle-de-cartes] .sdc-cta-stack {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-4);
}

[data-salle-de-cartes] .sdc-copy-stack > *,
[data-salle-de-cartes] .sdc-card-stack > *,
[data-salle-de-cartes] .sdc-rail > *,
[data-salle-de-cartes] .sdc-intent-panel > *,
[data-salle-de-cartes] .sdc-cta-stack > * {
  margin: 0;
}

[data-salle-de-cartes] .sdc-section-intro {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-4);
}

[data-salle-de-cartes] .sdc-section-intro > * {
  margin: 0;
}

[data-salle-de-cartes] .sdc-section-intro p {
  color: var(--color-muted);
}

[data-salle-de-cartes] .sdc-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  min-width: 0;
}

[data-salle-de-cartes] .sdc-button-row > * {
  min-width: 0;
}

[data-salle-de-cartes] .sdc-status-cell,
[data-salle-de-cartes] .sdc-info-card,
[data-salle-de-cartes] .sdc-format-card,
[data-salle-de-cartes] .sdc-step,
[data-salle-de-cartes] .sdc-choice-card,
[data-salle-de-cartes] .sdc-rhythm-panel,
[data-salle-de-cartes] .sdc-clarity {
  border: var(--border);
  background: var(--color-panel);
}

[data-salle-de-cartes] .sdc-status-cell {
  display: flex;
  flex-direction: column;
  min-height: 5.25rem;
  padding: var(--space-4);
  gap: var(--space-2);
}

[data-salle-de-cartes] .sdc-status-cell p {
  margin: 0;
  color: var(--color-muted);
  font-size: var(--text-secondary);
  line-height: var(--line-secondary);
}

[data-salle-de-cartes] .sdc-hero-copy {
  grid-column: span 7;
  align-self: start;
  padding: var(--space-8);
  border: var(--border);
  background: var(--color-panel);
}

[data-salle-de-cartes] .sdc-hero-copy .lead {
  max-width: 42ch;
}

[data-salle-de-cartes] .sdc-hero-rail {
  grid-column: span 5;
  align-self: start;
}

[data-salle-de-cartes] .sdc-hero-media {
  grid-column: span 7;
  margin: 0;
  border: var(--border);
}

[data-salle-de-cartes] .sdc-hero-media figcaption,
[data-salle-de-cartes] .sdc-image-frame figcaption {
  margin: 0;
  padding: var(--space-3) var(--space-4);
  border-top: var(--border);
  background: var(--color-panel);
}

[data-salle-de-cartes] .sdc-hero-media .media-16x9 {
  width: 100%;
}

[data-salle-de-cartes] .sdc-map-intro {
  grid-column: span 4;
}

[data-salle-de-cartes] .sdc-map-intro p {
  max-width: 40ch;
}

[data-salle-de-cartes] .sdc-map-cards {
  grid-column: span 8;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
  min-width: 0;
}

[data-salle-de-cartes] .sdc-info-card,
[data-salle-de-cartes] .sdc-format-card,
[data-salle-de-cartes] .sdc-choice-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: var(--space-5);
  gap: var(--space-4);
}

[data-salle-de-cartes] .sdc-info-card > *,
[data-salle-de-cartes] .sdc-format-card > *,
[data-salle-de-cartes] .sdc-choice-card > * {
  margin: 0;
}

[data-salle-de-cartes] .sdc-info-card p,
[data-salle-de-cartes] .sdc-format-card p,
[data-salle-de-cartes] .sdc-choice-card p {
  color: var(--color-muted);
}

[data-salle-de-cartes] .sdc-card-link {
  display: inline-flex;
  align-items: center;
  min-height: var(--control-height);
  margin-top: auto;
  font-weight: var(--weight-semibold);
}

[data-salle-de-cartes] .sdc-format-intro {
  grid-column: span 5;
}

[data-salle-de-cartes] .sdc-format-intro .lead {
  max-width: 56ch;
}

[data-salle-de-cartes] .sdc-format-grid {
  grid-column: span 12;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--grid-gap);
  min-width: 0;
}

[data-salle-de-cartes] .sdc-format-card {
  min-height: 17rem;
}

[data-salle-de-cartes] .sdc-format-meta {
  color: var(--color-muted);
  font-size: var(--text-micro);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-micro);
}

[data-salle-de-cartes] .sdc-animation-copy {
  grid-column: span 5;
}

[data-salle-de-cartes] .sdc-animation-copy p {
  max-width: 46ch;
}

[data-salle-de-cartes] .sdc-reperes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: var(--space-2);
  border: var(--border);
}

[data-salle-de-cartes] .sdc-repere {
  padding: var(--space-3) var(--space-4);
  border-top: var(--border);
}

[data-salle-de-cartes] .sdc-repere:first-child {
  border-top: 0;
}

[data-salle-de-cartes] .sdc-repere p {
  max-width: none;
  margin: var(--space-1) 0 0;
  color: var(--color-muted);
  font-size: var(--text-secondary);
}

[data-salle-de-cartes] .sdc-animation-media {
  grid-column: span 7;
  margin: 0;
}

[data-salle-de-cartes] .sdc-image-frame {
  width: 100%;
  margin: 0;
  border: var(--border);
}

[data-salle-de-cartes] .sdc-image-frame .media-4x3 {
  width: 100%;
}

[data-salle-de-cartes] .sdc-restaurant-copy {
  grid-column: span 6;
}

[data-salle-de-cartes] .sdc-restaurant-copy p {
  max-width: 48ch;
}

[data-salle-de-cartes] .sdc-restaurant-side {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--grid-gap);
}

[data-salle-de-cartes] .sdc-restaurant-side > * {
  min-width: 0;
}

[data-salle-de-cartes] .sdc-link-panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: var(--space-5);
  border: var(--border);
  background: var(--color-panel-raised);
  gap: var(--space-4);
}

[data-salle-de-cartes] .sdc-link-panel > * {
  margin: 0;
}

[data-salle-de-cartes] .sdc-link-panel p {
  color: var(--color-muted);
}

[data-salle-de-cartes] .sdc-journey-intro {
  grid-column: span 4;
}

[data-salle-de-cartes] .sdc-journey-intro p {
  max-width: 42ch;
}

[data-salle-de-cartes] .sdc-steps {
  grid-column: span 8;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
  min-width: 0;
}

[data-salle-de-cartes] .sdc-step {
  display: grid;
  grid-template-columns: minmax(4.5rem, 0.8fr) minmax(9rem, 1.5fr) minmax(0, 3fr);
  align-items: start;
  min-width: 0;
}

[data-salle-de-cartes] .sdc-step > * {
  min-width: 0;
  margin: 0;
  padding: var(--space-4);
}

[data-salle-de-cartes] .sdc-step > * + * {
  border-inline-start: var(--border);
}

[data-salle-de-cartes] .sdc-step p {
  color: var(--color-muted);
}

[data-salle-de-cartes] .sdc-step-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-2);
}

[data-salle-de-cartes] .sdc-group-copy {
  grid-column: span 5;
}

[data-salle-de-cartes] .sdc-group-copy p {
  max-width: 46ch;
}

[data-salle-de-cartes] .sdc-choice-grid {
  grid-column: span 7;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--grid-gap);
  min-width: 0;
}

[data-salle-de-cartes] .sdc-choice-card {
  min-height: 17rem;
}

[data-salle-de-cartes] .sdc-faq-intro {
  grid-column: span 4;
}

[data-salle-de-cartes] .sdc-faq-intro p {
  max-width: 40ch;
}

[data-salle-de-cartes] .sdc-faq-list {
  grid-column: span 8;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
  min-width: 0;
}

[data-salle-de-cartes] .sdc-accordion {
  margin: 0;
  border: var(--border);
  background: var(--color-panel);
}

[data-salle-de-cartes] .sdc-accordion-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 3.25rem;
  padding: var(--space-4);
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-text);
  font-family: var(--font-heading);
  font-size: var(--text-card-heading);
  font-weight: var(--weight-semibold);
  line-height: 1.25;
  text-align: left;
}

[data-salle-de-cartes] .sdc-accordion-button:hover {
  border: 0;
  background: var(--color-panel-raised);
  color: var(--color-text);
}

[data-salle-de-cartes] .sdc-accordion-icon {
  flex: 0 0 auto;
  margin-inline-start: var(--space-4);
  color: var(--color-green-highlight);
  font-size: 1.5rem;
  line-height: 1;
}

[data-salle-de-cartes] .sdc-accordion-button[aria-expanded="true"] .sdc-accordion-icon {
  transform: rotate(45deg);
}

[data-salle-de-cartes] .sdc-accordion-panel {
  padding: var(--space-5);
  border-top: var(--border);
}

[data-salle-de-cartes] .sdc-accordion-panel p {
  max-width: 65ch;
  margin: 0;
  color: var(--color-muted);
}

[data-salle-de-cartes] .sdc-rhythm-copy {
  grid-column: span 5;
}

[data-salle-de-cartes] .sdc-rhythm-copy p {
  max-width: 46ch;
}

[data-salle-de-cartes] .sdc-rhythm-panel {
  grid-column: span 7;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: var(--space-5);
  gap: var(--space-4);
}

[data-salle-de-cartes] .sdc-rhythm-panel > * {
  margin: 0;
}

[data-salle-de-cartes] .sdc-rhythm-bars {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
  min-height: 11rem;
  gap: var(--space-3);
}

[data-salle-de-cartes] .sdc-rhythm-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 0;
  min-height: 100%;
  border: var(--border);
  background: var(--color-void);
}

[data-salle-de-cartes] .sdc-rhythm-fill {
  display: block;
  width: 100%;
  background: var(--color-green);
}

[data-salle-de-cartes] .sdc-rhythm-item:nth-child(1) .sdc-rhythm-fill { height: 35%; }
[data-salle-de-cartes] .sdc-rhythm-item:nth-child(2) .sdc-rhythm-fill { height: 58%; }
[data-salle-de-cartes] .sdc-rhythm-item:nth-child(3) .sdc-rhythm-fill { height: 78%; }
[data-salle-de-cartes] .sdc-rhythm-item:nth-child(4) .sdc-rhythm-fill { height: 48%; }

[data-salle-de-cartes] .sdc-rhythm-label {
  display: block;
  padding: var(--space-3);
  border-top: var(--border);
  background: var(--color-panel);
  color: var(--color-text);
  font-size: var(--text-secondary);
  font-weight: var(--weight-semibold);
  line-height: var(--line-secondary);
}

[data-salle-de-cartes] .sdc-rhythm-panel > p {
  color: var(--color-muted);
  font-size: var(--text-secondary);
}

[data-salle-de-cartes] .sdc-final-copy {
  grid-column: span 7;
}

[data-salle-de-cartes] .sdc-final-copy .lead {
  max-width: 46ch;
}

[data-salle-de-cartes] .sdc-final-panel {
  grid-column: span 5;
  padding: var(--space-5);
  border: var(--border);
  background: var(--color-panel-raised);
}

[data-salle-de-cartes] .sdc-intent-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border: var(--border);
}

[data-salle-de-cartes] .sdc-intent-list a {
  display: flex;
  align-items: center;
  min-height: var(--control-height);
  padding: var(--space-3);
  border-top: var(--border);
  color: var(--color-text);
  font-size: var(--text-secondary);
  font-weight: var(--weight-semibold);
  text-decoration: none;
}

[data-salle-de-cartes] .sdc-intent-list a:first-child {
  border-top: 0;
}

[data-salle-de-cartes] .sdc-intent-list a:hover {
  background: var(--color-panel);
  color: var(--color-green-highlight);
}

[data-salle-de-cartes] .sdc-clarity-wrap {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

[data-salle-de-cartes] .sdc-clarity {
  grid-column: 4 / span 7;
  padding: var(--space-5);
}

[data-salle-de-cartes] .sdc-clarity p {
  max-width: 44ch;
  margin: var(--space-3) 0 0;
  color: var(--color-text);
}

@media (max-width: 1023px) {
  [data-salle-de-cartes] .sdc-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  [data-salle-de-cartes] .sdc-hero-copy { grid-column: span 5; }
  [data-salle-de-cartes] .sdc-hero-rail { grid-column: span 3; }
  [data-salle-de-cartes] .sdc-hero-media { grid-column: span 8; }
  [data-salle-de-cartes] .sdc-map-intro,
  [data-salle-de-cartes] .sdc-format-intro,
  [data-salle-de-cartes] .sdc-animation-copy,
  [data-salle-de-cartes] .sdc-restaurant-copy,
  [data-salle-de-cartes] .sdc-journey-intro,
  [data-salle-de-cartes] .sdc-group-copy,
  [data-salle-de-cartes] .sdc-faq-intro,
  [data-salle-de-cartes] .sdc-rhythm-copy,
  [data-salle-de-cartes] .sdc-final-copy { grid-column: span 8; }

  [data-salle-de-cartes] .sdc-map-cards { grid-column: span 8; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-salle-de-cartes] .sdc-map-cards > :last-child { grid-column: span 2; }
  [data-salle-de-cartes] .sdc-format-grid { grid-column: span 8; }
  [data-salle-de-cartes] .sdc-animation-media { grid-column: span 8; }
  [data-salle-de-cartes] .sdc-restaurant-side { grid-column: span 8; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); }
  [data-salle-de-cartes] .sdc-restaurant-side .sdc-link-panel { grid-column: span 3; }
  [data-salle-de-cartes] .sdc-restaurant-side .sdc-image-frame { grid-column: span 5; }
  [data-salle-de-cartes] .sdc-steps,
  [data-salle-de-cartes] .sdc-choice-grid,
  [data-salle-de-cartes] .sdc-faq-list,
  [data-salle-de-cartes] .sdc-rhythm-panel,
  [data-salle-de-cartes] .sdc-final-panel { grid-column: span 8; }
  [data-salle-de-cartes] .sdc-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-salle-de-cartes] .sdc-clarity-wrap { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  [data-salle-de-cartes] .sdc-clarity { grid-column: 2 / span 6; }
}

@media (max-width: 759px) {
  [data-salle-de-cartes] { padding-block: var(--space-8) var(--space-12); }
  [data-salle-de-cartes] .sdc-section { margin-block-start: var(--space-12); }
  [data-salle-de-cartes] .sdc-grid,
  [data-salle-de-cartes] .sdc-clarity-wrap { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  [data-salle-de-cartes] .sdc-hero-copy,
  [data-salle-de-cartes] .sdc-hero-rail,
  [data-salle-de-cartes] .sdc-hero-media,
  [data-salle-de-cartes] .sdc-map-intro,
  [data-salle-de-cartes] .sdc-map-cards,
  [data-salle-de-cartes] .sdc-format-intro,
  [data-salle-de-cartes] .sdc-format-grid,
  [data-salle-de-cartes] .sdc-animation-copy,
  [data-salle-de-cartes] .sdc-animation-media,
  [data-salle-de-cartes] .sdc-restaurant-copy,
  [data-salle-de-cartes] .sdc-restaurant-side,
  [data-salle-de-cartes] .sdc-journey-intro,
  [data-salle-de-cartes] .sdc-steps,
  [data-salle-de-cartes] .sdc-group-copy,
  [data-salle-de-cartes] .sdc-choice-grid,
  [data-salle-de-cartes] .sdc-faq-intro,
  [data-salle-de-cartes] .sdc-faq-list,
  [data-salle-de-cartes] .sdc-rhythm-copy,
  [data-salle-de-cartes] .sdc-rhythm-panel,
  [data-salle-de-cartes] .sdc-final-copy,
  [data-salle-de-cartes] .sdc-final-panel,
  [data-salle-de-cartes] .sdc-clarity { grid-column: 1; }

  [data-salle-de-cartes] .sdc-hero-rail { order: 1; }
  [data-salle-de-cartes] .sdc-hero-copy { order: 2; padding: var(--space-5); }
  [data-salle-de-cartes] .sdc-hero-media { order: 3; }
  [data-salle-de-cartes] .sdc-map-cards,
  [data-salle-de-cartes] .sdc-format-grid,
  [data-salle-de-cartes] .sdc-choice-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  [data-salle-de-cartes] .sdc-map-cards > :last-child { grid-column: 1; }
  [data-salle-de-cartes] .sdc-info-card,
  [data-salle-de-cartes] .sdc-format-card,
  [data-salle-de-cartes] .sdc-choice-card,
  [data-salle-de-cartes] .sdc-link-panel,
  [data-salle-de-cartes] .sdc-rhythm-panel,
  [data-salle-de-cartes] .sdc-final-panel,
  [data-salle-de-cartes] .sdc-clarity { padding: var(--space-4); }
  [data-salle-de-cartes] .sdc-restaurant-side { display: flex; }
  [data-salle-de-cartes] .sdc-restaurant-side .sdc-link-panel,
  [data-salle-de-cartes] .sdc-restaurant-side .sdc-image-frame { width: 100%; }
  [data-salle-de-cartes] .sdc-step { grid-template-columns: minmax(0, 1fr); }
  [data-salle-de-cartes] .sdc-step > * + * { border-top: var(--border); border-inline-start: 0; }
  [data-salle-de-cartes] .sdc-step > * { padding: var(--space-4); }
  [data-salle-de-cartes] .sdc-rhythm-bars { grid-template-columns: minmax(0, 1fr); min-height: 0; gap: var(--space-3); }
  [data-salle-de-cartes] .sdc-rhythm-item { display: grid; grid-template-columns: 28% minmax(0, 1fr); min-height: 3.5rem; }
  [data-salle-de-cartes] .sdc-rhythm-fill { width: 100%; height: auto !important; }
  [data-salle-de-cartes] .sdc-rhythm-label { display: flex; align-items: center; border-top: 0; border-inline-start: var(--border); }
  [data-salle-de-cartes] .sdc-final-panel { order: 1; }
  [data-salle-de-cartes] .sdc-final-copy { order: 2; }
  [data-salle-de-cartes] .sdc-accordion-panel { padding: var(--space-4); }
  [data-salle-de-cartes] .sdc-button-row { flex-direction: column; align-items: stretch; }
  [data-salle-de-cartes] .sdc-button-row .button { width: 100%; }
}