/* PhoneCavureDesign / PhoneInsightsExpertView. All sizes are logical app points. */
.ex-native .book-pinned-header{top:148px}
.ex-native .ex-title{font-size:24px;font-weight:600;line-height:29px;margin:0 0 4px}
.ex-native .ex-subtitle{font-size:13px;line-height:17px;color:var(--secondary);margin:0 0 16px;text-align:left;white-space:nowrap}
.ex-native .ex-segments{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding:3px;height:38px;border:1px solid #00d1db52;border-radius:16px;background:radial-gradient(ellipse at 50% 100%,#00d1db0a,transparent 75%),#030508a8;overflow:hidden;flex-shrink:0;gap:0}
.ex-native .ex-segments button{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;margin:0;padding:0 2px;border:1px solid transparent;background:none;border-radius:10px;color:var(--secondary);font:500 11px/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;white-space:nowrap}
.ex-native .ex-segments button.selected{border-color:#00d1dbb8;background:linear-gradient(135deg,#00d1db1a,#00131770);color:white;box-shadow:inset 0 1px 0 #00d1db14}
.ex-native .ex-segments button span{display:block;flex-shrink:0;transform-origin:center}
.ex-native .ex-period-row{display:flex;align-items:center;gap:8px;height:30px;margin-top:8px;font-size:15px;line-height:20px}
.ex-period-row>svg{color:var(--primary);width:15px;height:15px;flex-shrink:0}
.ex-native .ex-period-row button{display:flex;align-items:center;gap:5px;color:var(--primary);background:none;border:0;font-size:15px;font-weight:600;padding:0 14px}
.ex-updown{font:12px/6px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;display:block}
.ex-native .native-scroll.book-scroll{top:304px;padding-bottom:126px}
.ex-content{display:flex;flex-direction:column;gap:26px;padding-top:5px}
.ex-content>.ex-segments{height:36px}
.ex-card,.ex-editorial-card{position:relative;flex-shrink:0;width:100%;border:1px solid #00d1db47;border-radius:20px;background:radial-gradient(ellipse at 50% 100%,#00d1db0d,transparent 70%),linear-gradient(135deg,#031a2070,#030508a8);color:white}
.ex-card{height:var(--ex-card-height);display:flex;flex-direction:column;padding:14px;gap:8px}
.ex-card::before,.ex-card::after{content:"";pointer-events:none;position:absolute;width:36px;height:1px;left:calc(50% - 18px);background:linear-gradient(90deg,transparent,#29e8f5a0,transparent);box-shadow:0 0 8px 2px #00d1db30}
.ex-card::before{top:-1px}.ex-card::after{bottom:-1px}
.ex-card-heading{display:flex;align-items:baseline;gap:8px;flex-shrink:0}
.ex-card-heading h3{margin:0;line-height:20px;font-size:17px;font-weight:600;min-width:0}
.ex-card-heading>span{margin-left:auto;color:var(--primary);font-size:11px;white-space:nowrap}
.ex-card-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}
.ex-plot{display:block;width:100%;height:56px;flex-shrink:0;overflow:visible}
.ex-plot text{fill:var(--secondary);font:11px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.ex-legend{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;line-height:13px;color:var(--secondary);height:13px;flex-shrink:0;margin:0}
.ex-legend>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.ex-legend i{width:5px;height:5px;display:block;border-radius:50%;background:var(--primary);flex-shrink:0}.ex-legend i.secondary{background:#c7c7c785}
.ex-weather{display:flex;align-items:center;gap:18px;min-height:84px;width:100%}
.ex-donut{position:relative;width:84px;height:84px;flex:0 0 84px}
.ex-donut>svg{width:84px;height:84px;display:block}
.ex-donut-label{position:absolute;left:15.44px;top:0;width:53.12px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.ex-donut-label strong{font-size:17px;line-height:20px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.ex-donut-label small{font-size:11px;line-height:13px;max-width:53.12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ex-weather-legend{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ex-weather-legend>div{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px;line-height:13px}
.ex-weather-legend i{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.ex-weather-legend span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ex-weather-legend small{font-size:11px;color:var(--secondary);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}
.ex-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.ex-mini .ex-card-content{justify-content:flex-end;gap:8px}
.ex-mini-metric{display:flex;justify-content:flex-end;gap:8px;height:16px;min-height:16px;align-items:center;white-space:nowrap;font-size:11px;color:var(--secondary);line-height:13px}
.ex-mini-plot{height:64px;width:100%;display:block;overflow:visible}
.ex-mini-plot text{font:10px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;fill:var(--secondary)}
.ex-mini-plot text.ex-mini-value{font-size:11px;fill:white}
.ex-mini .ex-card-heading h3{overflow:hidden;white-space:nowrap;font-size:17px;letter-spacing:-.4px}
.ex-learning{display:flex;align-items:center;gap:14px;flex:1}
.ex-learning>div:first-child{flex-shrink:0}.ex-learning strong{font-size:23px;line-height:28px;display:block;font-weight:600}.ex-learning small{display:block;font-size:11px;color:var(--secondary);line-height:13px;margin-top:4px}.ex-learning>div:last-child{margin-left:auto;text-align:right}.ex-learning span{font-size:13px;line-height:16px;color:var(--primary)}.ex-learning>div:last-child small{max-width:190px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ex-learning.compact{flex-direction:column;align-items:flex-start;gap:4px;justify-content:center}.ex-learning.compact>div:last-child{margin:0;text-align:left}
.ex-all{--ex-card-height:50px;height:50px;display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--primary);font-size:17px;font-weight:600;text-align:left}
.ex-all>span{flex:1}.ex-all>svg{width:20px;height:20px;flex-shrink:0}.ex-all>svg:last-child{width:12px;height:12px}
.ex-section-title{font-size:13px;font-weight:600;line-height:16px;margin:0;color:var(--primary)}
.ex-editorial-section{display:flex;flex-direction:column;gap:18px}.ex-editorial-card{padding:14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ex-ranks{display:flex;flex-direction:column;min-height:156px;justify-content:center}
.ex-rank{min-height:44px;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;font-size:11px;line-height:13px}
.ex-rank>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ex-rank>div{display:flex;align-items:center;gap:4px;min-width:0;padding-right:18px}
.ex-rank i{display:block;height:10px;border-radius:2px;max-width:calc(100% - 40px);flex-shrink:1;min-width:0}
.ex-rank small{font-size:11px;white-space:nowrap;flex-shrink:0;color:white;font-variant-numeric:tabular-nums}
.ex-water-result>small{color:var(--primary);font-size:11px}.ex-water-result>strong{font-size:17px;font-weight:600}.ex-water-result p{font-size:15px;color:var(--secondary);margin:0}
.ex-water-detail>strong{font-size:13px;font-weight:400}.ex-water-detail>span{font-size:13px;color:var(--primary)}.ex-water-detail>small{font-size:11px;color:var(--secondary)}.ex-water-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.ex-water-detail dt{font-size:11px;color:var(--secondary)}.ex-water-detail dd{font-size:15px;margin:0}
.ex-chart-point{cursor:pointer}.ex-chart-point:focus-visible{outline:1px solid var(--primary)}
.ex-chart-selection{position:absolute;top:34px;left:32px;right:14px;border:1px solid #00d1db47;border-radius:10px;background:#030508f2;padding:4px 8px;font-size:11px;line-height:14px;z-index:1;pointer-events:none}.ex-chart-selection strong,.ex-chart-selection span{display:block}.ex-chart-selection span{color:var(--secondary)}
.ex-category{display:flex;flex-direction:column;gap:18px}