/* ST-51: visual platform overview; shared examples keep the homepage's styling. */
body.platform-page .detail-intro { padding-bottom: 2rem; }
body.platform-page .detail-intro .detail-lede { max-width: 42rem; }
body.platform-page .platform-connection { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin: 2.5rem 0 0; padding: 1.5rem 0 0; border-top: 1px solid var(--line); list-style: none; text-align: left; }
body.platform-page .platform-connection li { position: relative; display: flex; gap: .875rem; align-items: center; }
body.platform-page .platform-connection li > .site-icon { width: 2.75rem; height: 2.75rem; flex-shrink: 0; padding: .625rem; border-radius: .5rem; background: var(--lavender); color: var(--primary); }
body.platform-page .platform-connection b { display: block; font-size: .8125rem; font-weight: 600; }
body.platform-page .platform-connection small { display: block; margin-top: .25rem; color: var(--muted); font-size: .6875rem; line-height: 1.5; }
body.platform-page .platform-details { padding-block: 1.5rem 2.5rem; }
body.platform-page .platform-detail { border-bottom: 1px solid var(--line); }
body.platform-page .platform-detail summary { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 3.75rem; padding-block: 1rem; list-style: none; cursor: pointer; color: var(--ink); font-size: .9375rem; font-weight: 500; }
body.platform-page .platform-detail summary::-webkit-details-marker { display: none; }
body.platform-page .platform-detail summary > .site-icon { color: var(--primary); flex-shrink: 0; }
body.platform-page .platform-detail[open] summary > .site-icon { transform: rotate(180deg); }
body.platform-page .platform-detail-body { display: flex; align-items: start; justify-content: space-between; gap: 2rem; padding-block: .5rem 1.5rem; }
body.platform-page .platform-detail-body > p { max-width: 35rem; color: var(--muted); font-size: .875rem; line-height: 1.7; }
body.platform-page .platform-detail-body > .text-link { flex-shrink: 0; font-size: .8125rem; }
body.platform-page .platform-followup { width: min(100%, 25rem); padding: 1.25rem; background: var(--accent-soft); border-radius: .625rem; }
body.platform-page .platform-followup h3 { margin: .75rem 0 .25rem; font-size: 1rem; }
body.platform-page .platform-followup > p:not(.business-eyebrow) { font-size: .8125rem; }
body.platform-page .platform-followup dl { margin: 1rem 0 0; border-top: 1px solid var(--line); padding-top: .75rem; }
body.platform-page .platform-followup dl > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; margin-top: .5rem; font-size: .75rem; }
body.platform-page .platform-followup dt { color: var(--muted); }
body.platform-page .platform-followup dd { margin: 0; }
body.platform-page .platform-newsletter-detail { margin-top: 1.5rem; border-top: 1px solid var(--line); }
body.platform-page .platform-newsletter-detail .platform-detail-body { display: block; }
body.platform-page .platform-newsletter-detail .platform-detail-body p + p { margin-top: 1rem; }
body.platform-page #more-revenue { background: var(--accent-soft); }
body.platform-page .business-space-feature { background: var(--paper); }
body.platform-page .founder-section { padding-block: 3rem; }
body.platform-page .founder-copy h2 { font-size: clamp(1.375rem, 2.4vw, 2rem); }
@media (max-width: 60rem) {
  body.platform-page .platform-connection { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 40rem) {
  body.platform-page .platform-connection { gap: 1.25rem .75rem; }
  body.platform-page .platform-connection li { display: block; }
  body.platform-page .platform-connection li > .site-icon { margin-bottom: .625rem; }
  body.platform-page .platform-detail-body { display: block; }
  body.platform-page .platform-followup { margin-top: 1.25rem; }
  body.platform-page .platform-detail-body > .text-link { margin-top: 1rem; }
}