.design-feature-selector{padding-top:25px;padding-bottom:8px}.design-feature-selector>p{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.9375rem;font-weight:600;margin-bottom:14px}.design-feature-selector>p>span{font-size:.8125rem;font-weight:400;color:var(--os-muted)}.design-feature-selector nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.design-feature-selector a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:13px 18px;border:1px solid var(--os-line);background:#fff;font-size:1rem}.design-feature-selector a:hover{border-color:var(--os-blue);color:var(--os-blue);background:#edf1ff}.design-feature-selector a>span{color:var(--os-blue)}.design-feature-details{padding-bottom:60px}.design-feature-intro{font-size:.9375rem;color:var(--os-muted);line-height:1.8;margin:-14px 0 32px}.design-feature-detail{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(0,1.45fr);gap:55px;border-top:1px solid var(--os-line);padding:42px 0;scroll-margin-top:130px}.design-feature-label h3{font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1.4;margin:15px 0 20px}.design-feature-label>p{font-size:.8125rem;color:var(--os-muted);margin-top:12px;line-height:1.8}.design-feature-deck{font-size:1.0625rem;line-height:1.95;color:var(--os-ink)}.design-feature-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:24px 0;background:#edf0f5}.design-feature-flow li{padding:18px;font-size:.875rem;line-height:1.8;overflow-wrap:anywhere}.design-feature-flow li+li{border-left:1px solid var(--os-line)}.design-feature-flow li>span{display:block;color:var(--os-blue-text);font-size:.75rem;margin-bottom:4px}.design-feature-example{padding:20px 23px;border-left:3px solid #91a1ba;background:#ffffff80}.design-feature-example h4{font-size:1rem;font-weight:600;line-height:1.6;margin:0 0 8px}.design-feature-example p,.design-feature-limit{font-size:.875rem;line-height:1.9;color:var(--os-muted)}.design-feature-limit{margin-top:21px}.design-feature-copy .os-text-link{font-size:.9375rem;gap:16px;line-height:1.8}.design-feature-copy{min-width:0}@media(max-width:760px){.design-feature-selector nav{grid-template-columns:repeat(2,minmax(0,1fr))}.design-feature-selector a{font-size:.875rem;padding:12px 13px}.design-feature-selector{padding-top:20px}.design-feature-detail{grid-template-columns:1fr;gap:23px;padding:30px 0;scroll-margin-top:110px}.design-feature-label h3{font-size:28px;margin:10px 0 12px}.design-feature-deck{font-size:1rem}.design-feature-flow{grid-template-columns:1fr}.design-feature-flow li{padding:12px 17px;display:flex;align-items:baseline;gap:15px}.design-feature-flow li>span{margin:0}.design-feature-flow li+li{border-left:0;border-top:1px solid var(--os-line)}.design-feature-details{padding-bottom:35px}.design-feature-example{padding:18px}.design-feature-intro{margin-top:-12px}.design-feature-copy .os-text-link{font-size:.875rem}}