.check-page-layout{display:flex;min-height:calc(100vh - 48px)}.sidebar-overlay{display:none;position:fixed;inset:48px 0 0;background:#00000080;z-index:150}.sidebar-overlay.visible{display:block}.history-sidebar{width:280px;min-width:280px;flex-shrink:0;background:#fff;border-right:1px solid #e0e0e0;padding:1rem;overflow-y:auto;height:calc(100vh - 48px);position:sticky;top:48px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e0e0e0}.sidebar-header h2{font-size:.875rem;font-weight:600;margin:0}.close-sidebar-btn{display:none}.history-list{display:flex;flex-direction:column;gap:.375rem}.history-item{display:flex;align-items:flex-start;gap:.5rem;padding:.625rem .75rem;background:#f4f4f4;border:none;border-radius:4px;cursor:pointer;text-align:left;font:inherit}.history-item:hover{background:#e8e8e8}.history-item.active{background:#c6c6c6}.status-icon{flex-shrink:0;margin-top:2px}.status-pass{color:#198038}.status-fail{color:#da1e28}.item-content{flex:1;min-width:0}.item-title{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;color:#8d8d8d}.check-main{flex:1;min-width:0;padding:1.5rem}.check-detail{display:flex;flex-direction:column;gap:1.5rem;max-width:900px}.check-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.check-detail-info{flex:1;min-width:0}.check-detail-info h1{font-size:1.25rem;margin:0 0 .5rem;word-break:break-word}.check-url{font-size:.875rem;word-break:break-all}.check-meta{font-size:.875rem;color:#525252;margin-top:.25rem}.check-detail-actions{display:flex;gap:.5rem;flex-wrap:wrap}.share-url-container{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f4f4f4;border-radius:4px;flex-wrap:wrap}.share-url-link{flex:1;min-width:0;font-size:.875rem;word-break:break-all}.compliance-badge{display:inline-flex!important;align-items:center!important;gap:.5rem}.compliance-badge svg{flex-shrink:0}.summary-box{background:#f4f4f4;padding:1rem;border-radius:4px;line-height:1.5}.check-detail h2{font-size:1.125rem;margin:0}.check-item-title{display:flex;align-items:center;gap:.5rem}.no-issues{color:#525252;margin:0}.findings-cards{display:flex;flex-direction:column;gap:.75rem}.finding-card{background:#f4f4f4;border-radius:4px;border-left:3px solid #da1e28;padding:.75rem 1rem}.finding-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.finding-element{font-weight:600;font-size:.875rem}.finding-card-body{display:flex;flex-direction:column;gap:.25rem;padding-left:1.5rem}.finding-row{display:flex;gap:.5rem;font-size:.875rem}.finding-label{color:#525252;flex-shrink:0}.finding-expected{color:#198038}.outline-section{margin-top:1rem}.outline-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.outline-col h3{font-size:.875rem;color:#525252;margin:0 0 .5rem}.outline-code,.outline-code.cds--snippet--multi{max-width:100%!important;width:100%!important}.outline-code pre{white-space:pre-wrap!important;word-break:break-word!important}.outline-current .cds--snippet--multi{background:#fff8e6;border:1px solid #f1c21b}.outline-suggested .cds--snippet--multi{background:#e8f4e8;border:1px solid #198038}.outline-success{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.outline-success .cds--tag{display:inline-flex!important;align-items:center!important;gap:.25rem}.welcome-screen{padding:1.5rem}.welcome-screen h1{font-size:1.5rem;margin:0 0 .5rem}.welcome-instruction{color:#525252;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.stat-card{text-align:center;padding:1.5rem}.stat-value{font-size:2rem;font-weight:600}.stat-label{font-size:.875rem;color:#525252;margin-top:.25rem}.reset-info{color:#525252;margin-top:1.5rem;font-size:.875rem}@media(max-width:768px){.check-page-layout{display:block}.history-sidebar{position:fixed;top:48px;left:0;bottom:0;width:85vw;max-width:300px;min-width:auto;transform:translate(-100%);transition:transform .25s ease;z-index:200}.history-sidebar.open{transform:translate(0);box-shadow:4px 0 16px #00000026}.close-sidebar-btn{display:flex}.check-main{padding:1rem}.check-detail-header{flex-direction:column}.check-detail-actions{width:100%}.outline-comparison,.stats-grid{grid-template-columns:1fr}}
