.traffic-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin-top:-10px;margin-bottom:16px}.traffic-range{display:flex;gap:4px}.traffic-range button[aria-pressed=true]{color:#304ecc;background:#edf1ff;border-color:#bcc9fb}.traffic-geography{display:grid;grid-template-columns:minmax(0,1fr) 260px}.map-section{padding:24px;min-width:0}.region-section{padding:24px;border-left:1px solid var(--line)}.traffic-map{position:relative}.traffic-map svg{display:block;width:100%;height:auto;overflow:visible}.world-land{fill:#e8ecf4;stroke:#fff;stroke-width:.65;stroke-linejoin:round}.world-marker{fill:#5263de;cursor:pointer;stroke:white;stroke-width:1.4}.world-marker:hover,.world-marker:focus{fill:#823cd0;outline:0;stroke:#202638;stroke-width:2}.marker-ring{fill:#5263de;opacity:.13;stroke:none}.is-recent .marker-ring{animation:visit-arrive 1.5s ease-out 1}.map-caption{font-size:12px;color:var(--muted);margin:12px 0 0;min-height:22px}.map-empty{position:absolute;inset:35% 8% auto;text-align:center;font-weight:600;background:rgba(255,255,255,.94);padding:18px;border-radius:8px}.map-empty small{display:block;margin-top:6px;font-weight:400}.traffic-rank{list-style:none;margin:0;padding:0}.traffic-rank li{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:12px 0;border-bottom:1px solid #edf0f5}.traffic-rank li:last-child{border:0}.traffic-rank strong{font-weight:600;font-variant-numeric:tabular-nums}.traffic-rank meter{width:100%;height:6px;align-self:center;border:0;background:#edf0f8;border-radius:4px}.traffic-rank meter::-webkit-meter-bar{background:#edf0f8;border:0}.traffic-rank meter::-webkit-meter-optimum-value{background:#6473df}.traffic-rank meter::-moz-meter-bar{background:#6473df}.traffic-rank small{text-align:right}.traffic-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px}.traffic-grid>section{min-width:0}.traffic-note{font-size:12px;color:var(--muted);margin-top:18px}.traffic-chart svg{display:block;width:100%}.traffic-chart text{font-size:12px;fill:var(--muted)}.chart-grid{fill:none;stroke:var(--line);stroke-width:1}.chart-views,.chart-visitors{fill:none;stroke:#4162ec;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-visitors{stroke:#9b55b9;stroke-dasharray:5 4;stroke-width:2}.chart-point{fill:#4162ec}.chart-legend{display:flex;gap:16px;font-size:12px;color:var(--muted)}.chart-legend span::before{content:'';display:inline-block;width:16px;border-top:3px solid #4162ec;margin-right:5px;vertical-align:middle}.chart-legend span+span::before{border-color:#9b55b9;border-top-style:dashed}.traffic-data{font-size:12px;margin-top:16px}.traffic-data summary,.traffic-method summary{cursor:pointer;color:var(--muted);padding:8px 0}.traffic-method{font-size:12px;color:var(--muted);line-height:1.8}.traffic-method p{max-width:100ch}.traffic-empty{padding:24px 0;color:var(--muted);font-size:13px}.traffic-loading{padding:60px 24px;color:var(--muted);background:var(--surface);border-radius:12px}.traffic-metrics strong{font-variant-numeric:tabular-nums}
@keyframes visit-arrive{from{opacity:.5;stroke-width:7;stroke:#5263de}to{opacity:.13;stroke-width:0}}
@media(max-width:1100px){.traffic-geography{grid-template-columns:minmax(0,1fr) 220px}.traffic-grid{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}}
@media(max-width:800px){.traffic-geography,.traffic-grid{grid-template-columns:1fr}.region-section{border-left:0;border-top:1px solid var(--line)}.traffic-meta{flex-direction:column;gap:4px}.map-section,.region-section{padding:18px}.traffic-range{flex-wrap:wrap}.traffic-range button{padding:8px 10px}.traffic-grid .sectiontitle{flex-wrap:wrap}.traffic-metrics .metric span{font-size:12px}.map-empty{padding:8px;inset:25% 5% auto}.map-empty small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.is-recent .marker-ring{animation:none}}

.pagehead .traffic-range button{flex:0 0 auto;white-space:nowrap}

.conversion-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 0}.conversion-metrics .metric:nth-child(3){border-right:0}.conversion-metrics .metric:nth-child(4){padding-left:0}.metric-change{display:block;margin-top:8px;line-height:1.6;font-size:12px}.change-up{color:var(--green)}.change-down{color:var(--red)}.conversion-note{color:var(--muted);font-size:12px;margin:-8px 0 24px}.conversion-note p{margin:4px 0}.conversion-note strong{font-weight:600;color:var(--ink)}
@media(max-width:720px){.conversion-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.conversion-metrics .metric:nth-child(odd){padding-left:0;border-right:1px solid var(--line)}.conversion-metrics .metric:nth-child(even){padding-left:14px;border-right:0}}