.traffic-view{padding:22px 0 30px}.traffic-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.traffic-heading h1{font-size:clamp(32px,3.8vw,53px)}.traffic-heading p{margin:12px 0 0;font-size:12px}.traffic-heading .eyebrow{font-size:9px}.traffic-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:100%}.traffic-tools button{font-size:11px;white-space:nowrap}.traffic-period{display:flex;flex-wrap:wrap;max-width:100%;padding:4px;border:1px solid #174b6d;border-radius:9px;background:#031322;gap:4px}.traffic-period button{border:0;box-shadow:none;padding:9px 12px}.traffic-period button[aria-pressed=true]{background:linear-gradient(120deg,#0862ff,#00b9f8);color:#fff;box-shadow:0 0 16px #007bff30}.traffic-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.traffic-card{display:flex;gap:16px;align-items:center;padding:22px 18px;min-width:0}.traffic-card-icon{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;font-size:23px;color:var(--cyan);border:1px solid #13577e;border-radius:11px;background:radial-gradient(circle,#03407c99,#061426)}.traffic-card:nth-child(2) .traffic-card-icon{color:var(--purple);border-color:#62339a}.traffic-card:nth-child(3) .traffic-card-icon{color:var(--green);border-color:#145b5c}.traffic-card:nth-child(4) .traffic-card-icon{color:var(--amber);border-color:#6a541d}.traffic-card span:not(.traffic-card-icon){font-size:11px;color:#adc9e2;display:block}.traffic-card strong{font:700 34px 'Space Grotesk',Arial,sans-serif;display:block;margin:7px 0;letter-spacing:-1px;overflow-wrap:anywhere}.traffic-card small{font-size:9px;line-height:1.5;color:#7498b7;display:block}.traffic-coverage{display:flex;gap:9px;align-items:center;margin:18px 0 22px;color:#81a4c3;font-size:10px}.traffic-coverage p{flex:1;margin:0;font-size:10px}.traffic-coverage b{color:#c1d8ec;font-weight:500}.traffic-coverage>span:last-child{font-size:9px;text-align:right}.traffic-status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 9px #00e5c55c;flex-shrink:0}.traffic-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(275px,1fr);gap:15px;align-items:start}.traffic-chart-panel{min-width:0}.traffic-chart-panel h2,.traffic-pages h2{font-size:22px}.traffic-chart-panel .section-head{align-items:start;flex-wrap:wrap}.traffic-chart-panel .eyebrow,.traffic-pages .eyebrow{font-size:8px;letter-spacing:1.5px}.traffic-legend{display:flex;gap:13px;font-size:9px;color:#abc5dc;padding-top:7px}.traffic-legend span{display:inline-flex;align-items:center;gap:6px}.traffic-legend i{width:7px;height:7px;display:inline-block;border-radius:2px}.traffic-key-views,.traffic-bar-views{background:var(--cyan);fill:var(--cyan)}.traffic-key-sessions,.traffic-bar-sessions{background:var(--purple);fill:var(--purple)}.traffic-chart-scroll{overflow-x:auto;margin-top:25px}.traffic-chart{display:block;width:100%;min-width:450px}.traffic-grid{stroke:#16304a;stroke-width:1}.traffic-axis{fill:#81a4c4;font:10px Inter,Arial,sans-serif}.traffic-daily-details{border-top:1px solid #15364e;margin-top:13px;padding-top:14px}.traffic-daily-details summary{cursor:pointer;color:#afd3ef;font-size:11px;width:fit-content}.traffic-daily-details summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.traffic-daily-details table{min-width:0;width:100%;margin-top:12px}.traffic-view table th,.traffic-view table td{padding:12px 8px;text-align:left}.traffic-view table td:last-child,.traffic-view table thead th:last-child{text-align:right}.traffic-view tbody th{font-weight:500;color:#d2e4f4;font-size:11px;border-bottom:1px solid #123149}.traffic-pages table{min-width:0;width:100%;margin-top:13px}.traffic-pages>p{font-size:10px;margin:8px 0 15px}.traffic-pages td{font-size:12px}.traffic-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;gap:9px;color:#acc7df}.traffic-empty>span{font-size:36px;color:var(--cyan)}.traffic-empty b{font-size:12px}.traffic-empty p{max-width:370px;font-size:11px;margin:0}.traffic-empty.compact{min-height:120px;padding:15px}.traffic-explanation{margin-top:17px;display:flex;gap:16px;align-items:start;padding:20px}.traffic-explanation-icon{color:var(--cyan);font-size:25px;flex-shrink:0}.traffic-explanation h3{font-size:15px}.traffic-explanation p{font-size:10px;line-height:1.75;margin:9px 0 0}.traffic-explanation a{color:var(--cyan)}.traffic-loading{padding:70px 20px;text-align:center;color:#8ec8ee;font-size:13px}.traffic-access{max-width:600px;margin:24px auto 60px;text-align:center;padding:38px 32px}.traffic-lock{width:67px;height:67px;margin:0 auto 20px;display:grid;place-items:center;border-radius:20px;border:1px solid #0d6898;background:radial-gradient(circle,#0854a180,#031426);font-size:38px;color:var(--cyan);box-shadow:0 0 30px #0067ff1f}.traffic-access h2{font-size:29px;line-height:1.15}.traffic-access p{font-size:12px;margin:16px 0 25px}.traffic-access .button{font-size:12px}.traffic-back{display:block;font-size:11px;color:#83acca;margin-top:22px}.traffic-error{max-width:760px;margin:25px auto;border-color:#75451f}.traffic-error h2{font-size:22px}.traffic-error p{font-size:12px}.traffic-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.traffic-privacy{max-width:1000px;margin:15px auto 40px}.traffic-privacy>h1{margin-bottom:30px;font-size:clamp(34px,4vw,52px)}.traffic-privacy .panel{padding:30px}.traffic-privacy h2{font-size:22px;margin-top:30px}.traffic-privacy h2:first-child{margin-top:0}.traffic-privacy p{font-size:12px;line-height:1.85}.traffic-privacy-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:27px;font-size:11px}.traffic-privacy-links .outline{padding:10px 14px;border:1px solid #146595;border-radius:6px;background:#04243c}
.traffic-preview{padding:12px 15px;border:1px solid #6a5423;border-radius:8px;background:#32260955;color:var(--amber);font-size:10px;line-height:1.7;margin-bottom:16px}.footer-usage{display:flex;gap:18px;color:#83afcc}.footer-usage a{padding:3px 0}
@media(max-width:1150px){.traffic-card{gap:11px;padding:18px 13px}.traffic-card-icon{width:35px;height:35px;font-size:20px}.traffic-card strong{font-size:30px}.traffic-card span:not(.traffic-card-icon){font-size:10px}.traffic-card small{font-size:8px}.traffic-layout{grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr)}.traffic-coverage{align-items:start}.traffic-coverage>span:last-child{max-width:150px}.traffic-status-dot{margin-top:5px}}
@media(max-width:850px){.traffic-heading{align-items:start;flex-direction:column;gap:20px}.traffic-tools{align-self:flex-end}.traffic-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-card{padding:20px;gap:17px}.traffic-card-icon{width:44px;height:44px}.traffic-card strong{font-size:33px}.traffic-card span:not(.traffic-card-icon){font-size:11px}.traffic-card small{font-size:9px}.traffic-layout{grid-template-columns:1fr}.traffic-pages{padding:22px}.traffic-pages table th,.traffic-pages table td{padding:14px 8px}.traffic-coverage{flex-wrap:wrap}.traffic-coverage>span:last-child{max-width:none;text-align:left;margin-left:15px;width:100%}}
@media(max-width:480px){.traffic-view{padding-top:16px}.traffic-heading h1{font-size:37px}.traffic-heading p{font-size:11px}.traffic-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.traffic-tools{width:100%;justify-content:space-between;gap:7px}.traffic-tools button{font-size:10px;padding:9px 10px}.traffic-period{gap:2px}.traffic-cards{gap:9px}.traffic-card{padding:15px 12px;gap:9px;align-items:start}.traffic-card-icon{width:28px;height:30px;font-size:18px;border-radius:7px}.traffic-card strong{font-size:29px;margin:8px 0}.traffic-card span:not(.traffic-card-icon){font-size:9px;line-height:1.4}.traffic-card small{font-size:8px}.traffic-coverage p,.traffic-coverage>span:last-child{font-size:8px;line-height:1.8}.traffic-chart-panel{padding:19px 13px}.traffic-chart-panel h2{font-size:21px}.traffic-legend{font-size:8px}.traffic-chart-scroll{margin-top:17px}.traffic-view table th,.traffic-view table td{font-size:10px;padding:11px 6px}.traffic-explanation{padding:17px 14px;gap:11px}.traffic-explanation-icon{font-size:20px}.traffic-explanation p{font-size:9px}.traffic-explanation h3{font-size:14px}.traffic-access{padding:28px 20px}.traffic-access h2{font-size:25px}.traffic-access p{font-size:11px}.traffic-privacy .panel{padding:22px 18px}.traffic-privacy h2{font-size:20px}.traffic-privacy p{font-size:11px}.traffic-privacy-links{font-size:10px}}

.traffic-detail-note{margin:-4px 0 20px;padding:12px 15px;border:1px solid #1b4b69;border-radius:8px;color:#9cbed6;font-size:10px;line-height:1.7;background:#07263d66}.traffic-detail-note b{color:#d2e9f8}.traffic-unavailable{fill:#7b99b5;opacity:.07}
@media(max-width:480px){.traffic-period{flex:1;justify-content:space-between;min-width:0}.traffic-period button{padding:9px 8px}.traffic-tools>[data-traffic-refresh]{padding:9px 8px}.traffic-detail-note{font-size:9px}}