.design-screen{min-width:0}.screen-top{display:flex;align-items:center;gap:20px;padding:17px 0;color:#647698;font-size:14px}.screen-top>small{margin-left:auto;font-size:12px}.design-screen>h1{font-size:37px;letter-spacing:-1px;color:#101b41;margin:18px 0 7px;line-height:1.2}.screen-subtitle{font-size:18px;color:#6b7b98;line-height:1.5;margin:0 0 22px}.screen-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:white;border:1px solid #e0e7f1;border-radius:12px;padding:22px 0;margin-bottom:20px}.screen-strip-item{display:flex;align-items:center;gap:18px;padding:0 24px;border-right:1px solid #e1e7f0;min-width:0}.screen-strip-item:last-child{border:0}.screen-dot{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#ecf3ff;color:#2459e9;font-size:23px}.screen-dot.green{color:white;background:#229b72}.screen-dot.amber{color:white;background:#dda020}.screen-dot.gray{color:white;background:#99a5bb}.screen-strip-text{display:flex;flex-direction:column;gap:5px;min-width:0}.screen-strip-text strong{font-size:22px;line-height:1.3;overflow-wrap:anywhere;color:#142445}.screen-strip-text small{font-size:13px;color:#627493}.screen-panel{min-width:0;padding:20px;background:white;border:1px solid #e1e7f0;border-radius:12px;margin-bottom:18px}.screen-panel>h2{font-size:22px;margin:0 0 18px;color:#132344;letter-spacing:-.4px}.screen-panel h3{font-size:15px;color:#213857;margin:16px 0 10px}.screen-issue-grid{display:grid;grid-template-columns:355px minmax(0,1fr);gap:16px}.screen-search{width:100%;padding:12px 14px;background:#f8faff;border:1px solid #dce5f1;border-radius:8px;font-size:13px;color:#29415f;min-width:0}.screen-tabs{display:flex;gap:6px;margin:15px 0;flex-wrap:wrap}.screen-tabs button{border:0;background:#f1f5fa;padding:9px 12px;font-size:12px;color:#647796}.screen-tabs button.active{color:#1756e8;background:#eaf2ff;box-shadow:inset 0 -2px #2860ef}.screen-check-list{margin:0 -20px}.screen-check-row{display:flex;align-items:center;gap:13px;padding:16px 18px;width:100%;border:0;border-top:1px solid #e5ebf2;border-radius:0;text-align:left;background:white}.screen-check-row.active{background:#e9f1ff;border-left:3px solid #3263f1;padding-left:15px}.screen-check-row>div{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.screen-check-row strong{font-size:14px;color:#243a62;line-height:1.45}.screen-check-row small{font-size:12px;color:#7384a1;font-weight:400}.screen-check-row .audit-status{font-size:10px;padding:5px 8px}.screen-stage-nav{display:flex;gap:9px;justify-content:flex-end;margin:15px 0}.screen-stage-nav button{font-size:11px;padding:8px;background:#f4f7fc;border:0;color:#3564be}.screen-note{font-size:12px;color:#7183a1;line-height:1.7;margin:14px 0}.screen-experience-grid{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);gap:18px}.screen-experience-grid.desktop{grid-template-columns:minmax(0,1.3fr) minmax(350px,1fr)}.screen-browser-frame{overflow:hidden;border:1px solid #d4ddec;border-radius:12px;margin:15px auto;box-shadow:0 6px 20px #23477912;background:white;max-width:100%}.screen-browser-frame.mobile{width:290px;border:9px solid #182027;border-radius:35px}.screen-browser-chrome{padding:8px 12px;background:#eaf0f6;color:#9aa6b9;letter-spacing:4px;font-size:10px}.screen-capture{width:100%;height:auto;display:block}.screen-review-card{border:1px solid #e1e8f0;padding:17px;border-radius:11px;margin:12px 0;background:#fff}.screen-review-card>summary{font-size:15px;font-weight:650;color:#1b345e;cursor:pointer;line-height:1.5}.screen-review-card>p{font-size:13px;line-height:1.7;color:#647999}.screen-element-list{background:#f4f7fb;padding:12px;border-radius:8px;max-width:100%}.screen-element-list>summary{font-size:12px;color:#39649e;cursor:pointer}.screen-passed{padding:15px;background:#edf9f2;border:1px solid #caebd9;border-radius:10px;color:#24724f;margin:12px 0;font-size:13px;line-height:1.6}.screen-passed h3{color:#23794f;margin-top:0}.screen-performance-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr);gap:18px}.screen-performance-grid .screen-panel .screen-panel{border:0;padding:0}.screen-work-row{display:grid;grid-template-columns:155px minmax(0,1fr) 75px;gap:14px;align-items:center;margin:15px 0;font-size:13px;color:#526989}.screen-work-bar{height:18px;background:#315be8;border-radius:4px;min-width:1px}.screen-work-row:first-of-type .screen-work-bar{background:#233d64}.screen-resource-row{border-bottom:1px solid #e3eaf3;padding:14px 0;overflow-wrap:anywhere;font-size:12px;color:#537299}.screen-resource-row>summary{cursor:pointer;font-size:13px;color:#2d4b78}.screen-pages-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(350px,1fr);gap:17px}.screen-table-tools{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.screen-table-tools .screen-search{flex:1;min-width:160px}.screen-table-tools button,.screen-table-tools select{font-size:12px;padding:11px;border-radius:8px;border:1px solid #dce5f1;color:#456285;background:white}.screen-page-row{display:grid;grid-template-columns:minmax(0,1fr) 65px 110px;gap:12px;align-items:center;width:100%;text-align:left;border:0;border-top:1px solid #e5ebf2;border-radius:0;padding:14px 10px;font-weight:400;background:white;color:#28436e}.screen-page-row strong{display:block;font-size:14px;color:#172f56;line-height:1.5}.screen-page-row small{display:block;color:#6e82a3;margin-top:5px;overflow-wrap:anywhere;font-size:12px}.screen-page-row.active{background:#e8f2ff}.table-head{font-size:12px;background:#f5f8fc;font-weight:650}.http-good{display:inline-block;background:#d9f6e6;color:#1a724e;border-radius:16px;padding:5px 10px;font-size:12px;text-align:center}.http-review,.page-warning{display:inline-block;background:#fff0d6;color:#a66e14;border-radius:7px;padding:5px 8px;font-size:11px}.screen-pagination{display:flex;align-items:center;gap:9px;padding-top:17px;flex-wrap:wrap;color:#6e83a4;font-size:12px}.screen-pagination>span:first-child{flex:1}.screen-pagination button{padding:8px;font-size:12px}.screen-heading-node{padding:11px 15px;margin:10px auto;background:#e9f2ff;border:1px solid #cce0ff;border-radius:8px;color:#23477f;font-size:13px;max-width:95%;overflow-wrap:anywhere}.screen-heading-node.empty{background:#fff6e8;border:1px dashed #efab36;color:#9c701f}.page-issue-button{display:block;margin:10px 0;width:100%;text-align:left;border-color:#ffdfaa;background:#fff6e8;color:#99631a;font-size:12px}.screen-history-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(340px,1fr);gap:18px}.screen-history-row{display:grid;grid-template-columns:22px minmax(160px,1fr) 95px 105px 55px;align-items:center;gap:12px;border-top:1px solid #e3eaf2;padding:17px 0;color:#39557f;font-size:12px}.screen-history-row button{border:0;background:none;padding:6px;font-size:12px;color:#265deb}.screen-download{color:#3464c3}.screen-compare-selected{display:flex;gap:15px}.screen-compare-box{padding:17px;border:1px solid #e0e7f2;border-radius:9px;background:#f7faff;font-size:14px;color:#274679;line-height:1.6;flex:1}.screen-history-grid .primary{width:100%}.screen-panel .readable-table{margin:10px 0;width:100%;max-width:100%}.screen-panel .readable-table table{table-layout:fixed}.screen-panel .readable-table td,.screen-panel .readable-table th{min-width:0}.screen-panel pre{max-width:100%;overflow:auto}.device-tabs{justify-content:flex-start}.reference-shell .design-screen .inline-fix-content>h2{display:none}.screen-panel .value-card-grid{padding:0}.screen-panel .inline-fix-content .fix-measured{background:#f7faff}.screen-panel .inline-fix-content .fix-verify{background:#f7faf8}.screen-panel .inline-fix-content .fix-steps{background:#fff}
@media(max-width:1200px){.screen-issue-grid{grid-template-columns:285px minmax(0,1fr)}.screen-experience-grid,.screen-experience-grid.desktop,.screen-performance-grid,.screen-pages-grid,.screen-history-grid{grid-template-columns:1fr}.screen-history-row{grid-template-columns:22px minmax(130px,1fr) 95px 100px 50px}.screen-strip-item{padding:0 15px;gap:12px}.screen-strip-text strong{font-size:18px}}
@media(max-width:800px){.design-screen>h1{font-size:27px}.screen-subtitle{font-size:15px}.screen-top{flex-wrap:wrap;gap:10px;font-size:12px}.screen-top>small{margin-left:0}.screen-top button{margin-left:auto;font-size:12px;padding:9px}.screen-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;padding:18px 0}.screen-strip-item{border:0;padding:0 13px;gap:9px}.screen-strip-text strong{font-size:17px}.screen-strip-text small{font-size:11px}.screen-dot{width:32px;height:32px;font-size:20px}.screen-issue-grid{grid-template-columns:1fr}.screen-panel{padding:16px}.screen-check-list{margin:0 -16px;max-height:330px;overflow:auto}.screen-stage-nav{justify-content:flex-start;flex-wrap:wrap}.screen-panel>h2{font-size:20px}.screen-history-row{grid-template-columns:22px minmax(0,1fr) 90px}.screen-history-row button,.screen-download{grid-column:auto}.screen-work-row{grid-template-columns:120px minmax(0,1fr) 60px;font-size:11px;gap:8px}.screen-page-row{grid-template-columns:minmax(0,1fr) 52px 85px;padding:11px 5px;gap:6px}.screen-page-row strong{font-size:12px}.screen-page-row small{font-size:10px}.screen-table-tools{gap:7px}.screen-browser-frame.mobile{width:270px}.screen-compare-selected{flex-direction:column}}
.eight-design{--primary:#315be8;background:#f7f9fc;color:#14213d}.eight-design .ref-heading h1{font-size:37px}.eight-design .ref-heading p{font-size:18px}.eight-design .ref-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:none;border:0;padding:0;gap:15px}.eight-design .ref-stat{border:1px solid #e1e7f0;border-radius:10px;background:white;padding:20px;gap:20px}.eight-design .ref-stat strong{font-size:29px}.eight-design .ref-count-note{text-align:left;margin:12px 0 22px}.eight-design .ref-action-column{background:white;border:1px solid #e1e7f0;border-radius:12px;padding:20px}.eight-design .ref-action[open]{border:1px solid #e1e7f0;border-radius:10px}.eight-design .ref-action-number,.eight-design .ref-action[open] .ref-action-number{background:#eaf2ff;color:#315be8;border-radius:50%;width:39px;height:39px;font-size:18px}.eight-design .ref-heading .ref-controls .primary{background:#315be8}.eight-design .ref-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr);gap:18px}.eight-design .ref-action-title strong{font-size:16px}.eight-design .ref-explore-row{gap:15px;padding:16px 0}.eight-design .ref-explore-row>div{flex:1;text-align:left;min-width:0}.eight-design .ref-explore-row strong,.eight-design .ref-explore-row small{display:block}.eight-design .ref-explore-row small{color:#7284a1;font-size:11px;white-space:normal;margin-top:6px}.eight-design .ref-explore-row .ref-icon{background:#edf4ff;border-radius:50%;padding:7px;width:40px;height:40px;color:#315be8}.eight-design .ref-stat-icon{width:44px;height:44px}.eight-design .ref-speed-foot .ref-link{font-size:12px}.eight-design .ref-main-grid .ref-disclaimer{font-size:11px}.eight-design .ref-resource{font-size:12px}.eight-design .ref-topbar .ref-saved{font-size:12px}.eight-design .ref-nav-item[aria-current=page]{background:#eaf2ff!important;color:#2359eb!important;border:0!important}.eight-design .ref-nav-item{border-radius:8px!important}.eight-design .ref-action-foot .mark-reviewed{display:none}@media(max-width:1100px){.eight-design .ref-main-grid{grid-template-columns:1fr}.eight-design .ref-right-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.eight-design .ref-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.eight-design .ref-heading h1{font-size:29px}.eight-design .ref-heading p{font-size:15px}.eight-design .ref-stat{padding:14px;gap:10px}.eight-design .ref-right-column{display:block}.eight-design .ref-action-column{padding:15px}.eight-design .ref-stat-icon{width:32px;height:32px}.eight-design .ref-stat strong{font-size:26px}}
.eight-design .workspace-main{margin:0!important;align-self:start!important}.eight-design #dashboard{margin-top:0!important}.screen-strip:has(.screen-strip-item:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.screen-strip:has(.screen-strip-item:nth-child(3):last-child){grid-template-columns:minmax(0,1fr)}}
.screen-panel .fix-measured,.screen-panel .fix-steps,.screen-panel .fix-verify{padding:15px;margin-top:12px}.screen-panel .inline-fix-content .fix-steps li{line-height:1.65;padding:3px 0;font-size:12px}.screen-panel .fix-steps ol{margin:8px 0;padding-left:20px}.screen-more-steps{font-size:12px;color:#567096;margin-top:12px}.screen-more-steps summary{cursor:pointer}.screen-panel .fix-verify p{line-height:1.65!important;margin:7px 0}.screen-history-row{grid-template-columns:22px minmax(135px,1fr) 95px 78px 94px 52px}.screen-stage-nav{margin:9px 0}.screen-panel .fix-measured h3,.screen-panel .fix-steps h3,.screen-panel .fix-verify h3{margin-top:0}@media(max-width:800px){.screen-history-row{grid-template-columns:22px minmax(0,1fr) 90px}.screen-history-row button,.screen-download{grid-column:auto}}