.sporthub-detail-heading{flex-direction:column;gap:8px;display:flex}.sporthub-detail-icon{flex:0 0 32px;place-items:center;width:32px;height:32px;display:inline-grid}.sporthub-detail-icon--small{flex-basis:24px;width:24px;height:24px}.sporthub-detail-icon img{max-width:none;display:block}.sporthub-solution-stories,.sporthub-solution-story,.sporthub-detail-comparison,.sporthub-ui-system-body,.sporthub-ui-system-stories,.sporthub-ui-system-caption,.sporthub-validation-intro,.sporthub-validation-heading,.sporthub-validation-evidence,.sporthub-evidence-figure,.sporthub-results-heading,.sporthub-results-editorial,.sporthub-city-conclusion{flex-direction:column;width:100%;min-width:0;display:flex}.sporthub-solution-stories{gap:44px}.sporthub-solution-story{gap:24px}.sporthub-solution-story--comparison,.sporthub-detail-comparison,.sporthub-ui-system-caption,.sporthub-validation-heading,.sporthub-city-conclusion{gap:12px}.sporthub-solution-caption{grid-template-columns:506fr 530fr;align-items:center;gap:40px;width:100%;display:grid}.sporthub-solution-title{align-items:center;gap:12px;min-width:0;display:flex}.sporthub-solution-title h3,.sporthub-ui-system-caption h3,.sporthub-results-columns h3,.sporthub-city-conclusion h3{font-size:var(--portfolio-h3-size);line-height:var(--portfolio-h3-line-height);font-weight:var(--portfolio-font-weight-semibold);color:var(--portfolio-text-primary);margin:0}.sporthub-detail-media,.sporthub-city-conclusion{isolation:isolate;border-radius:24px;position:relative;overflow:hidden}.sporthub-detail-media{width:100%;min-width:0;padding:16px}.sporthub-detail-media:before,.sporthub-city-conclusion:before{content:"";z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20viewBox='0%200%201076%20678'%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='none'%3e%3crect%20x='0'%20y='0'%20height='100%25'%20width='100%25'%20fill='url(%23grad)'%20opacity='0.800000011920929'/%3e%3cdefs%3e%3cradialGradient%20id='grad'%20gradientUnits='userSpaceOnUse'%20cx='0'%20cy='0'%20r='10'%20gradientTransform='matrix(94.688%200%200%2055.018%20516.48%20339)'%3e%3cstop%20stop-color='rgba(252,251,253,1)'%20offset='0'/%3e%3cstop%20stop-color='rgba(194,230,254,0.6)'%20offset='0.43269'/%3e%3cstop%20stop-color='rgba(136,207,255,0.2)'%20offset='0.60096'/%3e%3cstop%20stop-color='rgba(229,213,251,1)'%20offset='0.81787'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e") 50%/100% 100% no-repeat;position:absolute;inset:0}.case-media.sporthub-detail-image,.case-video.sporthub-detail-video{border:0;border-radius:28px;width:100%;min-width:0;display:block;position:relative;overflow:hidden}.sporthub-detail-image--filters:after,.sporthub-detail-image--trial:after,.sporthub-detail-image--course:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #dbe0eb;position:absolute;inset:0}.sporthub-detail-image.case-media>img{object-fit:cover;width:100%;height:100%;display:block}.sporthub-detail-video,.sporthub-detail-image--map{aspect-ratio:1044/407.813;object-fit:cover;object-position:50% 64.77%}.sporthub-detail-video video{object-fit:cover;width:100%;height:100%;display:block}.sporthub-detail-image--filters{aspect-ratio:1044/587.25}.sporthub-detail-image--trial{aspect-ratio:1044/489.375}.sporthub-detail-comparison-labels{font-size:var(--portfolio-h3-size);line-height:var(--portfolio-h3-line-height);font-weight:var(--portfolio-font-weight-semibold);color:var(--portfolio-text-secondary);justify-content:space-between;display:flex}.sporthub-detail-comparison-labels>:last-child{color:var(--portfolio-accent)}.sporthub-detail-media--pair,.sporthub-detail-paired-captions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.case-media.sporthub-detail-image--course{aspect-ratio:514/313.013;border-radius:18px}.sporthub-detail-image--course:after{border-color:#e0e5f0}.sporthub-detail-image--course.case-media>img,.sporthub-detail-image--ui-kit.case-media>img,.sporthub-detail-image--edge-cases.case-media>img{object-fit:contain}.sporthub-detail-paired-captions,.sporthub-evidence-figure>figcaption{font-size:var(--portfolio-text-m-size);line-height:var(--portfolio-text-m-line-height);color:var(--portfolio-text-primary)}.sporthub-ui-system-body{gap:20px}.sporthub-ui-system-stories,.sporthub-results-editorial{gap:40px}.sporthub-ui-system-row{grid-template-columns:316px minmax(0,1fr);align-items:center;gap:40px;display:grid}.sporthub-detail-source{width:fit-content;font-size:var(--portfolio-text-s-size);line-height:var(--portfolio-text-s-line-height);font-weight:var(--portfolio-font-weight-semibold);color:#620ed7}.sporthub-detail-source:hover,.sporthub-city-conclusion a:hover{text-underline-offset:3px;text-decoration:underline}.sporthub-detail-image--ui-kit{aspect-ratio:688/367.04}.sporthub-detail-image--edge-cases{aspect-ratio:688/385.697}.case-media.sporthub-detail-image--ui-kit,.case-media.sporthub-detail-image--edge-cases,.case-media.sporthub-detail-image--search-heatmap,.case-media.sporthub-detail-image--course-heatmap{border:0;border-radius:16px}.sporthub-validation-intro,.sporthub-results-heading{gap:24px}.sporthub-study-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sporthub-study-tags li{color:#620ed7;font-size:var(--portfolio-text-m-size);line-height:var(--portfolio-text-m-line-height);background:#f5effd;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:6px 12px;display:flex}.sporthub-maze-mark{object-fit:contain;width:16px;height:16px}.sporthub-lovable-mark{-webkit-mask-source-type:alpha;flex:0 0 16px;width:16px;height:16px;display:block;-webkit-mask-position:.133px 0;mask-position:.133px 0;-webkit-mask-size:15.735px 16px;mask-size:15.735px 16px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.sporthub-lovable-mark img{max-width:none;display:block}.sporthub-validation-evidence{gap:32px}.sporthub-evidence-figure{gap:8px}.sporthub-detail-image--search-heatmap{aspect-ratio:1044/705.793}.sporthub-detail-image--course-heatmap{aspect-ratio:1044/666.072}.sporthub-ratings-panel{background:var(--portfolio-background-surface);border-radius:16px;flex-direction:column;gap:20px;padding:28px 24px;display:flex}.sporthub-ratings-panel>h3{color:var(--portfolio-text-secondary);font-size:var(--portfolio-text-m-size);line-height:var(--portfolio-text-m-line-height);font-weight:var(--portfolio-font-weight-semibold);margin:0}.sporthub-ratings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sporthub-rating{background:var(--portfolio-background-page);border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:24px 20px;display:flex}.sporthub-rating h4{min-height:64px;font-size:var(--portfolio-text-l-size);line-height:var(--portfolio-text-l-line-height);font-weight:var(--portfolio-font-weight-semibold);margin:0}.sporthub-rating-score{font-size:var(--portfolio-h1-size);line-height:var(--portfolio-h1-line-height);font-weight:var(--portfolio-font-weight-semibold)}.sporthub-rating-description{min-height:48px;color:var(--portfolio-text-secondary);font-size:var(--portfolio-text-m-size);line-height:var(--portfolio-text-m-line-height)}.sporthub-rating-distribution{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.sporthub-rating-distribution li{text-align:center;min-width:0;color:var(--portfolio-text-secondary);font-size:var(--portfolio-text-s-size);line-height:var(--portfolio-text-s-line-height);flex-direction:column;gap:8px;display:flex}.sporthub-rating-track{background:#f0f1f4;border-radius:4px;height:180px;position:relative;overflow:hidden}.sporthub-rating-fill{height:calc(100% * var(--response-proportion));background:#33a680;position:absolute;inset:auto 0 0}.sporthub-rating-percent,.sporthub-rating-count{position:absolute;left:0;right:0}.sporthub-rating-percent{color:var(--portfolio-text-primary);font-weight:var(--portfolio-font-weight-semibold);top:130px}.sporthub-rating-count{top:151px}.sporthub-rating-scale{color:var(--portfolio-text-secondary);font-size:var(--portfolio-text-s-size);line-height:var(--portfolio-text-s-line-height);justify-content:space-between;display:flex}.sporthub-results.sporthub-section{gap:32px}.sporthub-detail-heading--results{gap:12px}.sporthub-result-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.sporthub-result-metrics>div{background:var(--portfolio-background-page);border-radius:24px;flex-direction:column;gap:8px;padding:20px 28px 24px;display:flex}.sporthub-result-metrics dt{white-space:nowrap;font-size:var(--portfolio-h3-size);line-height:var(--portfolio-h3-line-height);font-weight:var(--portfolio-font-weight-semibold);align-items:center;gap:8px;display:flex}.sporthub-result-metrics dt strong{color:var(--portfolio-accent);font-weight:inherit}.sporthub-result-metrics dt>img{display:block}.sporthub-result-metrics dd{color:var(--portfolio-text-secondary);font-size:var(--portfolio-text-l-size);line-height:var(--portfolio-text-l-line-height)}.sporthub-results-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.sporthub-results-columns>article{flex-direction:column;gap:12px;display:flex}.sporthub-city-conclusion{padding:32px}.sporthub-city-conclusion:before{background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%201076%20144'%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='none'%3e%3crect%20x='0'%20y='0'%20height='100%25'%20width='100%25'%20fill='url(%23grad)'%20opacity='0.800000011920929'/%3e%3cdefs%3e%3cradialGradient%20id='grad'%20gradientUnits='userSpaceOnUse'%20cx='0'%20cy='0'%20r='10'%20gradientTransform='matrix(94.688%200%200%2011.685%20516.48%2072)'%3e%3cstop%20stop-color='rgba(252,251,253,1)'%20offset='0'/%3e%3cstop%20stop-color='rgba(194,230,254,0.6)'%20offset='0.028846'/%3e%3cstop%20stop-color='rgba(136,207,255,0.2)'%20offset='0.60096'/%3e%3cstop%20stop-color='rgba(229,213,251,1)'%20offset='0.81787'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e")}.sporthub-city-conclusion a{color:var(--portfolio-accent)}@media (width<=1150px){.sporthub-solution-caption{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sporthub-ui-system-row{grid-template-columns:minmax(200px,.8fr) minmax(0,1.5fr);gap:24px}.sporthub-ratings-grid{grid-template-columns:1fr}.sporthub-rating h4,.sporthub-rating-description{min-height:0}.sporthub-result-metrics{gap:12px}.sporthub-result-metrics>div{padding:20px}}@media (width<=700px){.sporthub-solution-caption,.sporthub-ui-system-row,.sporthub-results-columns,.sporthub-result-metrics{grid-template-columns:1fr}.sporthub-solution-caption,.sporthub-ui-system-row{gap:12px}.sporthub-solution-stories{gap:32px}.sporthub-detail-media{border-radius:16px;padding:8px}.case-media.sporthub-detail-image,.case-video.sporthub-detail-video{border-radius:12px}.sporthub-detail-media--pair,.sporthub-detail-paired-captions{gap:8px}.sporthub-detail-paired-captions{font-size:var(--portfolio-text-s-size);line-height:var(--portfolio-text-s-line-height)}.sporthub-ratings-panel,.sporthub-rating{padding:20px 12px}.sporthub-rating-distribution{gap:4px}.sporthub-rating-score{font-size:var(--portfolio-h2-size);line-height:var(--portfolio-h2-line-height)}.sporthub-city-conclusion{padding:24px}}