/* AR99 and Mimosa AR99-MY product content; shared site tokens remain authoritative. */
body.ar99-platform-page main .ar99-platform-section {
  padding-block: var(--layout-section-space);
  border-top: 1px solid var(--color-border);
}
body.ar99-platform-page main .ar99-platform-section--soft { background: var(--color-bg-soft); }
body.ar99-platform-page main .ar99-platform-shell {
  width: 100%;
  max-width: var(--layout-content-max);
  margin-inline: auto;
  padding-inline: var(--layout-gutter);
  box-sizing: border-box;
}
body.ar99-platform-page main .ar99-platform-heading { max-width: 68ch; margin-bottom: 28px; }
body.ar99-platform-page main .ar99-platform-heading > p { color: var(--color-text-secondary); }
body.ar99-platform-page main .ar99-platform-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
body.ar99-platform-page main .ar99-platform-card {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-surface);
  background: var(--color-bg);
}
body.ar99-platform-page main .ar99-platform-card > :last-child { margin-bottom: 0; }
body.ar99-platform-page main .ar99-platform-card p { color: var(--color-text-secondary); }
body.ar99-platform-page main .ar99-platform-summary { margin: 0; }
body.ar99-platform-page main .ar99-platform-summary > div {
  display: grid;
  grid-template-columns: minmax(94px, .36fr) minmax(0, 1fr);
  gap: 12px;
  padding-block: 10px;
  border-bottom: 1px solid var(--color-border);
}
body.ar99-platform-page main .ar99-platform-summary > div:last-child { border-bottom: 0; }
body.ar99-platform-page main .ar99-platform-summary dt { font-weight: 600; }
body.ar99-platform-page main .ar99-platform-summary dd { margin: 0; color: var(--color-text-secondary); }
body.ar99-platform-page main .ar99-platform-meta { color: var(--color-text-secondary); margin-top: 20px; }
body.ar99-platform-page main .ar99-platform-note {
  margin-block: 24px 0;
  padding: 18px 20px;
  border-left: 3px solid var(--color-primary);
  background: var(--color-bg-soft);
  color: var(--color-text-secondary);
}
body.ar99-platform-page main .ar99-platform-section--soft .ar99-platform-note { background: var(--color-bg); }
body.ar99-platform-page main .ar99-platform-specs { width: 100%; border-collapse: collapse; table-layout: fixed; }
body.ar99-platform-page main .ar99-platform-specs caption { text-align: left; margin-bottom: 16px; font-weight: 600; }
body.ar99-platform-page main .ar99-platform-specs :is(th, td) {
  border-bottom: 1px solid var(--color-border);
  padding: 15px 18px;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
body.ar99-platform-page main .ar99-platform-specs th { width: 30%; font-weight: 600; background: var(--color-bg-soft); }
body.ar99-platform-page main .ar99-platform-specs td { background: var(--color-bg); }
body.ar99-platform-page main .ar99-platform-specs thead th { background: var(--color-primary); color: #fff; }
body.ar99-platform-page main .ar99-platform-list { padding-left: 22px; margin-block: 16px 0; }
body.ar99-platform-page main .ar99-platform-list li + li { margin-top: 10px; }
body.ar99-platform-page main .ar99-platform-buyers { columns: 2; column-gap: 40px; }
body.ar99-platform-page main .ar99-platform-buyers li { break-inside: avoid; }
body.ar99-platform-page main .ar99-platform-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  list-style: none;
  counter-reset: ar99-program;
  padding: 0;
  margin: 28px 0 0;
}
body.ar99-platform-page main .ar99-platform-steps > li {
  min-width: 0;
  padding: 20px;
  background: var(--color-bg-soft);
  border-radius: var(--radius-surface);
  counter-increment: ar99-program;
}
body.ar99-platform-page main .ar99-platform-steps > li::before {
  content: counter(ar99-program, decimal-leading-zero);
  display: block;
  margin-bottom: 12px;
  color: var(--color-primary);
  font-weight: 600;
}
body.ar99-platform-page main .ar99-platform-steps p { color: var(--color-text-secondary); margin-bottom: 0; }
body.ar99-platform-page main .ar99-platform-faq details {
  border-bottom: 1px solid var(--color-border);
  padding-block: 6px;
}
body.ar99-platform-page main .ar99-platform-faq summary {
  cursor: pointer;
  padding-block: 16px;
  font-weight: 600;
  min-height: 48px;
  box-sizing: border-box;
  color: var(--color-text-main);
}
body.ar99-platform-page main .ar99-platform-faq summary::marker { color: var(--color-primary); }
body.ar99-platform-page main .ar99-platform-faq details p { max-width: 78ch; margin: 0 0 20px; color: var(--color-text-secondary); }
body.ar99-platform-page main .ar99-platform-faq summary:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 3px; }
body.ar99-platform-page main .ar99-platform-gallery { display: grid; gap: 24px; }
body.ar99-platform-page main .ar99-platform-gallery > img { display: block; width: 100%; height: auto; object-fit: contain; }
body.ar99-platform-page main .ar99-media img { height: auto; aspect-ratio: auto; object-fit: contain; }
body.ar99-platform-page main .ar99-platform-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
body.ar99-platform-page main .ar99-platform-actions > a { max-width: 100%; white-space: normal; }
@media (max-width: 1000px) {
  body.ar99-platform-page main .ar99-platform-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  body.ar99-platform-page main .ar99-platform-grid { grid-template-columns: 1fr; }
  body.ar99-platform-page main .ar99-platform-card { padding: 20px; }
  body.ar99-platform-page main .ar99-platform-buyers { columns: 1; }
  body.ar99-platform-page main .ar99-platform-specs :is(th, td) { padding: 12px 10px; }
  body.ar99-platform-page main .ar99-platform-specs th { width: 36%; }
}
@media (max-width: 420px) {
  body.ar99-platform-page main .ar99-platform-steps { grid-template-columns: 1fr; }
  body.ar99-platform-page main .ar99-platform-summary > div { grid-template-columns: 1fr; gap: 3px; }
  body.ar99-platform-page main .ar99-platform-actions > a { width: 100%; }
}