.platform-list-page {padding-top: 22px;}

.platform-list-page .breadcrumb {margin-bottom: 8px;}

.platform-list-page .list-intro {padding-top: 12px; padding-bottom: 20px;}

.platform-list-page .list-intro p {max-width: 770px;}

.list-platform-tabs {display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 28px;}

.list-platform-tabs a {display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 14px; border: 2px solid var(--ui-strong-border, var(--line-dark)); border-radius: 4px; background: var(--surface); color: var(--text2); box-shadow: 2px 2px 0 var(--ui-shadow, #07100e); font: 700 14px/1.2 var(--head); transition: transform .15s ease, background-color .15s ease, box-shadow .15s ease;}

.list-platform-tabs a:hover {background: var(--surface2); color: var(--text); transform: translate(-1px,-1px);}

.list-platform-tabs a.is-current {background: #91ef53; border-color: #101b17; color: #10251a; box-shadow: 2px 2px 0 #15803d, 4px 4px 0 #101b17;}

.list-section-heading {display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 18px;}

.list-section-heading h2 {margin: 0; color: var(--text); font: 700 clamp(20px, 2vw, 25px)/1.3 var(--head);}

.list-section-heading > span {color: var(--muted); font: 500 14px/1.45 var(--body);}

.platform-list-collection {margin-bottom: 40px;}

.platform-list-page .list-empty {padding: 18px 0; color: var(--text2); font-size: 16px;}

.platform-list-page .list-empty a {color: var(--accent); text-decoration: underline;}

.platform-list-page .list-guide {margin-top: 14px;}

@media (max-width: 600px) {
  .platform-list-page {padding-top: 13px;}

  .platform-list-page .list-intro {padding-top: 8px; padding-bottom: 15px;}

  .list-platform-tabs {gap: 8px; margin-bottom: 23px;}

  .list-platform-tabs a {min-height: 36px; padding: 7px 10px; font-size: 12px;}

  .list-section-heading {margin-bottom: 15px;}

  .list-section-heading > span {font-size: 12px;}
}

@media (prefers-reduced-motion: reduce) {
  .list-platform-tabs a {transition: none;}

  .list-platform-tabs a:hover {transform: none;}
}