/* Selected editorial layout: teal introduction, ivory reading area. */
.platform-section { background: var(--ivory); color: var(--navy); }
.platform-banner { background: #087970; color: white; border-bottom: 4px solid var(--green); }
.platform-heading.section { padding-top: 58px; padding-bottom: 56px; }
.platform-heading .eyebrow { color: #e0f0e9; }
.platform-section .platform-heading h2 { color: white; margin: 18px 0 0; font-size: clamp(38px, 4.3vw, 60px); line-height: 1.1; letter-spacing: -.025em; text-wrap: initial; }
.platform-section .priorities-inner { padding-top: 50px; padding-bottom: 54px; }
.platform-editorial-grid { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 74px; align-items: start; }
.platform-index { position: sticky; top: 126px; display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 0; font-size: 15px; font-weight: 400; }
.platform-index a { display: flex; align-items: center; gap: 17px; padding: 16px 15px; border-bottom: 1px solid #d7ddd6; border-left: 3px solid transparent; text-decoration: none; }
.platform-index a span { font-size: 10px; color: #637b78; font-weight: 500; }
.platform-index a:hover { background: #f0f3eb; border-bottom-color: #087970; }
.platform-index a[aria-current] { background: #e6eee7; border-left-color: #087970; color: #075f59; font-weight: 600; }
.platform-full { min-width: 0; }
.platform-group { padding: 0 0 54px; scroll-margin-top: 12px; }
.platform-group + .platform-group { padding-top: 18px; }
.platform-group-heading h3 { font: 400 44px/1.1 var(--serif); margin: 0 0 16px; letter-spacing: -.025em; }
.platform-group-heading > p { color: #5a6e79; font-size: 16px; line-height: 1.7; margin-bottom: 27px; max-width: 66ch; }
.platform-topic { border-top: 1px solid #d7ddd6; }
.platform-topic:last-child { border-bottom: 1px solid #d7ddd6; }
.platform-topic summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 23px 0; font-size: 16px; line-height: 1.55; font-weight: 500; cursor: pointer; list-style: none; }
.platform-topic summary::-webkit-details-marker { display: none; }
.platform-topic summary:hover { color: #087970; }
.platform-toggle { position: relative; flex: 0 0 16px; height: 16px; }
.platform-toggle::before,.platform-toggle::after { content: ''; background: #087970; position: absolute; }
.platform-toggle::before { left: 0; top: 7px; width: 16px; height: 1px; }
.platform-toggle::after { left: 7px; top: 0; width: 1px; height: 16px; }
.platform-topic[open] .platform-toggle::after { display: none; }
.platform-topic[open] summary { color: #075f59; }
.platform-topic-body { padding: 0 24px 26px 0; font-size: 16px; line-height: 1.85; color: #435b69; }
.platform-topic-body ul { border-left: 2px solid #93bbb0; padding: 15px 20px 15px 37px; margin: 22px 0 0; background: #edf2eb; }
.platform-topic-body li { padding-left: 5px; margin-top: 12px; }
.platform-topic-body li:first-child { margin-top: 0; }
.platform-topic-body li::marker { color: #087970; }
.platform-section .landscape { margin-top: 22px; border-top: 1px solid #d7ddd6; padding-top: 40px; }
.platform-section .landscape figcaption { color: #5a6e79; }
.about-photo img.selected-couple-photo { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
@media(max-width:1100px) { .platform-editorial-grid { grid-template-columns: 185px minmax(0,1fr); gap: 42px; } }
@media(max-width:760px) {
  .platform-heading.section { padding-top: 38px; padding-bottom: 38px; }
  .platform-section .platform-heading h2 { font-size: 38px; }
  .platform-section .priorities-inner { padding-top: 0; }
  .platform-editorial-grid { grid-template-columns: 1fr; gap: 28px; }
  .js .platform-index,.platform-index { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; width: 100%; position: sticky; top: 84px; z-index: 10; background: var(--ivory); padding: 14px 0; gap: 0; }
  .platform-index a { flex: 1; justify-content: center; gap: 7px; padding: 11px 7px; border-left: 0; font-size: 13px; }
  .platform-index a span { font-size: 9px; }
  .platform-index a[aria-current] { border-bottom: 2px solid #087970; }
  .platform-group { scroll-margin-top: 74px; padding-bottom: 36px; }
  .platform-group + .platform-group { padding-top: 12px; }
  .platform-group-heading h3 { font-size: 38px; margin-bottom: 14px; }
  .platform-group-heading > p { font-size: 15px; margin-bottom: 24px; }
  .platform-topic summary { font-size: 15px; padding: 21px 0; gap: 18px; }
  .platform-topic-body { padding-right: 0; font-size: 15px; }
  .platform-topic-body ul { padding: 13px 15px 13px 29px; }
  .platform-section .landscape { margin-top: 4px; padding-top: 28px; }
}