.profile-popularity .popularity-eyebrow{display:block;font:700 11px/1.5 var(--sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--name-accent);margin-bottom:14px}
.popularity-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.name-profile .popularity-heading h2{font-size:32px;line-height:1.25;margin:0}
.popularity-country{font-size:11px;white-space:nowrap;color:#526074;background:#f2f0ed;padding:5px 9px;border-radius:5px}
.profile-popularity>.popularity-intro{font-size:16px;color:#526074;margin:0 0 25px}
.popularity-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 29px;gap:20px}
.popularity-snapshot>div{padding-left:20px;border-left:1px solid var(--name-border)}
.popularity-snapshot>div:first-child{padding-left:0;border:0}
.popularity-snapshot dt{font-size:12px;line-height:1.6;color:#526074}
.popularity-snapshot dd{font:650 34px/1.3 var(--sans);color:var(--name-accent);margin:7px 0 4px;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.popularity-snapshot span{display:block;font-size:11px;line-height:1.55;color:#596477}
.popularity-explorer{padding:24px;border:1px solid var(--name-border);border-radius:13px;background:#fff;overflow:hidden}
.popularity-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}
.name-profile .popularity-chart-heading h3{font:700 19px/1.4 var(--sans);letter-spacing:-.4px;margin:0 0 3px}
.popularity-chart-heading p{font-size:12px;color:#596477;margin:0}
.popularity-series-label{font:600 12px/1.5 var(--sans);color:var(--name-accent);display:flex;gap:7px;align-items:center}
.popularity-series-label:before{content:'';height:7px;width:7px;border-radius:50%;background:currentColor}
.popularity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.popularity-metrics{display:flex;background:#f4f3f1;border-radius:8px;padding:3px;gap:3px}
.popularity-metrics button{font:600 12px/1.5 var(--sans);padding:8px 17px;border:1px solid transparent;border-radius:6px;color:#526074;background:transparent;cursor:pointer;min-height:38px}
.popularity-metrics button[aria-pressed=true]{background:white;border-color:var(--name-border);color:var(--name-accent);box-shadow:0 1px 3px #192b4508}
.popularity-period select{font:500 12px/1.5 var(--sans);color:#354159;background:white;border:1px solid #d8dce2;border-radius:7px;padding:10px;min-height:44px;width:170px}
.popularity-toolbar :focus-visible,.popularity-year-control input:focus-visible,.popularity-table-scroll:focus-visible{outline:2px solid var(--name-accent);outline-offset:3px}
.popularity-selection{display:grid;grid-template-columns:1fr 1fr 1fr;border-radius:8px;background:var(--name-wash);padding:15px 18px;gap:12px}
.popularity-selection span{display:block;font-size:11px;color:#596477;line-height:1.5}
.popularity-selection strong{display:block;font:600 23px/1.4 var(--sans);letter-spacing:-.5px;color:#26354b;margin-top:3px;font-variant-numeric:tabular-nums}
.popularity-selection>div:first-child strong{color:var(--name-accent)}
.popularity-explorer .popularity-axis-description{font-size:11px;color:#596477;margin:22px 0 0}
.popularity-plot{position:relative;width:100%;margin:0}
.popularity-plot svg{display:block;width:100%;height:242px;cursor:crosshair;touch-action:pan-y;overflow:visible}
.pop-chart-label{font:11px Arial,sans-serif;fill:#596477}
.pop-chart-grid{stroke:#e9e9ed;stroke-dasharray:3 4;stroke-width:1}
.pop-chart-line{fill:none;stroke:var(--name-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pop-chart-dot{fill:var(--name-accent);stroke:#fff;stroke-width:1.5}
.pop-chart-guide{stroke:var(--name-accent);opacity:.4;stroke-width:1;stroke-dasharray:4 4;pointer-events:none}
.pop-chart-marker{fill:var(--name-accent);stroke:#fff;stroke-width:2;pointer-events:none}
.popularity-tooltip{position:absolute;top:3px;pointer-events:none;background:#253449;color:#fff;padding:9px 12px;border-radius:7px;z-index:2;font:12px/1.6 Arial,sans-serif;box-shadow:0 3px 10px #192b4520;max-width:calc(100% - 8px)}
.popularity-tooltip strong,.popularity-tooltip span{display:block}
.popularity-tooltip strong{font-size:11px;color:#e2e8f0;font-weight:400}
.popularity-year-control{margin-top:13px;padding-top:16px;border-top:1px solid #ece7ea}
.popularity-year-control label{display:flex;justify-content:space-between;font:600 12px/1.5 var(--sans);color:#354159}
.popularity-year-control output{color:var(--name-accent);font-variant-numeric:tabular-nums}
.popularity-year-control input{display:block;width:100%;margin:2px 0 0;min-height:40px;accent-color:var(--name-accent);cursor:pointer}
.popularity-year-control p{font-size:11px;line-height:1.6;color:#596477;margin:3px 0 0}
.popularity-no-script{font-size:14px;color:#526074}
.popularity-data{margin-top:20px;border-bottom:1px solid #dedfd7}
.popularity-data summary{display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;list-style:none;padding:16px 0;font:600 14px/1.5 var(--sans);color:#26354b}
.popularity-data summary::-webkit-details-marker{display:none}
.popularity-data summary span{font-size:23px;font-weight:400;color:var(--name-accent)}
.popularity-data[open] summary span{transform:rotate(45deg)}
.popularity-data>p{font-size:13px;line-height:1.7;color:#526074;margin:0 0 15px}
.popularity-table-scroll{overflow:auto;max-height:360px;margin-bottom:18px;border:1px solid #e6dfe3;border-radius:8px}
.popularity-data table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
.popularity-data th,.popularity-data td{padding:11px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid #ece7ea}
.popularity-data th{position:sticky;top:0;background:#f5f2f4;color:#354159;font-weight:600;z-index:1}
.popularity-data td:nth-child(n+3),.popularity-data th:nth-child(n+3){text-align:right}
.popularity-data tr:last-child td{border-bottom:0}
.popularity-data [data-usage=F]{color:#a83165}.popularity-data [data-usage=M]{color:#244db4}
.profile-popularity>.popularity-data-note{font-size:12px;line-height:1.7;color:#657080;margin:15px 0 0}
@media(max-width:1000px){.popularity-heading{align-items:flex-start;flex-direction:column;gap:10px}.popularity-snapshot{gap:14px}.popularity-snapshot>div{padding-left:14px}.popularity-snapshot dd{font-size:29px}}
@media(max-width:600px){.profile-popularity .popularity-eyebrow{font-size:10px;margin-bottom:12px}.name-profile .popularity-heading h2{font-size:27px;letter-spacing:-.8px}.profile-popularity>.popularity-intro{font-size:15px;margin-bottom:22px}.popularity-snapshot{gap:10px;margin-bottom:24px}.popularity-snapshot>div{padding-left:10px}.popularity-snapshot dt{font-size:10px;min-height:32px}.popularity-snapshot dd{font-size:27px;letter-spacing:-.8px}.popularity-snapshot span{font-size:10px}.popularity-explorer{padding:18px 14px;border-radius:10px}.popularity-chart-heading{margin-bottom:18px}.name-profile .popularity-chart-heading h3{font-size:18px}.popularity-chart-heading p{font-size:11px}.popularity-series-label{font-size:11px}.popularity-toolbar{gap:10px;margin-bottom:18px}.popularity-metrics button{padding:8px 12px;font-size:11px}.popularity-period select{width:147px;font-size:11px;padding:8px}.popularity-selection{padding:13px 12px;gap:8px}.popularity-selection span{font-size:10px}.popularity-selection strong{font-size:21px}.popularity-year-control p{font-size:11px}.popularity-data summary{font-size:13px}.popularity-data th,.popularity-data td{padding:10px;font-size:12px}.profile-popularity>.popularity-data-note{font-size:11px}}
@media(max-width:360px){.popularity-toolbar{align-items:stretch;flex-direction:column}.popularity-metrics button{flex:1}.popularity-period select{width:100%}.popularity-snapshot dd{font-size:23px}.popularity-selection{padding:12px 10px}.popularity-selection strong{font-size:18px}.popularity-selection span{font-size:9px}}

.popularity-category select{font:600 12px/1.5 var(--sans);color:var(--name-accent);background:var(--name-wash);border:1px solid var(--name-border);border-radius:7px;padding:10px;min-height:44px;max-width:105px}
.popularity-category select:focus-visible{outline:2px solid var(--name-accent);outline-offset:3px}
.popularity-snapshot:has(>div:nth-child(2):last-child){grid-template-columns:1fr 1fr}
@media(max-width:600px){.popularity-category select{font-size:11px;padding:8px;max-width:90px}}