/* Shared workspace chrome and the compact overview from the supplied reference. */
.pro-workspace-header{display:none!important}
body.reference-shell,body.projects-mode{--pro-ink:#091535;--pro-muted:#65789b;--pro-surface:#fff;--pro-line:#d9e3f0;background:#f1f6fb;color:var(--pro-ink)}
body.reference-shell>header:not(.pro-workspace-header),body.projects-mode>header:not(.pro-workspace-header){display:none!important}
body.reference-shell>.pro-workspace-header,body.projects-mode>.pro-workspace-header{display:flex!important;align-items:center;justify-content:flex-start;gap:42px;position:sticky;top:0;z-index:300;width:100%;height:96px;margin:0;padding:0 30px;background:var(--pro-surface);border-bottom:1px solid var(--pro-line);box-sizing:border-box}
.pro-header-brand{display:flex;align-items:center;flex-shrink:0;width:243px}.pro-header-brand img{width:100%;height:auto;max-height:52px}
.pro-header-nav{display:flex;gap:10px;align-items:center;padding-right:80px}.pro-header-nav a,.pro-header-nav button{border:0;background:transparent;color:var(--pro-ink);border-radius:8px;padding:15px 22px;font-size:17px;line-height:1.2;font-weight:500;text-decoration:none;white-space:nowrap}.pro-header-nav a.active{background:#e9f2ff;color:#1456ff}.pro-header-nav a:hover,.pro-header-nav button:hover{background:#f0f5fc}
body.reference-shell .workspace-shell{grid-template-columns:310px minmax(0,1fr);margin:0;max-width:none;gap:0}
body.reference-shell .audit-sidebar{top:96px;height:calc(100vh - 96px);min-height:0;padding:31px 14px 18px;background:var(--pro-surface);border-right:1px solid var(--pro-line);box-shadow:none;overflow:hidden;position:sticky;display:flex;flex-direction:column}
body.reference-shell .sidebar-title,body.reference-shell .sidebar-bottom{display:none}
body.reference-shell .project-picker{margin:0 13px 28px;flex-shrink:0}
body.reference-shell .project-picker label{text-transform:uppercase;font-size:12px;font-weight:600;color:#7183a3;letter-spacing:.3px;margin:0 0 12px}
body.reference-shell .project-picker select{height:69px;font-size:16px;padding:10px 13px 28px;background:var(--pro-surface);color:var(--pro-ink);border-color:var(--pro-line);border-radius:8px}
body.reference-shell .ref-project-domain{font-size:13px;left:13px;bottom:11px;color:var(--pro-muted)}
body.reference-shell #report-menu{margin:0;gap:6px;padding:0;max-height:none;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden}
body.reference-shell #report-menu .ref-nav-item{gap:21px;min-height:54px;padding:14px 18px;border:0!important;border-radius:7px!important;font-size:17px;font-weight:400;color:var(--pro-ink);background:transparent;box-sizing:border-box;flex-shrink:0}
body.reference-shell #report-menu .ref-nav-item[aria-current=page]{color:#1558ff;background:#e9f2ff!important;padding-left:18px}
body.reference-shell #report-menu .ref-icon{width:25px;height:25px}
.pro-nav-label{font-size:12px;font-weight:600;letter-spacing:.45px;color:#7587a8;padding:23px 16px 13px;flex-shrink:0}
body.reference-shell .workspace-main{padding:60px 31px 35px 34px!important;min-width:0;margin:0!important}
body.reference-shell #dashboard{border:0;background:transparent;padding:0;margin:0;box-shadow:none}
body.reference-shell .pro-overview{padding:0!important;min-width:0}
.pro-report-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;flex-wrap:wrap}
.pro-breadcrumbs{display:flex;align-items:center;gap:13px;min-width:0;font-size:14px;color:var(--pro-muted)}
.pro-breadcrumbs a,.pro-breadcrumbs button{color:#2471dd;border:0;padding:0;background:transparent;text-decoration:none;font-weight:500;font-size:14px}.pro-breadcrumbs strong{font-weight:600}
.pro-report-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pro-report-date{color:var(--pro-muted);font-size:13px;margin-right:8px}.pro-report-controls button{padding:10px 12px;min-height:40px;font-size:13px;border-radius:5px;white-space:nowrap}.pro-report-controls .primary{background:#1554ff;border-color:#1554ff;color:white;box-shadow:none}.pro-export{display:flex;gap:8px;align-items:center;background:var(--pro-surface);border:1px solid #bdcce1;color:var(--pro-ink);box-shadow:none}
.pro-icon{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pro-icon svg{width:100%;height:100%}.pro-export .pro-icon{width:16px;height:16px}
.pro-overview-title{margin:63px 0 29px}.pro-overview-title h1{font-size:46px;line-height:1.15;letter-spacing:-1.5px;color:var(--pro-ink);margin:0 0 12px;font-weight:750}.pro-overview-title p{font-size:18px;color:var(--pro-muted);margin:0;font-weight:500;line-height:1.5}
.pro-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:30px}.pro-status-card{display:flex;align-items:center;gap:18px;padding:26px 22px;min-height:128px;background:var(--pro-surface);border:1px solid var(--pro-line);border-radius:8px;box-shadow:0 2px 4px #1e375306;text-align:left;color:var(--pro-ink)}.pro-status-card:hover{border-color:#95b8f6;box-shadow:0 4px 14px #28476c0d}.pro-status-icon{width:69px;height:69px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.pro-status-icon .pro-icon{width:29px;height:29px}.critical .pro-status-icon,.pro-priority-icon.critical{background:#ffe7e7;color:#e33630}.review .pro-status-icon,.pro-priority-icon.review{background:#fff2d8;color:#e79500}.pass .pro-status-icon{background:#dcf8e7;color:#00a749}.unknown .pro-status-icon{background:#edf2f9;color:#647598}.pro-status-text{display:flex;flex-direction:column;gap:5px;min-width:0}.pro-status-text strong{font-size:34px;line-height:1.15}.pro-status-text>span{font-size:16px;font-weight:400;color:var(--pro-muted);line-height:1.4}
.pro-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.pro-overview-panel{background:var(--pro-surface);border:1px solid var(--pro-line);border-radius:9px;padding:25px 24px 24px;min-width:0;min-height:350px;box-shadow:0 3px 12px #25446804}.pro-overview-panel h2{font-size:23px;letter-spacing:-.5px;margin:0 0 22px;line-height:1.25;color:var(--pro-ink)}
.pro-priority-row{display:flex;align-items:center;gap:20px;width:100%;padding:12px 11px;border:1px solid #e1e8f2;background:var(--pro-surface);border-radius:6px;margin-bottom:13px;min-height:77px;text-align:left;color:var(--pro-ink)}.pro-priority-row:last-child{margin-bottom:0}.pro-priority-row:hover{background:#f9fbff;border-color:#adc4ee}.pro-priority-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.pro-priority-icon.content{background:#e6f1ff;color:#1670ff}.pro-priority-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.pro-priority-copy strong{font-size:16px;font-weight:600;line-height:1.35}.pro-priority-copy small{font-size:13px;font-weight:400;color:var(--pro-muted);line-height:1.4}.pro-priority-row>.pro-icon{width:20px;color:#405677}.pro-no-priorities{line-height:1.6;color:var(--pro-muted)}
.pro-speed-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:11px;gap:0}.pro-speed-device{display:flex;flex-direction:column;align-items:center;gap:22px;background:none;border:0;padding:0 10px 12px;border-radius:0;color:var(--pro-ink)}.pro-speed-device+button{border-left:1px solid #e0e7f2}.pro-device-label{display:flex;gap:14px;align-items:center;font-size:16px}.pro-device-label .ref-icon{width:23px;height:23px}.pro-speed-ring{width:129px;height:129px;border-radius:50%;background:conic-gradient(var(--tone) calc(var(--value)*1%),#fff2e1 0);display:grid;place-items:center;position:relative}.pro-speed-ring:before{content:'';position:absolute;inset:10px;border-radius:50%;background:var(--pro-surface)}.pro-speed-ring strong{position:relative;font-size:36px;line-height:1;color:var(--tone)}.pro-speed-device small{font-size:14px;font-weight:400;color:var(--pro-muted)}.pro-overview-scope{font-size:11px;color:var(--pro-muted);line-height:1.6;margin:14px 0}.pro-help h3{font-size:17px;margin:20px 0 8px}.pro-help p{line-height:1.7;color:#617493}
body.reference-shell .account-trigger,body.projects-mode .account-trigger{top:20px;right:24px;width:78px;height:50px;display:flex;align-items:center;justify-content:center;gap:12px;background:none;border:0;box-shadow:none;padding:0;color:#1c3b68}.account-initials{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#e7f1ff;color:#1c59ef;font-size:16px;font-weight:600}.account-chevron{display:inline-flex;width:13px;height:13px}.account-chevron svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.account-trigger:not(body.reference-shell .account-trigger):not(body.projects-mode .account-trigger) .account-chevron{display:none}.account-trigger:not(body.reference-shell .account-trigger):not(body.projects-mode .account-trigger) .account-initials{width:40px;height:40px}
body.reference-shell .account-menu,body.projects-mode .account-menu{top:66px;right:23px;width:310px;border-radius:7px;padding:9px 18px;box-shadow:0 9px 22px #24354e22;border-color:#cfdbeb}.account-menu-user{padding:9px 1px 16px;margin-bottom:8px}.account-menu-user strong{font-size:17px;font-weight:500;color:#0d1b3b}.account-menu-user small{font-size:14px}.account-menu button{font-size:16px;padding:13px 2px;gap:18px;min-height:49px}.account-menu svg{width:25px;height:25px}.account-menu .account-logout{margin-top:16px;padding-top:19px;color:#0d1b3b}.account-menu button:hover{background:#f3f7fd}
@media(max-width:1250px){body.reference-shell .workspace-shell{grid-template-columns:260px minmax(0,1fr)}body.reference-shell .workspace-main{padding:36px 25px!important}.pro-status-card{gap:12px;padding:20px 16px}.pro-status-icon{width:48px;height:48px}.pro-status-text>span{font-size:14px}.pro-overview-title h1{font-size:39px}.pro-report-date{flex-basis:100%;text-align:right}.pro-header-nav a,.pro-header-nav button{padding:14px 17px}.pro-overview-title{margin-top:42px}}
@media(max-width:1050px){.pro-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-overview-grid{grid-template-columns:minmax(0,1fr)}.pro-overview-panel{min-height:0}.pro-speed-snapshot{min-height:330px}.pro-report-top{align-items:flex-start}.pro-overview-title{margin-top:36px}.pro-header-brand{width:205px}.pro-header-nav{gap:0}.pro-header-nav a,.pro-header-nav button{font-size:15px;padding:13px 14px}}
@media(max-width:800px){body.reference-shell>.pro-workspace-header,body.projects-mode>.pro-workspace-header{height:80px;padding:0 16px;gap:18px}.pro-header-brand{width:157px}.pro-header-nav{padding-right:60px;gap:0}.pro-header-nav a,.pro-header-nav button{font-size:13px;padding:10px 11px}.pro-header-nav button{display:none}.pro-header-nav a:not(.active){display:none}body.reference-shell .account-trigger,body.projects-mode .account-trigger{top:16px;right:11px;width:62px;height:42px;gap:6px}.account-initials{width:38px;height:38px;font-size:14px}body.reference-shell .account-menu,body.projects-mode .account-menu{top:65px;right:12px;width:310px;max-width:calc(100vw - 24px)}body.reference-shell .workspace-shell{display:block!important}body.reference-shell .audit-sidebar{top:80px;height:auto;max-height:calc(100vh - 80px);padding:12px 16px;position:sticky;overflow:visible;z-index:100;border-bottom:1px solid var(--pro-line)}body.reference-shell .project-picker{display:block;margin:0 0 7px;padding:0}body.reference-shell .project-picker label{display:none}body.reference-shell .project-picker select{height:55px;padding:8px 12px 22px;font-size:14px}body.reference-shell .ref-project-domain{display:block;font-size:11px;bottom:8px;left:12px}body.reference-shell #sidebar-toggle{display:block;margin:0 0 10px;padding:7px 10px}body.reference-shell #report-menu{display:none;max-height:55vh;margin:7px 0 0;overflow:auto}body.reference-shell .audit-sidebar.open #report-menu{display:flex}body.reference-shell .workspace-main{padding:25px 16px!important}.pro-report-top{gap:16px}.pro-report-controls{width:100%;justify-content:flex-end}.pro-report-date{flex-basis:100%;text-align:left;margin:0 0 4px}.pro-overview-title{margin:31px 0 23px}.pro-overview-title h1{font-size:32px;letter-spacing:-.7px}.pro-overview-title p{font-size:15px}.pro-status-grid{gap:10px;margin-bottom:20px}.pro-status-card{padding:17px 11px;min-height:100px;gap:10px}.pro-status-icon{width:38px;height:38px}.pro-status-icon .pro-icon{width:22px;height:22px}.pro-status-text strong{font-size:28px}.pro-status-text>span{font-size:12px}.pro-overview-panel{padding:20px 16px}.pro-overview-panel h2{font-size:21px}.pro-priority-row{gap:12px}.pro-priority-icon{width:40px;height:40px}.pro-priority-copy strong{font-size:14px}.pro-priority-copy small{font-size:12px}.pro-speed-device{padding:0 6px 10px}.pro-speed-ring{width:112px;height:112px}.pro-speed-ring strong{font-size:31px}.pro-device-label{gap:8px;font-size:14px}.pro-speed-device small{font-size:12px}}
body[data-account-theme=dark].reference-shell,body[data-account-theme=dark].projects-mode{--pro-ink:#e3edff;--pro-muted:#a5b8d5;--pro-surface:#18263d;--pro-line:#354b6c;background:#101b2e}body[data-account-theme=dark] .pro-header-nav a.active,body[data-account-theme=dark] #report-menu .ref-nav-item[aria-current=page]{background:#213d69!important;color:#9cbeff}body[data-account-theme=dark] .pro-priority-row:hover{background:#20324e}body[data-account-theme=dark] .account-menu-user strong,body[data-account-theme=dark] .account-menu .account-logout{color:#dce7ff}
body.marketing-mode>.pro-workspace-header,body.signup-mode>.pro-workspace-header{display:none!important}
body.reference-shell .screen-top{padding-right:0!important}

@media(min-width:1450px){.pro-report-top{padding-right:318px}}

body.reference-shell #dashboard,body.reference-shell .design-screen,body.reference-shell .status-results-panel{scroll-margin-top:156px}
@media(max-width:800px){body.reference-shell #dashboard,body.reference-shell .design-screen,body.reference-shell .status-results-panel{scroll-margin-top:220px}}

/* The selected website's everyday workspace. */
.pro-home-health{display:flex;align-items:center;gap:20px;padding:22px 24px;background:var(--pro-surface);border:1px solid var(--pro-line);border-radius:12px;margin-bottom:24px;min-width:0}
.pro-home-health-score{--value:0;--tone:#94a3b8;width:88px;height:88px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--tone) calc(var(--value)*1%),#e8eef6 0);display:grid;place-items:center;position:relative}
.pro-home-health-score:before{content:'';position:absolute;inset:8px;background:var(--pro-surface);border-radius:50%}
.pro-home-health-score strong{position:relative;font-size:24px;color:var(--pro-ink)}
.pro-home-health-copy{flex:1;min-width:0}.pro-home-health h2{font-size:20px;margin:0 0 7px;color:var(--pro-ink)}.pro-home-health p{font-size:13px;line-height:1.6;color:var(--pro-muted);margin:0}
.pro-work-heading{margin:24px 0 14px;min-width:0}.pro-work-heading h2{font-size:22px;line-height:1.3;color:var(--pro-ink);margin:0 0 7px}.pro-work-heading p{font-size:13px;line-height:1.6;color:var(--pro-muted);margin:0}
.pro-home-health-date{display:grid;gap:7px;color:var(--pro-muted);font-size:12px;min-width:0}.pro-home-health-date strong{color:var(--pro-ink);font-size:13px}.pro-home-health-date small{font-size:12px}
.pro-home-history{display:flex;align-items:center;gap:8px;font-size:13px;color:#215bee;background:transparent;border:1px solid var(--pro-line);white-space:nowrap;padding:12px 14px}.pro-home-history .pro-icon{width:18px;height:18px}
.pro-home-sections{margin-top:28px}.pro-home-sections>h2{font-size:24px;margin:0 0 6px;color:var(--pro-ink)}.pro-home-sections>p,.pro-home-note{font-size:13px;line-height:1.7;color:var(--pro-muted)}
.pro-home-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.pro-home-section{min-width:0;display:flex;flex-direction:column;gap:14px;text-align:left;padding:20px;background:var(--pro-surface);border:1px solid var(--pro-line);border-radius:12px;color:var(--pro-ink);font-weight:400}
.pro-home-section:hover{border-color:#6497ff;box-shadow:0 4px 14px #23477910}.pro-home-section:focus-visible{outline:3px solid #6497ff;outline-offset:3px}
.pro-home-section-title{display:flex;gap:10px;align-items:center;font-size:14px;line-height:1.5}.pro-home-section-title .pro-icon,.pro-home-section-title .ref-icon{width:34px;height:34px;padding:7px;box-sizing:border-box;background:#eaf2ff;border-radius:9px;color:#2464de;flex-shrink:0}
.pro-home-section-state{font-size:17px;line-height:1.4}.pro-home-section.review .pro-home-section-state{color:#a5630d}.pro-home-section.critical .pro-home-section-state{color:#bc3434}.pro-home-section.pass .pro-home-section-state{color:#18805b}.pro-home-section.unknown .pro-home-section-state{color:var(--pro-muted)}
.pro-home-section-bar{display:flex;width:100%;height:7px;border-radius:8px;overflow:hidden;background:#e8eef6}.pro-home-section-bar i{display:block;height:100%}.pro-home-section small{font-size:12px;color:var(--pro-muted);line-height:1.5}.pro-home-section-open{font-size:12px;color:#215bee;margin-top:auto}
.pro-header-nav{gap:4px}.pro-header-nav a,.pro-header-nav button{padding:13px 16px;font-size:15px}
@media(max-width:1150px){.pro-home-health{flex-wrap:wrap}.pro-home-health-date{margin-left:108px;flex:1}.pro-home-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-header-nav a,.pro-header-nav button{padding:12px 10px;font-size:14px}}
@media(max-width:800px){.pro-header-nav a,.pro-header-nav button{padding:10px 8px;font-size:12px}.pro-home-health{gap:14px;padding:18px}.pro-home-health-score{width:70px;height:70px}.pro-home-health-score strong{font-size:21px}.pro-home-health h2{font-size:18px}.pro-home-health-date{margin-left:0;flex:1}.pro-home-health-copy p{font-size:12px}.pro-home-history{font-size:12px;padding:10px}.pro-home-section-grid{grid-template-columns:1fr;gap:12px}.pro-home-sections>h2{font-size:22px}.pro-home-section{padding:18px}.pro-home-section-state{font-size:16px}}
@media(max-width:430px){body.reference-shell>.pro-workspace-header,body.projects-mode>.pro-workspace-header{gap:10px}.pro-header-brand{width:145px}.pro-header-nav{padding-right:52px}.pro-header-nav a{padding:9px 7px}}
@media(max-width:800px){
 .pro-home-health{display:grid;grid-template-columns:70px minmax(0,1fr);gap:16px}
 .pro-home-health-copy{min-width:0}
 .pro-home-health-date{grid-column:1 / -1;border-top:1px solid var(--pro-line);padding-top:14px;margin:0}
 .pro-home-history{grid-column:1 / -1;justify-content:center;width:100%}
}

.health-color-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px}.health-color-legend span{font-weight:600}