.flex-page{max-width:1200px}.flex-intro{padding:32px 0 16px}.flex-intro h1{max-width:950px;margin:0 0 24px}.flex-intro>p{max-width:890px}.flex-intro .eyebrow{color:var(--red);font-size:.875rem}.flex-filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 12px}.flex-filters button{border:1px solid #cbd1d6;background:#fff;color:#15232c;padding:12px 16px;min-height:48px;font:inherit;font-weight:650;cursor:pointer}.flex-filters button[aria-pressed=true]{background:#121b22;border-color:#121b22;color:#fff;box-shadow:inset 0 -3px #e30613}.flex-page .flex-filter-status{font-size:.875rem;color:#53616d}.flex-families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 40px}.flex-family{display:flex;flex-direction:column;padding:28px;border:1px solid #d3d9dd;background:#fff;min-width:0}.flex-brand{display:inline-block;color:#c9000b;font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:12px}.flex-family h3{font-size:1.2rem;line-height:1.45;margin:0}.flex-family p{margin:18px 0 0}.flex-family .flex-note{font-size:.875rem;color:#53616d;border-left:3px solid #d5dade;padding-left:12px}.flex-examples{margin:8px 0 20px}.flex-examples .flex-status{font-size:.875rem;font-weight:650}.flex-examples ul{margin:10px 0;padding:0;list-style:none}.flex-examples li{font-size:.875rem}.flex-examples a{display:block;padding:9px 0;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.flex-actions{display:grid;gap:12px;margin-top:auto}.flex-catalog-link{padding:12px;border:1px solid #26333c;text-align:center;min-height:48px;font-size:1rem;font-weight:700}.flex-actions .button{display:flex;align-items:center;justify-content:center;font-size:1rem;letter-spacing:0;text-transform:none;min-height:48px}.flex-help{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:32px;background:#121b22;color:#fff;margin:40px 0}.flex-help h2{margin:0}.flex-help p{margin-bottom:0;color:#d2d9de}.flex-help .button{font-size:1rem;letter-spacing:0}.flex-faq summary{font-size:1rem;line-height:1.6;min-height:44px}.flex-faq a{text-decoration:underline;text-underline-offset:3px}.flex-category-prompt{padding:24px;background:#e9edf0;margin:32px 0}.flex-category-prompt h2{margin-top:0}
@media(max-width:760px){.flex-intro{padding-top:24px}.flex-page h1{font-size:clamp(2rem,8vw,3rem)}.flex-families{grid-template-columns:1fr;gap:16px}.flex-family{padding:22px 18px}.flex-filters{gap:8px}.flex-filters button{flex:1 1 140px;text-align:left;font-size:.875rem}.flex-help{grid-template-columns:1fr;padding:24px 20px;gap:20px}.flex-help .button{width:100%}}