/* The working surface shares the public site's type, spacing and blue accent. */
body.panelMode{background:#f5f7fb}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.historyTools{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-top:24px}.historyTools label{display:grid;gap:7px;color:#64748b;font-size:12px;flex:1;min-width:150px}.historyTools input,.historyTools select{width:100%;min-height:42px;background:white;border:1px solid #dbe3ef;border-radius:9px;padding:10px;font:inherit;color:#334155}.historyTools>span{width:100%;font-size:12px;color:#64748b}.workflowNotice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#eef7ff;color:#244566;border:1px solid #cbdff4;padding:14px 16px;border-radius:12px;margin-bottom:18px;font-size:13px;line-height:1.7}.workflowNotice.failed{background:#fffbf2;color:#855b1c;border-color:#efdfb8}.workflowNotice[hidden]{display:none}.workflowNotice .btn{margin-left:auto}.workflowChanges{display:grid;gap:10px;margin-top:12px}.workflowChanges>div{padding:12px;background:#f8fafc;border-radius:9px}.workflowChanges p{margin:6px 0 0;font-size:12px;overflow-wrap:anywhere}#performanceHistory td:first-child{max-width:220px;overflow-wrap:anywhere}
body.panelMode>.wrap{max-width:none;padding:0}
body.panelMode .nav,body.panelMode .premiumFooter{display:none}
body.panelMode #dashboard{margin:0;padding:0 0 0 232px;min-height:100vh;max-width:none}
.workspaceSide{position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:28px 16px 18px;z-index:20;overflow-y:auto}
.workspaceSide .brand{padding:0 8px 28px}
.workspaceSite{margin:0 8px 24px;padding:16px 0;border-block:1px solid #edf1f6;overflow-wrap:anywhere}
.uiEyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:.12em;color:#64748b;margin-bottom:10px;text-transform:uppercase}
.workspaceSite b{font-size:13px;font-weight:650}
#dashboard #dashMenu{position:static;display:flex;flex-direction:column;gap:3px;border:0;margin:0;padding:0;background:none;box-shadow:none;backdrop-filter:none}
#dashboard #dashMenu button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:9px;background:none;color:#53627a;min-height:40px;white-space:nowrap}
#dashboard #dashMenu button.active{background:#edf3ff;color:#1d4ed8;border-color:#e2ebff}
.workspaceIcon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.workspacePlan{border-top:1px solid #e2e8f0;margin:24px 8px 0;padding-top:18px;display:grid;gap:9px;font-size:12px;color:#64748b}
.workspacePlan b{font-size:14px;color:#14233e}.workspacePlan button{text-align:left;padding:6px 0;border:0;background:none;color:#2563eb;font:inherit;cursor:pointer}
#dashboard .dashTop{padding:18px 32px;background:#fff;border-bottom:1px solid #e2e8f0;margin:0;min-height:84px;gap:20px}
#dashboard .dashTop>div:first-child>.pill{display:none}#dashboard .dashTop h2{font-size:14px!important;letter-spacing:0;margin:0 0 6px!important}
#dashboard #dashEmail{font-size:12px;overflow-wrap:anywhere}
#dashboard .dashTop>.uiTopActions{flex-wrap:wrap;justify-content:flex-end}
#dashboard .dashTop .btn{padding:9px 12px;font-size:12px;min-height:38px;box-shadow:none}
#dashboard .dashSection{max-width:1340px;margin:auto;padding:32px}
#dashboard .dashSection.active{animation:workspaceAppear .2s ease-out}
.uiHeading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.uiHeading h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0 0 10px}.uiHeading p{font-size:14px;line-height:1.6;color:#64748b;margin:0;overflow-wrap:anywhere}
#dashboard .btn{min-height:42px;font-family:inherit;border-radius:10px}.uiHeading .btn{white-space:nowrap}
#dashboard .card,#dashboard .module,#dashboard .stat,#dashboard .onboard{border-radius:18px;padding:24px;box-shadow:none;border-color:#e2e8f0}
#dashboard .dashSectionTitle{font-size:27px;margin:0 0 24px;letter-spacing:-.7px}
#dashboard .productGrid{gap:20px}#dashboard .module h3{font-size:17px}#dashboard .module p{font-size:14px;line-height:1.7}
.uiOverviewGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;margin-bottom:20px}
.uiHealth{display:flex;align-items:center;gap:28px;background:linear-gradient(120deg,#fff,#f2f7ff);min-height:245px}
.uiRing{--value:0;--tone:#20a578;width:144px;height:144px;flex:none;border-radius:50%;background:conic-gradient(var(--tone) calc(var(--value)*1%),#e8eef5 0);display:grid;place-items:center}
.uiRing>div{width:118px;height:118px;background:#fff;border-radius:50%;display:grid;place-content:center;text-align:center}.uiRing strong{font-size:42px;letter-spacing:-2px}.uiRing small{font-size:10px;color:#64748b;margin-top:3px}
.uiHealth h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:10px 0}.uiHealth p{font-size:13px;margin:0}.uiHealth .uiTag{margin-bottom:8px}
.uiTag{display:inline-block;font-size:11px;font-weight:700;border-radius:6px;background:#eff6ff;color:#1d4ed8;padding:5px 8px;line-height:1.4}.uiTag.good{background:#ecfdf5;color:#047857}.uiTag.warn{background:#fff6e5;color:#9a5b14}.uiTag.neutral{background:#f1f5f9;color:#475569}
.uiChecked{display:block;margin-top:14px;font-size:11px;line-height:1.6;color:#64748b}
.uiControl h2{font-size:18px;margin:0 0 10px}.uiControl p{font-size:12px;margin:0 0 14px}.uiStatusRow{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:11px 0;border-bottom:1px solid #edf1f6}.uiStatusRow:last-child{border-bottom:0}.uiStatusRow b{font-weight:650;text-align:right}
.uiMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 30px}.uiMetrics .card{padding:20px!important}.uiMetrics strong{display:block;font-size:28px;margin:10px 0 6px;letter-spacing:-1px}.uiMetrics span{font-size:12px;color:#64748b}
.uiSectionHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 16px}.uiSectionHead h2{font-size:20px;margin:0 0 7px;letter-spacing:-.4px}.uiSectionHead p{margin:0;font-size:13px;color:#64748b}
.uiPriority{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid #e2e8f0}.uiPriority:first-child{padding-top:0}.uiPriority:last-child{padding-bottom:0;border:0}.uiNumber{width:34px;height:34px;border-radius:10px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:750;font-size:13px}.uiPriority h3{font-size:15px;line-height:1.4;margin:0 0 8px!important}.uiPriority p{font-size:13px;margin:0}.uiPriority .uiTag{margin-left:8px}
.uiEmpty{text-align:center;padding:52px 24px!important}.uiEmpty img{width:52px;height:52px;margin-bottom:20px}.uiEmpty h2{font-size:26px;letter-spacing:-.7px;margin:0 0 12px}.uiEmpty p{max-width:500px;margin:0 auto 24px;font-size:14px}.uiEmptySteps{display:flex;justify-content:center;gap:24px;font-size:12px;color:#64748b;margin-top:28px}
.uiMessage{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px;color:#475569;font-size:14px;line-height:1.7;margin-bottom:20px}.uiMessage p{margin:0 0 14px}.uiMessage.warn{background:#fffbf2;border-color:#efdfb8}.uiMessage .btn{margin-right:8px}.uiSkeleton{height:8px;background:#e8eef5;border-radius:8px;max-width:220px;margin:16px 0}.uiSkeleton:after{content:'';display:block;width:35%;height:100%;border-radius:8px;background:#93b6ef}
.uiHistoryScroll,#performanceHistory,#monitorHistory{overflow-x:auto}.uiHistoryScroll table{min-width:660px}#dashboard .history th{font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:#64748b;background:#f8fafc}#dashboard .history td{font-size:13px;padding-block:16px}#dashboard .history td:first-child{overflow-wrap:anywhere}#dashboard .history .uiHistoryDate{font-size:11px;color:#64748b}
#dashboard .billingCard{margin-top:0;margin-bottom:24px}#dashboard .taskCard{padding:22px;border-radius:15px;box-shadow:none}#dashboard .taskActions{padding-top:10px;gap:8px}#dashboard .taskToolbar{gap:8px;margin:22px 0}#dashboard .carePanel{background:#fff;color:#14233e;box-shadow:none}#dashboard .carePanel p,#dashboard .careItem span{color:#64748b}#dashboard .careItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}#dashboard .careItem b{color:#14233e}
#dashboard .dashStats{margin:28px 0;gap:16px}#dashboard .dashStats .stat{padding:18px 22px}#dashboard .dashStats b{font-size:25px}
#workspaceOverview{margin-bottom:28px}#dashboard .dashTop>div{min-width:0;max-width:100%}
.uiComparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.uiComparison strong{display:block;font-size:36px;letter-spacing:-1px;margin:16px 0}.uiComparison h2{font-size:17px;margin:0}.uiComparison p{font-size:12px;overflow-wrap:anywhere}.uiComparison .card:last-child{border-color:#b0ceee!important}.uiComparisonTable{overflow:auto}.uiComparisonTable table{width:100%;border-collapse:collapse;font-size:14px}.uiComparisonTable td,.uiComparisonTable th{padding:16px 12px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.uiComparisonTable th{font-size:12px;color:#64748b}.uiDeltaUp{color:#047857;font-weight:700}.uiDeltaDown{color:#a16207;font-weight:700}
#dashboard #demo{margin:0;max-width:none}#demo .top{gap:24px}#demo .top h2{font-size:27px!important;letter-spacing:-.7px}#demo .score{width:138px;height:138px;flex:none}#demo .score:after{width:114px;height:114px}#demo .score strong{font-size:40px}#demo .score small{margin-top:48px}#demo .metrics{margin-bottom:24px}#demo .metric{background:#fff;box-shadow:none;padding:20px;border-radius:14px}#demo .alert{font-size:13px;line-height:1.7;font-weight:500;background:#f8fafc;color:#334155;border-color:#e2e8f0}
#demo .uiFinding{display:block;padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin:16px 0;scroll-margin-top:24px}.uiFindingHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.uiFindingHead h3{font-size:19px;line-height:1.4;margin:0;letter-spacing:-.3px}.uiFindingHead>div{text-align:right;flex:none}.uiFindingHead small{display:block;color:#64748b;font-size:10px;margin-top:7px}.uiFinding h4{font-size:10px;letter-spacing:.1em;margin:0 0 9px;color:#64748b}.uiFinding p{font-size:14px;line-height:1.7;color:#475569;margin:0}.uiFindingEvidence{border-top:1px solid #e2e8f0;padding-top:18px}.uiFindingEvidence code{display:block;overflow-wrap:anywhere;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:11px;background:#f8fafc;border:1px solid #edf1f6;padding:12px;border-radius:8px;margin:12px 0}.uiFindingAction{margin-top:18px;padding:16px;background:#eff6ff;border-radius:12px}.uiFindingAction>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.uiFinding .miniFix,.uiFinding .verifyBtn{min-height:40px;border-radius:9px;font-size:12px;cursor:pointer}.uiScope{font-size:12px;color:#64748b;line-height:1.7;margin:18px 0}.uiReportBack{margin-bottom:24px}
#demo .fix{border-radius:18px;padding:24px;scroll-margin-top:20px}#dashboard input,#dashboard textarea,#dashboard select{font-family:inherit;max-width:100%}#dashboard .settingsGrid>*{min-width:0}
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #82b2f8;outline-offset:3px}
@keyframes workspaceAppear{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(hover:hover){#dashboard #dashMenu button:hover{background:#f4f7fc}.uiPriority .btn:hover,.uiFinding .miniFix:hover{border-color:#93b6ef}}
@media(max-width:1150px){body.panelMode #dashboard{padding-left:200px}.workspaceSide{width:200px;padding-inline:12px}#dashboard .dashSection{padding:28px 24px}.uiOverviewGrid{grid-template-columns:1fr}.uiControl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.uiControl>h2,.uiControl>p{grid-column:1/-1}.uiPriority .uiTag{display:table;margin:7px 0 0}#demo .top{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:760px){body.panelMode #dashboard{padding-left:0}.workspaceSide{position:static;width:auto;padding:18px 16px 12px;border-right:0;border-bottom:1px solid #e2e8f0;overflow:visible}.workspaceSide .brand{padding:0 0 16px}.workspaceSite,.workspacePlan{display:none}#dashboard #dashMenu{flex-direction:row;overflow-x:auto;padding-bottom:5px}#dashboard #dashMenu button{width:auto;flex:none;font-size:12px;padding:10px}#dashboard .dashTop{padding:14px 16px;flex-wrap:wrap;gap:12px}#dashboard .dashTop h2{font-size:12px!important}#dashboard .dashTop .uiTopActions{width:100%;justify-content:flex-start}#dashboard .dashTop .btn{padding:8px 10px;min-height:36px}#dashboard .dashSection{padding:24px 16px}.uiHeading{flex-direction:column;align-items:flex-start;gap:18px}.uiHeading h1{font-size:26px}.uiHeading>.btn{width:100%}#dashboard .card,#dashboard .module,#dashboard .onboard{padding:20px;border-radius:16px}.uiHealth{flex-direction:column;align-items:flex-start;gap:20px}.uiRing{align-self:center}.uiHealth h2{font-size:22px}.uiControl{display:block}.uiMetrics{gap:8px}.uiMetrics .card{padding:12px!important}.uiMetrics strong{font-size:25px}.uiMetrics span{font-size:11px}.uiPriority{grid-template-columns:30px minmax(0,1fr);gap:12px}.uiPriority>.btn{grid-column:2;justify-self:start}.uiNumber{width:30px;height:30px}.uiSectionHead{align-items:flex-start;flex-direction:column}.uiSectionHead h2{font-size:20px}.uiComparison{grid-template-columns:1fr;gap:14px}.uiEmptySteps{flex-direction:column;gap:12px}#dashboard .dashStats{grid-template-columns:1fr;gap:10px}#dashboard .dashStats .stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}#dashboard .dashStats b{margin:0;font-size:22px}#dashboard .productGrid,#dashboard .settingsGrid{grid-template-columns:1fr}#dashboard .careGrid{grid-template-columns:1fr 1fr}#dashboard .dashSectionTitle{font-size:24px}.uiFindingHead{flex-direction:column;gap:12px}.uiFindingHead>div{text-align:left}.uiFindingHead h3{font-size:18px}#demo .uiFinding{padding:20px}#demo .top{flex-direction:column}#demo .scoreWrap{flex-direction:column;align-items:flex-start;gap:18px;width:100%}#demo .score{align-self:center}#demo .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#demo .metric{padding:14px}#demo .fixGrid{grid-template-columns:1fr}#demo .top>div{max-width:100%}#demo .top button{white-space:normal}.uiReportBack{margin-bottom:20px}}
@media(max-width:540px){.historyTools label{flex-basis:100%}.historyTools>.btn{width:100%}}
.qualityEvidence{padding:0;list-style:none;margin:14px 0;display:grid;gap:10px}.qualityEvidence li{background:#f5f8fc;border:1px solid #e5ebf5;border-radius:10px;padding:12px;font-size:13px;overflow-wrap:anywhere}.qualityEvidence code{display:block;margin-top:6px;font-size:11px!important}.qualityAcceptance{background:#eef6ff;padding:12px 14px;border-radius:10px}.qualityPageDetails{margin-top:18px}.qualityPageDetails>div{margin-top:14px}.qualityImplementation{margin-top:22px;border-top:1px solid #cbdce9;padding-top:16px;color:#334155;font-size:14px;line-height:1.7}.qualityImplementation:empty{display:none}.qualityImplementation h4{margin:0 0 10px}.qualityImplementation ol{padding-left:22px}.qualityImplementation li{margin-bottom:8px}.qualityImplementation details p{overflow-wrap:anywhere}#fixText,#fixCurrent{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){#dashboard .dashSection.active{animation:none}html{scroll-behavior:auto}}
/* Explain incomplete coverage at the result and in the page list. */
.fixStepGuide{background:#fff;border:1px solid #b8d5ca;border-radius:14px;overflow:hidden}.fixStepGuide>summary{padding:17px 20px;color:#116149;font-weight:750;cursor:pointer;min-height:48px}.fixStepGuide[open]>summary{border-bottom:1px solid #e1ede7;background:#f7fcf9}.fixGuideContent{padding:8px 22px 24px;overflow-wrap:anywhere}.fixGuideContent h4{font-size:15px;margin:24px 0 10px}.fixGuideContent p,.fixGuideContent li{font-size:14px;line-height:1.8}.fixGuideContent ol{padding-left:25px}.fixGuideContent ol>li{padding:8px 0 8px 10px}.fixGuideContent ol>li::marker{font-weight:800;color:#116149}.fixGuideContent code,.fixGuideCode pre{font-family:ui-monospace,monospace!important;font-size:12px!important;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8fa;border-radius:8px;padding:12px;color:#334155!important}.fixGuideLevel{display:inline-block;background:#ecf7f1;color:#16604a;font-size:12px!important;font-weight:700;border-radius:8px;padding:5px 10px;margin:12px 0 0}.fixGuideCode,.fixGuideTechnical{margin:16px 0}.fixGuideCode summary,.fixGuideTechnical summary,.uiTechnicalDetail summary{cursor:pointer;font-size:12px;color:#475569;line-height:1.6;padding:8px 0}.fixGuideContent a{display:block;font-size:12px;margin-top:20px}.uiScoreScope{margin:4px 0 20px;border:1px solid #dce6f1;border-radius:14px;background:#f8fafc;padding:16px 20px;font-size:13px;line-height:1.7;color:#475569;overflow-wrap:anywhere}.uiScoreScope>p{margin:0 0 8px}.uiScoreScope summary{cursor:pointer;color:#244e88;font-weight:650;padding:8px 0}.uiScoreMethod{border-top:1px solid #dce6f1;margin-top:16px;padding-top:10px}.uiScoreMethod h4{font-size:16px;margin:10px 0}.uiScoreMethod h5{font-size:13px;margin:18px 0 6px}.uiScoreChecks{padding:0;list-style:none;display:grid;gap:12px}.uiScoreChecks li{display:flex;align-items:flex-start;gap:12px}.uiScoreChecks code{display:block;font-size:11px;overflow-wrap:anywhere}.uiCheckStatus{font-size:11px;font-weight:700;white-space:nowrap;border-radius:5px;padding:2px 7px;min-width:76px;text-align:center}.uiCheckStatus.pass{background:#e8f6ee;color:#166449}.uiCheckStatus.fail{background:#fff1db;color:#8a5012}.uiCheckStatus.unknown{background:#e9edf4;color:#475569}
@media(max-width:540px){#demo .fix{padding:16px}.fixStepGuide>summary{padding:16px}.fixGuideContent{padding:4px 16px 20px}.fixGuideContent ol>li{padding-left:2px}.uiScoreScope{padding:14px}.uiScoreChecks li{display:block}.uiCheckStatus{display:inline-block;margin-bottom:5px}}
.uiScanIssues{margin:12px 0;padding:0;list-style:none;display:grid;gap:12px}.uiScanIssues li{display:grid;gap:5px;min-width:0}.uiScanIssues code{font-size:12px;white-space:normal;overflow-wrap:anywhere;color:#334155}.uiScanIssues span{font-weight:500;line-height:1.6}.scanQuality h4,.uiPageAuditIssues h4{margin:16px 0 6px}.scanQuality p,.uiPageAuditIssues p{font-weight:400;line-height:1.6}.uiScanSkipped{margin-top:12px}.uiScanSkipped summary{cursor:pointer}.uiPageAuditIssues:not(:empty){margin-top:18px;padding:18px;border:1px solid #dce5f1;border-radius:16px;background:#f8fafc;overflow-wrap:anywhere}
/* Persisted readiness metrics share one responsive row. */
.dashboardStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:18px 0}
.dashboardStats>.stat{display:flex;flex-direction:column;gap:8px;padding:18px;background:#f7f9fc;border:1px solid #dde5f2;border-radius:14px;min-width:0}
.dashboardStats>.stat strong{font-size:24px;color:#0c1c35}
#visibilityHistory td,#visibilityHistory th{white-space:normal;min-width:100px}
#visibilitySite{border:1px solid #dce4f1;border-radius:12px;padding:12px;background:#fff;color:#0c1c35;font:inherit;min-width:0}
#visibilitySite:focus-visible{outline:3px solid #a7c6ff;outline-offset:2px}

/* Website care and marketing are equally visible parts of one workspace. */
.hero .heroPromise{font-size:22px;line-height:1.5;font-weight:650;color:#172554;margin-bottom:14px}
.hero .heroDetail{font-size:15px;line-height:1.7;color:#64748b}
.productOverview{margin-bottom:72px}.productAreaLabel{display:block;margin:20px 0 10px;color:#2563eb;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.marketingFeatures .productAreaLabel{color:#087b66}.marketingFeatures .iconbox{background:#edf9f5;color:#087b66}
.productOverview .card{display:flex;flex-direction:column}.productOverview .card p{margin-bottom:0}
.workspaceAreas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:32px}
.workspaceArea{display:flex;flex-direction:column;padding:24px;border:1px solid #dce6f3;border-radius:18px;background:linear-gradient(130deg,#fff,#f0f6ff);min-width:0}
.workspaceArea.marketingArea{background:linear-gradient(130deg,#fff,#effaf6);border-color:#d6eae3}
.workspaceAreaHeading{display:flex;align-items:center;gap:12px}.workspaceAreaHeading h2{margin:0;font-size:21px;letter-spacing:-.4px}.workspaceAreaIcon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e5efff;color:#2563eb;flex:none}.marketingArea .workspaceAreaIcon{background:#e0f3eb;color:#087b66}
.workspaceArea p{font-size:14px;line-height:1.7;color:#53627a;margin:16px 0 22px}.workspaceAreaActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.workspaceAreaActions .btn{font-size:12px;color:#244e88;border-color:#cddff4}.marketingArea .btn{color:#086550;border-color:#bddfd1}
@media(max-width:760px){.workspaceAreas{grid-template-columns:1fr;gap:14px}.workspaceArea{padding:20px;border-radius:16px}.workspaceAreaHeading h2{font-size:20px}.hero .heroPromise{font-size:20px}.productOverview{margin-bottom:48px}}
/* Contextual navigation: four primary areas, details inside their parent. */
.workspaceSupport{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}
.workspaceSupport button,#workspaceSubnav button{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer;padding:10px 12px;min-height:44px}
.workspaceSupport button.active,#workspaceSubnav button.active{background:#eaf2ff;color:#1d4ed8;border-color:#cbdcf7}
#workspaceSubnav{max-width:1340px;margin:0 auto;display:flex;flex-wrap:wrap;gap:6px;padding:20px 32px 0}
#workspaceSubnav[hidden],#workspaceSubnav button[hidden]{display:none!important}
#workspaceSubnav button:focus-visible,.workspaceSupport button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.uiTopActions [data-view=notifications]{display:flex;align-items:center;gap:6px}
html[data-theme=dark] .workspaceSupport button.active,html[data-theme=dark] #workspaceSubnav button.active{background:#22344a;color:#dbeafe;border-color:#46627f}
@media(max-width:760px){.workspaceSupport{flex-direction:row;flex-wrap:wrap;margin-top:8px;padding-top:8px;gap:2px}.workspaceSupport button{font-size:12px;padding:8px}#workspaceSubnav{padding:16px 16px 0;gap:4px}#workspaceSubnav button{font-size:12px;padding:8px}}
@media(max-width:760px){#dashboard #dashMenu{display:grid;grid-template-columns:1fr 1fr;overflow:visible}#dashboard #dashMenu button{width:100%;white-space:normal}}

.fixGuideContent select{display:block;width:min(100%,440px);padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);margin:10px 0}.fixImageHelper{padding:16px;border:1px solid var(--line);border-radius:14px;margin:18px 0}.fixImageHelper label{display:block;margin:12px 0}.fixImageHelper input{max-width:100%;color:inherit}.fixImageHelper img{display:block;max-width:100%;max-height:260px;object-fit:contain;margin:12px 0}.fixImageHelper [hidden]{display:none!important}.fixStepGuide>button{margin:12px 0}

.fixGuideContent [hidden]{display:none!important}.fixGuideContent [data-editor-steps]{padding:0}.fixGuideContent code{display:block}html[data-theme=dark] .fixGuideContent code{color:var(--theme-text)!important}html[data-theme=dark] .fixGuideContent ol>li::marker{color:#80d9b0}