/* Valmont foundations: ux.valmont.com/tailwind/output/{colors,typography}.html */
.session-pending body{visibility:hidden}
.alignment-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:12px 22px;border-bottom:1px solid var(--border);font-size:11px}.alignment-controls>label{flex-direction:row;align-items:center}.alignment-controls select,.preview-controls select{font-size:12px;min-height:34px;padding:7px}.checkbox-label input{min-height:0;accent-color:var(--cl-blue)}#alignment-status{font-size:11px;color:var(--cl-charcoal);line-height:1.5}.preview-controls{flex-wrap:wrap}
.preview-controls{display:flex;align-items:center;gap:24px;padding:15px 22px;border-bottom:1px solid var(--border);background:white}.preview-controls>label{display:flex;flex-direction:row;align-items:center;gap:10px;white-space:nowrap}.preview-controls input[type=number]{width:80px;min-height:34px;padding:7px}.preview-controls .page-position{flex:1;flex-wrap:wrap}.page-position input[type=range]{flex:1;min-width:100px;min-height:0;padding:0;accent-color:var(--cl-blue)}.page-position output{font-size:10px;min-width:50px}.preview-status{font-family:'Roboto Mono',monospace;font-size:10px;color:#636363;padding:11px 22px;margin:0;border-bottom:1px solid var(--border);line-height:1.6}.preview-viewport{height:auto;max-height:none;overflow-x:auto;overflow-y:hidden}#stage{height:800px}#page-frame{display:block;height:800px}.preview-controls .button{font-size:12px;min-height:34px}#viewport{font-size:26px}
@media(max-width:900px){.preview-controls{gap:15px;flex-wrap:wrap}.preview-controls .page-position{flex-basis:100%;order:3}.preview-status{font-size:9px}}
.account-menu{position:relative;font-size:13px}.account-menu summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;color:var(--cl-navy)}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:focus-visible{outline:2px solid var(--cl-blue);outline-offset:5px}.user-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:29px;height:29px;border-radius:50%;background:var(--cl-blue);color:white;font-family:'Roboto Mono',monospace;font-size:10px;font-weight:400}.account-dropdown{position:absolute;right:0;top:42px;z-index:20;background:white;border:1px solid var(--border);box-shadow:0 6px 18px #00334720;padding:16px;min-width:210px;display:flex;flex-direction:column;gap:14px}.account-dropdown>span{font-size:12px;color:#636363;overflow-wrap:anywhere}.account-dropdown>a{padding-top:10px;border-top:1px solid #e1e1e1}#header-user-name{max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sidebar-user{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid #ffffff30}.sidebar-user>div{min-width:0}.user-caption{display:block;font-family:'Roboto Mono',monospace;color:#c0c0c0;font-size:8px;letter-spacing:.08em;margin-bottom:5px}#sidebar-user-name{display:block;font-size:11px;color:white;overflow-wrap:anywhere;line-height:1.5}.sidebar-user .user-avatar{background:#ffffff20}.sidebar-bottom:has(.sidebar-user:not([hidden]))>p{margin-top:15px;font-size:10px}
.filters{flex-wrap:wrap}.filters>label{flex:1 1 140px}.filters>.site-filter{flex:1.5 1 200px}.filters>.path-filter{flex:1.5 1 180px}.filters>.button{flex:0 0 auto}.session-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-connection{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin-bottom:20px;border:1px solid var(--border);background:white}.analytics-connection p{font-size:13px;line-height:1.5;margin:7px 0 0;overflow-wrap:anywhere}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.insight{background:white;border:1px solid var(--border);padding:24px;min-width:0}.insight h2{font-size:25px;line-height:1.05;font-weight:400;letter-spacing:-.03em;margin:0 0 12px}.insight h3{font-size:21px;margin:25px 0 10px}.insight p{font-size:13px;line-height:1.5;color:#636363}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-family:'Roboto Mono',monospace;font-size:11px;font-weight:400;color:#636363}th,td{padding:13px 7px;border-bottom:1px solid #e1e1e1}td:last-child,th:last-child{text-align:right}td code{display:block;font-size:10px;color:#828282;max-width:340px;overflow-wrap:anywhere}.source-list{display:flex;flex-wrap:wrap;gap:8px}.source-list button{padding:8px 10px;border:1px solid #e1e1e1;background:#f5f6f7;color:#015f83;font-size:12px}.journey-insight{grid-column:1/-1}.journey-insight ol{padding:0;list-style:none}.journey-insight li{padding:13px 0;border-top:1px solid #e1e1e1;display:flex;gap:20px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.journey-insight code{font-size:11px;color:#828282;flex-shrink:0}#ga-values{font-size:14px;color:#003347}.analytics-connection .eyebrow{font-size:10px}
:root{--cl-navy:#003347;--cl-blue:#015f83;--cl-black:#000;--cl-obsidian:#0e0e0e;--cl-charcoal:#636363;--cl-slate:#828282;--cl-ash:#a6a6a6;--cl-pewter:#c0c0c0;--cl-pearl:#e1e1e1;--cl-ivory:#f5f6f7;--cl-white:#fff;--cl-success:#1b8632;--cl-error:#f00;--green:var(--cl-blue);--muted:var(--cl-charcoal);--border:var(--cl-pearl);font-family:Roboto,Arial,sans-serif;color:var(--cl-obsidian);background:var(--cl-ivory)}
body{font-size:16px;font-weight:400;letter-spacing:-.01em}.sidebar{background:var(--cl-navy);color:var(--cl-white)}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:4px 12px 45px;letter-spacing:normal}.brand img{display:block;max-width:100%;height:auto}.brand>span:last-child{font-family:'Roboto Mono',monospace;color:var(--cl-white);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:300}.nav-label{color:var(--cl-pewter);font-family:'Roboto Mono',monospace;font-size:11px;font-weight:400}.nav-item{color:var(--cl-pewter);font-size:14px;padding:15px 12px;border-radius:2px}.nav-item.active{background:var(--cl-blue);color:var(--cl-white)}.nav-item:hover{color:white;background:#ffffff15}.sidebar-bottom{font-size:12px;color:var(--cl-white)}.sidebar-bottom p{color:var(--cl-pewter);font-size:12px}.status-dot{background:var(--cl-success)}a{color:var(--cl-blue)}header{font-size:14px}.breadcrumb{color:var(--cl-charcoal)}.environment{color:var(--cl-navy);background:var(--cl-white);border-color:var(--cl-pearl);border-radius:2px;font-family:'Roboto Mono',monospace;font-size:10px}.page-heading{margin:34px 0 28px}.eyebrow{font-family:'Roboto Mono',monospace;font-size:11px;font-weight:400;letter-spacing:.08em;color:var(--cl-blue)}h1{font-size:clamp(34px,3.3vw,52px);line-height:1.05;letter-spacing:-.03em;font-weight:400;margin:13px 0}h1+p{font-size:16px;line-height:1.4;color:var(--cl-charcoal)}.button{font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:400;border-radius:2px;min-height:42px;padding:11px 16px}.button.primary{background:var(--cl-blue);border-color:var(--cl-blue)}.button.primary:hover{background:var(--cl-navy);border-color:var(--cl-navy)}.button.secondary{color:var(--cl-navy);border-color:var(--cl-pearl)}.button.secondary:hover{border-color:var(--cl-blue);background:var(--cl-ivory)}.filters{border-radius:2px}label{font-family:'Roboto Mono',monospace;font-size:11px;line-height:1.4;font-weight:400;color:var(--cl-charcoal)}input,select{font-family:Roboto,Arial,sans-serif;font-size:14px;color:var(--cl-obsidian);border-color:var(--cl-pearl);border-radius:2px;min-height:42px}.filters>label{min-width:125px}.metrics article{border-radius:2px;padding:20px}.metrics article>span{font-family:'Roboto Mono',monospace;font-size:11px;color:var(--cl-charcoal)}.metrics strong{font-family:Roboto,Arial,sans-serif;font-size:34px;font-weight:400;letter-spacing:-.03em;color:var(--cl-navy)}.metrics small{font-size:12px;color:var(--cl-charcoal);line-height:1.4}.metrics em{color:var(--cl-slate)}.explorer{border-radius:2px}.tabs{background:var(--cl-ivory);border-radius:2px}.tabs button{font-size:14px;color:var(--cl-charcoal);border-radius:2px}.tabs [aria-selected=true]{color:var(--cl-blue);font-weight:500}.overlay-control,.overlay-control label{font-family:'Roboto Mono',monospace;font-size:11px;color:var(--cl-charcoal)}.overlay-control input{accent-color:var(--cl-blue)}.addressbar{background:var(--cl-ivory);color:var(--cl-charcoal);font-size:12px}.address-dot{background:var(--cl-slate)}#open-page{font-size:12px}.preview-viewport{background:var(--cl-pearl)}#stage{box-shadow:0 3px 18px #00334718}.explorer-footer{font-family:'Roboto Mono',monospace;font-size:10px;color:var(--cl-charcoal);line-height:1.5}.hint{font-size:12px;color:var(--cl-charcoal);line-height:1.5}.notice{background:var(--cl-white);color:var(--cl-navy);border:1px solid var(--cl-pearl);border-left:3px solid var(--cl-blue);border-radius:2px;font-size:14px}.notice.error{background:var(--cl-white);color:var(--cl-obsidian);border-color:var(--cl-pearl);border-left-color:var(--cl-error)}dialog{color:var(--cl-obsidian);border-radius:2px}dialog::backdrop{background:#003347bb}dialog p{font-size:14px;color:var(--cl-charcoal)}h2{font-size:34px;line-height:1.05;letter-spacing:-.03em;font-weight:400}h3{font-size:21px;font-weight:400}dialog pre{background:var(--cl-ivory);border-color:var(--cl-pearl);font-family:'Roboto Mono',monospace;font-size:11px}dialog .small{font-size:12px}dialog input{font-size:14px}code{font-family:'Roboto Mono',monospace}.mobile-brand{display:none}
@media(max-width:1100px){.brand{margin-left:4px;margin-right:4px}.nav-item{font-size:12px}.explorer-toolbar{height:auto;min-height:65px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.tabs button{font-size:13px}.filters>label{flex-basis:35%}}
@media(max-width:1100px){.session-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.insights-grid{grid-template-columns:1fr}.journey-insight{grid-column:auto}}
@media(max-width:900px){#header-user-name{max-width:150px}.header-actions{gap:12px}}
@media(max-width:700px){#header-user-name{max-width:105px;font-size:11px}.account-menu summary{gap:6px}.account-menu .user-avatar{width:25px;height:25px;font-size:9px}.header-actions .environment{display:none}}
@media(max-width:700px){.session-metrics{grid-template-columns:1fr}.analytics-connection{align-items:flex-start;flex-direction:column}.journey-insight li{flex-direction:column;gap:5px}}
@media(max-width:700px){header{height:70px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;background:var(--cl-navy);padding:10px 12px}.page-heading{margin:26px 0 22px}h1{font-size:34px}h1+p{font-size:15px}.metrics{grid-template-columns:1fr}.metrics article{display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px}.metrics article small{grid-column:1/3}.metrics strong{font-size:30px;grid-column:2;grid-row:1/3;align-self:center}.metrics article small{grid-column:1}.tabs button{font-size:13px}.header-actions{gap:9px}.header-actions a{font-size:13px}.environment{font-size:9px;padding:5px}.explorer-footer{font-size:9px}.filters>label{min-width:100px}.overlay-control input{width:80px}.overlay-control output{width:34px}}

.analytics-accordion{margin-bottom:20px;border:1px solid var(--border);border-radius:2px;background:var(--cl-white)}.analytics-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;cursor:pointer;list-style:none;font-size:14px;font-weight:500;color:var(--cl-navy)}.analytics-accordion>summary::-webkit-details-marker{display:none}.analytics-accordion>summary::after{content:'+';font-size:22px;font-weight:400;line-height:1}.analytics-accordion[open]>summary::after{content:'-'}.analytics-accordion>summary:hover{background:var(--cl-ivory)}.analytics-accordion>summary:focus-visible{outline:2px solid var(--cl-blue);outline-offset:-3px}.analytics-accordion-content{padding:0 20px 20px}.analytics-accordion-content>.analytics-connection{margin-bottom:0}@media(max-width:700px){.analytics-accordion>summary{padding:15px}.analytics-accordion-content{padding:0 12px 12px}}

.analytics-show-less{display:none}.analytics-accordion[open] .analytics-show-more{display:none}.analytics-accordion[open] .analytics-show-less{display:inline}