/* Generated by scripts/build-component-themes.py. Color-only rules; feature layouts remain in their source stylesheets. */

/* base.css */

html[data-theme]{--bg:var(--cp-bg);--panel:var(--cp-surface);--line:var(--cp-border);--text:var(--cp-text);--muted:var(--cp-muted);--accent:var(--cp-accent);--cyan:var(--cp-info)}
html[data-theme] body{background:var(--bg);color:var(--text)}
html[data-theme] a{color:inherit}
html[data-theme] a:focus-visible,html[data-theme] button:focus-visible,html[data-theme] input:focus-visible,html[data-theme] textarea:focus-visible,html[data-theme] select:focus-visible,html[data-theme] [tabindex]:focus-visible,html[data-theme] summary:focus-visible{outline:2px solid var(--accent)}
html[data-theme] p{color:var(--muted)}
html[data-theme] button,html[data-theme] .button{border:1px solid var(--line);background:var(--cp-surface-soft);color:var(--text)}
html[data-theme] button:hover,html[data-theme] .button:hover{border-color:var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .primary{background:var(--accent);color:var(--cp-accent-text);border-color:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb, var(--cp-shadow) 0%, transparent)}
html[data-theme] .primary:hover{background:var(--cp-accent);color:var(--cp-accent-text);border-color:var(--cp-accent);box-shadow:0 0 28px color-mix(in srgb, var(--cp-shadow) 10.2%, transparent)}
html[data-theme] input,html[data-theme] textarea,html[data-theme] select{border:1px solid var(--cp-border);color:var(--text);background:var(--cp-surface)}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--cp-muted)}
html[data-theme] pre{background:var(--cp-surface);color:var(--cp-text);border:1px solid var(--line)}
html[data-theme] .skip-link{background:var(--accent);color:var(--cp-accent-text)}
html[data-theme] .sidebar{background:var(--cp-surface);border-right:1px solid var(--cp-border)}
html[data-theme] .brand-icon{background:var(--cp-surface-soft);color:var(--cp-text)}
html[data-theme] .brand-dot{color:var(--accent)}
html[data-theme] .workspace-label{color:var(--cp-muted)}
html[data-theme] .online-dot{background:var(--accent);box-shadow:0 0 7px color-mix(in srgb, var(--cp-shadow) 26.67%, transparent)}
html[data-theme] .nav-label{color:var(--cp-muted)}
html[data-theme] nav a{color:var(--cp-muted);border:1px solid transparent}
html[data-theme] nav .icon{color:var(--cp-muted)}
html[data-theme] nav a:hover{color:var(--text);background:var(--cp-surface-soft)}
html[data-theme] nav a[aria-current]{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-text)}
html[data-theme] nav a[aria-current] .icon{color:var(--cp-text)}
html[data-theme] nav a[aria-current]:before{background:var(--cp-surface-soft)}
html[data-theme] .nav-count{color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .daily-card{border:1px solid var(--cp-border);background:linear-gradient(130deg, var(--cp-surface-soft), var(--cp-surface))}
html[data-theme] .tiny-label{color:var(--cp-muted)}
html[data-theme] .spark{color:var(--cp-text)}
html[data-theme] .daily-card a{border-top:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .profile-button{background:transparent}
html[data-theme] .profile-button:hover{background:transparent}
html[data-theme] .avatar,html[data-theme] .small-avatar{background:var(--cp-surface-soft);border:1px solid var(--cp-border);color:var(--cp-text)}
html[data-theme] .profile-button small{color:var(--muted)}
html[data-theme] .profile-button > span:last-child{color:var(--cp-muted)}
html[data-theme] .topbar{border-bottom:1px solid var(--cp-border)}
html[data-theme] .breadcrumb{color:var(--cp-muted)}
html[data-theme] .breadcrumb span{color:var(--cp-text)}
html[data-theme] .breadcrumb b{color:var(--cp-muted)}
html[data-theme] .search-trigger{border:1px solid var(--cp-border);color:var(--cp-muted);background:var(--cp-surface)}
html[data-theme] .search-trigger kbd{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .environment-status{color:var(--cp-muted)}
html[data-theme] .eyebrow{color:var(--cp-muted)}
html[data-theme] .page-heading .eyebrow > span{background:var(--cp-surface-soft)}
html[data-theme] .text-link{color:var(--cp-muted)}
html[data-theme] .text-link:hover{color:var(--accent)}
html[data-theme] .dashboard-hero{background:radial-gradient(ellipse at 77% 55%, color-mix(in srgb, var(--cp-surface-soft) 40%, transparent), transparent 65%),
    linear-gradient(110deg, var(--cp-surface-soft), var(--cp-surface) 65%, var(--cp-surface-soft));border:1px solid var(--cp-border)}
html[data-theme] .pill{border:1px solid var(--cp-border);background:color-mix(in srgb, var(--cp-surface-soft) 40%, transparent);color:var(--cp-text)}
html[data-theme] .serif-word{color:var(--cp-text)}
html[data-theme] .hero-copy > p{color:var(--cp-muted)}
html[data-theme] .hero-secondary{color:var(--cp-muted)}
html[data-theme] .hero-secondary:hover{color:var(--accent)}
html[data-theme] .hero-note{color:var(--cp-muted)}
html[data-theme] .hero-note > span{color:var(--cp-text)}
html[data-theme] .hero-coordinate{color:var(--cp-muted)}
html[data-theme] .network-node{color:var(--cp-text)}
html[data-theme] .network-node text{fill:currentColor}
html[data-theme] .network-node .node-label{fill:var(--cp-muted)}
html[data-theme] .network-node:hover circle,html[data-theme] .network-node:focus-visible circle{fill:var(--cp-accent);stroke:var(--cp-border)}
html[data-theme] .network-hint{color:var(--cp-muted)}
html[data-theme] .orbital{border:1px solid color-mix(in srgb, var(--cp-border) 12.55%, transparent)}
html[data-theme] .orbital-two{border-color:color-mix(in srgb, var(--cp-border) 6.67%, transparent)}
html[data-theme] .stats-strip{border:1px solid var(--line);background:var(--cp-surface)}
html[data-theme] .stats-strip > div + div{border-left:1px solid var(--line)}
html[data-theme] .stat-icon{color:var(--cp-muted)}
html[data-theme] .stats-strip > div > span:last-child{color:var(--cp-muted)}
html[data-theme] .stats-strip small{color:var(--cp-muted)}
html[data-theme] .lab-card{border:1px solid var(--line);background:var(--cp-surface)}
html[data-theme] .lab-card:hover{border-color:var(--cp-border);box-shadow:0 12px 36px color-mix(in srgb, var(--cp-shadow) 26.67%, transparent)}
html[data-theme] .lab-art{background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent 90%), var(--cp-surface-soft);color:var(--cp-text);border-bottom:1px solid var(--cp-border)}
html[data-theme] .lab-art:after{background:linear-gradient(0deg, transparent 80%, color-mix(in srgb, var(--cp-surface) 40%, transparent))}
html[data-theme] .art-label{color:var(--cp-muted)}
html[data-theme] .art-arrow{color:var(--cp-muted)}
html[data-theme] .lab-card.packets .lab-art{color:var(--cp-text);background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent 90%), var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .lab-card.packets .art-label{color:var(--cp-text)}
html[data-theme] .lab-card.firewall .lab-art{color:var(--cp-text);background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent 90%), var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .lab-card.firewall .art-label{color:var(--cp-muted)}
html[data-theme] .lab-card.phishing .lab-art{color:var(--cp-text);background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent 90%), var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .lab-card.logs .lab-art{color:var(--cp-text);background:var(--cp-surface-soft)}
html[data-theme] .lab-card.crypto .lab-art{color:var(--cp-text);background:var(--cp-surface-soft)}
html[data-theme] .category{color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .difficulty{color:var(--cp-muted)}
html[data-theme] .difficulty i{background:var(--cp-surface-soft)}
html[data-theme] .difficulty i.intermediate{background:var(--cp-surface-soft)}
html[data-theme] .lab-card p{color:var(--cp-muted)}
html[data-theme] .lab-card-footer{border-top:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .lab-card-footer b{color:var(--cp-text)}
html[data-theme] .path-feature{border:1px solid var(--cp-border);background:linear-gradient(110deg, var(--cp-surface-soft), var(--cp-surface))}
html[data-theme] .feature-icon{border:1px solid var(--cp-border);background:color-mix(in srgb, var(--cp-surface-soft) 50.2%, transparent);color:var(--cp-text)}
html[data-theme] .path-feature-footer > span{color:var(--cp-muted)}
html[data-theme] .path-feature-footer b{color:var(--cp-muted)}
html[data-theme] .path-feature-footer a{color:var(--cp-text)}
html[data-theme] .daily-challenge{border:1px solid var(--cp-border);background:radial-gradient(ellipse at top right, color-mix(in srgb, var(--cp-surface-soft) 13.33%, transparent), transparent), var(--cp-surface-soft)}
html[data-theme] .daily-challenge .eyebrow{color:var(--cp-muted)}
html[data-theme] .daily-challenge button{background:transparent;color:var(--cp-text)}
html[data-theme] .daily-challenge p{color:var(--cp-text)}
html[data-theme] footer{border-top:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] footer b{color:var(--cp-text)}
html[data-theme] footer > span:nth-child(2){color:var(--cp-muted)}
html[data-theme] .catalog-toolbar{border-bottom:1px solid var(--line)}
html[data-theme] .filter-tabs button{background:transparent;border-color:transparent;color:var(--cp-muted)}
html[data-theme] .filter-tabs button.active{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-text)}
html[data-theme] .filter-tabs button span{background:var(--cp-surface-soft)}
html[data-theme] .catalog-search{border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .catalog-search input{background:transparent}
html[data-theme] .catalog-options > span{color:var(--cp-muted)}
html[data-theme] .catalog-options select{border-color:var(--cp-border)}
html[data-theme] .empty-state{border:1px dashed var(--line)}
html[data-theme] .path-card{border:1px solid var(--cp-border);background:radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent), var(--cp-surface)}
html[data-theme] .path-card:hover{border-color:var(--cp-border)}
html[data-theme] .path-card-footer{border-top:1px solid var(--line)}
html[data-theme] .path-card-footer > span{color:var(--muted)}
html[data-theme] .path-card-footer b{color:var(--accent)}
html[data-theme] .path-card.blue{background:radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent), var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .path-card.orange{background:radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent), var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .path-card.purple{background:radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent), var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .back-link{color:var(--cp-muted)}
html[data-theme] .back-link:hover{color:var(--accent)}
html[data-theme] .panel{border:1px solid var(--line);background:var(--panel)}
html[data-theme] .local-note{color:var(--cp-muted)}
html[data-theme] .path-step{border:1px solid var(--line);background:var(--cp-surface)}
html[data-theme] .path-step:hover{border-color:var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .step-number{color:var(--cp-muted)}
html[data-theme] .path-step > span:last-child{color:var(--cp-text)}
html[data-theme] .course-hero{background:radial-gradient(ellipse at right, var(--cp-surface-soft), transparent), var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .course-hero em{color:var(--accent)}
html[data-theme] .lesson-art svg{color:var(--cp-text)}
html[data-theme] .course-progress{color:var(--accent)}
html[data-theme] progress{background:var(--cp-surface-soft);accent-color:var(--accent)}
html[data-theme] progress::-webkit-progress-bar{background:var(--cp-surface-soft)}
html[data-theme] progress::-webkit-progress-value{background:var(--accent)}
html[data-theme] progress::-moz-progress-bar{background:var(--accent)}
html[data-theme] .lesson-index{border-left:1px solid var(--cp-border);background:transparent}
html[data-theme] .tag{color:var(--accent)}
html[data-theme] .lesson-index li{color:var(--cp-muted)}
html[data-theme] .lesson-index a:hover{color:var(--accent)}
html[data-theme] .lesson-depth form{border:1px solid var(--line);background:var(--cp-surface)}
html[data-theme] .choice{color:var(--cp-muted)}
html[data-theme] .choice input{accent-color:var(--accent)}
html[data-theme] .status{color:var(--accent)}
html[data-theme] .lesson-depth th,html[data-theme] .lesson-depth td{border-bottom:1px solid var(--line)}
html[data-theme] .lesson-depth table td{color:var(--cp-muted)}
html[data-theme] .packet-stack > div,html[data-theme] .exchange li{background:var(--cp-surface-soft);border-left:2px solid var(--cp-border)}
html[data-theme] .packet-stack span{color:var(--cp-muted)}
html[data-theme] .exchange code{color:var(--cp-text)}
html[data-theme] .exchange span{color:var(--cp-muted)}
html[data-theme] summary{color:var(--cp-muted)}
html[data-theme] .simulation-badge{color:var(--cp-muted);background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .lab-heading-meta{color:var(--cp-muted)}
html[data-theme] .progress-overview{background:radial-gradient(ellipse at 15% 50%, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent), var(--cp-surface);border:1px solid var(--cp-border)}
html[data-theme] .score-orbit{background:conic-gradient(var(--accent) var(--percent), var(--cp-surface-soft) 0);box-shadow:0 0 50px color-mix(in srgb, var(--cp-shadow) 3.53%, transparent)}
html[data-theme] .score-orbit > div{background:var(--cp-surface-soft);box-shadow:inset 0 0 40px color-mix(in srgb, var(--cp-shadow) 3.92%, transparent)}
html[data-theme] .score-orbit strong span{color:var(--cp-muted)}
html[data-theme] .score-orbit small{color:var(--cp-muted)}
html[data-theme] .progress-numbers span{color:var(--cp-muted)}
html[data-theme] .journal-list{border:1px solid var(--line)}
html[data-theme] .journal-row{background:var(--cp-surface)}
html[data-theme] .journal-row + .journal-row{border-top:1px solid var(--line)}
html[data-theme] .journal-icon{background:var(--cp-surface-soft);color:var(--cp-text)}
html[data-theme] .journal-row h3 a:hover{color:var(--accent)}
html[data-theme] .record-status{color:var(--cp-muted)}
html[data-theme] .record-status.done{color:var(--cp-success);background:var(--cp-success-soft)}
html[data-theme] .journal-action{color:var(--cp-muted)}
html[data-theme] .milestone{border:1px dashed var(--cp-border);background:var(--cp-surface)}
html[data-theme] .milestone > span{border:1px solid var(--cp-border);color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .milestone h3{color:var(--cp-muted)}
html[data-theme] .milestone small{color:var(--cp-muted)}
html[data-theme] .milestone.earned{border-color:var(--cp-success);background:var(--cp-success-soft)}
html[data-theme] .milestone.earned > span{color:var(--cp-success);border-color:var(--cp-success);background:var(--cp-success-soft);box-shadow:0 0 25px color-mix(in srgb, var(--cp-shadow) 10.2%, transparent)}
html[data-theme] .milestone.earned h3,html[data-theme] .milestone.earned small{color:var(--cp-success)}
html[data-theme] .search-dialog{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--text);box-shadow:0 35px 120px color-mix(in srgb, var(--cp-shadow) 66.67%, transparent)}
html[data-theme] .search-dialog::backdrop{background:color-mix(in srgb, var(--cp-surface) 66.67%, transparent)}
html[data-theme] .search-heading{border-bottom:1px solid var(--line);color:var(--cp-text)}
html[data-theme] .search-heading input{background:transparent}
html[data-theme] .icon-button{background:transparent;color:var(--cp-muted)}
html[data-theme] #search-results a:hover,html[data-theme] #search-results a:focus{background:var(--cp-surface-soft)}
html[data-theme] #search-results a > span:first-child{color:var(--cp-text)}
html[data-theme] #search-results a > span:last-child{color:var(--cp-muted)}
html[data-theme] #search-results small{color:var(--cp-muted)}
html[data-theme] .search-foot{border-top:1px solid var(--line);color:var(--cp-muted)}
html[data-theme] .search-empty{color:var(--muted)}
html[data-theme] .toast{background:var(--cp-surface-soft);border:1px solid var(--cp-border);box-shadow:0 8px 30px color-mix(in srgb, var(--cp-shadow) 33.33%, transparent);color:var(--cp-text)}
@media (max-width: 760px){
html[data-theme] .sidebar{box-shadow:15px 0 60px color-mix(in srgb, var(--cp-shadow) 53.33%, transparent)}
html[data-theme] .menu-open:after{background:color-mix(in srgb, var(--cp-surface) 53.33%, transparent)}
html[data-theme] .search-trigger{background:transparent}
html[data-theme] .stats-strip > div:nth-child(n + 3){border-top:1px solid var(--line)}
}
html[data-theme] .dashboard-hero:before{background:radial-gradient(
    circle 200px at var(--spot-x, 75%) var(--spot-y, 50%),
    color-mix(in srgb, var(--cp-surface-soft) 4.31%, transparent),
    transparent
  )}
html[data-theme] .lab-heading-meta #focus-lab{background:var(--cp-surface-soft);border-color:var(--cp-border)}

/* labs.css */

html[data-theme] .lab-session-bar{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-env-label i{background:var(--accent, var(--cp-surface-soft));box-shadow:0 0 10px color-mix(in srgb, var(--cp-shadow) 26.67%, transparent)}
html[data-theme] .lab-muted{color:var(--muted, var(--cp-muted))}
html[data-theme] .mission-panel,html[data-theme] .workspace-panel{border:1px solid var(--line, var(--cp-border));background:var(--panel, var(--cp-surface))}
html[data-theme] .lab-eyebrow{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-step-count{color:var(--accent, var(--cp-text));background:color-mix(in srgb, var(--cp-surface-soft) 4.71%, transparent);border:1px solid color-mix(in srgb, var(--cp-border) 14.9%, transparent)}
html[data-theme] .mission-panel > p{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-task{border-top:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-task-number{border:1px solid var(--line, var(--cp-border));color:var(--muted, var(--cp-muted))}
html[data-theme] .is-passed .lab-task-number{color:var(--accent, var(--cp-success));background:color-mix(in srgb, var(--cp-success-soft) 4.71%, transparent);border-color:color-mix(in srgb, var(--cp-success) 26.67%, transparent)}
html[data-theme] .lab-task select{border:1px solid var(--line, var(--cp-border));background:var(--bg, var(--cp-surface));color:var(--text, var(--cp-text))}
html[data-theme] .lab-task-actions details summary{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-task-actions details p{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-feedback{color:var(--muted, var(--cp-muted))}
html[data-theme] .is-passed .lab-feedback{color:var(--accent, var(--cp-success))}
html[data-theme] .lab-complete-banner{border:1px solid color-mix(in srgb, var(--cp-success) 25.1%, transparent);background:color-mix(in srgb, var(--cp-success-soft) 4.31%, transparent)}
html[data-theme] .lab-complete-banner strong{color:var(--accent, var(--cp-success))}
html[data-theme] .lab-complete-banner a{color:var(--accent, var(--cp-success))}
html[data-theme] .lab-live-badge{border:1px solid var(--line, var(--cp-border));color:var(--accent, var(--cp-text))}
html[data-theme] .lab-start-screen{background:var(--bg, var(--cp-surface));border:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-start-symbol{color:var(--accent, var(--cp-text))}
html[data-theme] .lab-start-screen p{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-start-screen small{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-notebook{border-top:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-notebook label span,html[data-theme] .lab-hash-workbench > label span{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-notebook textarea,html[data-theme] .lab-hash-workbench textarea{background:var(--bg, var(--cp-surface));color:var(--text, var(--cp-text));border:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-notebook textarea::placeholder{color:var(--cp-muted)}
html[data-theme] .lab-terminal{border:1px solid var(--line, var(--cp-border));background:var(--cp-surface);color:var(--cp-text)}
html[data-theme] .lab-terminal-title{background:var(--cp-surface-soft);border-bottom:1px solid var(--line, var(--cp-border));color:var(--cp-muted)}
html[data-theme] .lab-terminal-title > span:last-child{color:var(--cp-text)}
html[data-theme] .lab-terminal-dots i{background:var(--cp-surface-soft)}
html[data-theme] .lab-terminal-dots i:first-child{background:var(--cp-surface-soft)}
html[data-theme] .lab-terminal-dots i:nth-child(2){background:var(--cp-surface-soft)}
html[data-theme] .lab-terminal-dots i:nth-child(3){background:var(--cp-surface-soft)}
html[data-theme] .terminal-welcome{color:var(--cp-muted)}
html[data-theme] .terminal-welcome b,html[data-theme] .terminal-command-echo span{color:var(--accent, var(--cp-text))}
html[data-theme] .lab-terminal-entry pre{background:none !important;color:var(--cp-muted) !important}
html[data-theme] .terminal-command-echo{color:var(--cp-text)}
html[data-theme] .lab-terminal-input{border-top:1px solid var(--cp-border)}
html[data-theme] .lab-terminal-input label{color:var(--accent, var(--cp-text))}
html[data-theme] .lab-terminal-input label b{color:var(--cp-muted)}
html[data-theme] .lab-terminal-input input{background:transparent;color:var(--cp-text)}
html[data-theme] .lab-terminal-input button{background:none;color:var(--cp-muted)}
html[data-theme] .lab-command-suggestions > span{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-command-suggestions button,html[data-theme] .lab-packet-presets button{border:1px solid var(--line, var(--cp-border));background:transparent}
html[data-theme] .lab-tool-caption{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-filter-bar{background:var(--bg, var(--cp-surface));border:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-filter-bar label{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-filter-bar select,html[data-theme] .lab-filter-bar input{background:var(--cp-surface-soft);color:var(--text, var(--cp-text));border:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-filter-bar > span{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-table-wrap{border:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-evidence-table th{color:var(--muted, var(--cp-muted));background:var(--cp-surface-soft);border-bottom:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-evidence-table td{border-bottom:1px solid var(--line, var(--cp-border));color:var(--cp-muted)}
html[data-theme] .lab-evidence-table tr.is-selected{background:color-mix(in srgb, var(--cp-surface-soft) 4.71%, transparent)}
html[data-theme] .lab-evidence-table button{background:transparent;color:var(--accent, var(--cp-text))}
html[data-theme] .lab-evidence-table .lab-packet-info{color:inherit}
html[data-theme] .lab-protocol{color:var(--cp-text);border:1px solid color-mix(in srgb, var(--cp-border) 25.1%, transparent)}
html[data-theme] .lab-detail{background:var(--bg, var(--cp-surface));border:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-detail pre,html[data-theme] .lab-email pre{background:transparent !important;color:var(--cp-muted) !important}
html[data-theme] .lab-policy-intro{border-bottom:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-policy-intro span{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-rule{border-bottom:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-rule > span:first-child{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-rule code{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-toggle input{accent-color:var(--accent, var(--cp-accent))}
html[data-theme] .lab-rule-fixed{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-packet-test input,html[data-theme] .lab-packet-test select{background:var(--cp-surface-soft);border:1px solid var(--line, var(--cp-border));color:var(--text, var(--cp-text))}
html[data-theme] .lab-verdict{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-verdict[data-verdict="allow"]{color:var(--accent, var(--cp-text))}
html[data-theme] .lab-verdict[data-verdict="deny"]{color:var(--cp-text)}
html[data-theme] .lab-tab-bar{border-bottom:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-tab-bar button{background:transparent;color:var(--muted, var(--cp-muted));border-bottom:2px solid transparent}
html[data-theme] .lab-tab-bar button[aria-selected="true"]{color:var(--accent, var(--cp-text));border-bottom-color:var(--accent, var(--cp-border))}
html[data-theme] .lab-email dt{color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-email hr{border-top:1px solid var(--line, var(--cp-border))}
html[data-theme] .lab-fake-link{color:var(--cp-text)}
html[data-theme] .lab-artifact-note{border-left:2px solid var(--cp-border);background:color-mix(in srgb, var(--cp-surface-soft) 3.53%, transparent);color:var(--muted, var(--cp-muted))}
html[data-theme] .lab-outcome{background:color-mix(in srgb, var(--cp-surface-soft) 3.53%, transparent)}
html[data-theme] .lab-outcome.success{color:var(--cp-success)}
html[data-theme] .lab-outcome.failure{color:var(--cp-danger);background:color-mix(in srgb, var(--cp-danger-soft) 3.92%, transparent)}
html[data-theme] .lab-outcome.activity{color:var(--cp-info)}
html[data-theme] .lab-session-actions button{background:transparent;color:var(--muted);border-color:var(--line)}
html[data-theme] .lab-workflow-tip{border-left:2px solid var(--accent);background:color-mix(in srgb, var(--cp-surface-soft) 3.14%, transparent)}
html[data-theme] .lab-workflow-tip b{color:var(--text)}
html[data-theme] .lab-workflow-tip span{color:var(--muted)}
html[data-theme] .lab-evidence-actions{border-top:1px solid var(--line)}
html[data-theme] .lab-evidence-actions > span{color:var(--muted)}
html[data-theme] .lab-evidence-actions button{color:var(--accent);background:color-mix(in srgb, var(--cp-surface-soft) 3.92%, transparent);border-color:color-mix(in srgb, var(--cp-border) 16.47%, transparent)}
html[data-theme] .lab-evidence-actions button:hover{border-color:var(--accent);background:color-mix(in srgb, var(--cp-surface-soft) 9.8%, transparent)}
html[data-theme] .lab-expression-filter{background:var(--bg);border:1px solid var(--line)}
html[data-theme] .lab-expression-filter label{color:var(--muted)}
html[data-theme] .lab-expression-filter p{color:var(--muted)}
html[data-theme] .lab-query-summary{background:color-mix(in srgb, var(--cp-surface-soft) 2.75%, transparent);border:1px solid var(--line);color:var(--muted)}
html[data-theme] .lab-rule.rule-matched{background:color-mix(in srgb, var(--cp-surface-soft) 3.92%, transparent);border-left:2px solid var(--accent)}

/* tools.css */

html[data-theme] .tools-tabs{background:var(--panel);border:1px solid var(--line)}
html[data-theme] .tools-tabs [role="tab"]{background:transparent;color:var(--muted)}
html[data-theme] .tools-tabs [aria-selected="true"]{background:var(--accent);color:var(--cp-accent-text)}
html[data-theme] .tools-tabs [role="tab"]:hover{color:var(--text)}
html[data-theme] .tools-tabs [aria-selected="true"]:hover{color:var(--cp-text)}
html[data-theme] .tool-panel{border:1px solid var(--line);background:var(--panel)}
html[data-theme] .tool-panel label{color:var(--text)}
html[data-theme] .tool-panel input,html[data-theme] .tool-panel textarea,html[data-theme] .tool-panel select{background:var(--bg);border:1px solid var(--line);color:var(--text)}
html[data-theme] .tool-panel small{color:var(--muted)}
html[data-theme] .tool-panel input[aria-invalid="true"]{border-color:var(--cp-danger)}
html[data-theme] .tool-result{background:var(--bg);border:1px solid var(--line)}
html[data-theme] .tool-result-heading > span{color:var(--muted)}
html[data-theme] .tool-panel .tool-copy{background:transparent;border:1px solid var(--line);color:var(--text)}
html[data-theme] .tool-panel pre{background:transparent;color:var(--accent)}
html[data-theme] .tool-status{color:var(--accent) !important}
html[data-theme] .tool-tip{border-top:1px solid var(--line)}
html[data-theme] .tool-tip strong{color:var(--text)}
html[data-theme] .tool-tip p{color:var(--muted)}
html[data-theme] .tool-filter-result{background:var(--bg);border:1px solid var(--line)}
html[data-theme] .tool-mini-badge{color:var(--muted);border:1px solid var(--line)}
html[data-theme] .tool-table-wrap{border:1px solid var(--line)}
html[data-theme] .tool-packet-table th{color:var(--muted);background:var(--bg)}
html[data-theme] .tool-packet-table td,html[data-theme] .tool-packet-table th{border-bottom:1px solid var(--line)}
html[data-theme] .tool-packet-table td:nth-child(4){color:var(--accent)}
html[data-theme] .tool-actions > span{color:var(--muted)}
html[data-theme] .tools-local-note{color:var(--muted)}
html[data-theme] .tools-local-note span{color:var(--accent)}
html[data-theme] .cyber-tools [role="tabpanel"]:focus-visible{outline:2px solid var(--accent)}
html[data-theme] .tool-example-row > span{color:var(--muted)}
html[data-theme] .tool-example-row button{background:transparent;border:1px solid var(--line);color:var(--text)}
html[data-theme] .tool-example-row button:hover{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .hash-comparison{border:1px solid var(--line);background:var(--bg)}
html[data-theme] .hash-comparison label > span{color:var(--muted)}
html[data-theme] .hash-comparison .tool-status[data-result="different"]{color:var(--cp-warning) !important}
html[data-theme] .hash-comparison .tool-status[data-result="match"]{color:var(--accent) !important}
html[data-theme] .subnet-stats > div{border:1px solid var(--line);background:var(--bg)}
html[data-theme] .subnet-stats span{color:var(--muted)}
html[data-theme] .subnet-stats strong{color:var(--text)}
html[data-theme] .subnet-binary{background:var(--bg);border:1px solid var(--line)}
html[data-theme] .subnet-bit-heading > span{color:var(--muted)}
html[data-theme] .subnet-bit-heading i{background:var(--cp-surface-soft)}
html[data-theme] .subnet-bit-heading i:first-child{background:var(--cp-surface-soft)}
html[data-theme] .subnet-bits span{border:1px solid var(--cp-border)}
html[data-theme] .subnet-bits .network-bit{color:var(--cp-text);background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .subnet-bits .host-bit{color:var(--cp-text);background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .subnet-prefix-track{background:var(--cp-surface-soft)}
html[data-theme] .subnet-prefix-track > span{background:var(--cp-surface-soft)}
html[data-theme] .subnet-binary > p{color:var(--muted)}
html[data-theme] .subnet-map-heading > span{color:var(--muted)}
html[data-theme] .subnet-address{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .subnet-address b{color:var(--cp-text)}
html[data-theme] .subnet-address small{color:var(--cp-text)}
html[data-theme] .subnet-address.reserved{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .subnet-address.reserved b{color:var(--cp-text)}
html[data-theme] .subnet-address.reserved small{color:var(--cp-muted)}
html[data-theme] .tool-subnet-practice{border:1px solid var(--cp-border);background:linear-gradient(110deg, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent), var(--bg)}

/* theme.css */

html[data-theme]{--bg:var(--cp-bg);--panel:var(--cp-surface);--line:var(--cp-border);--text:var(--cp-text);--muted:var(--cp-muted);--accent:var(--cp-accent);--cyan:var(--cp-info)}
html[data-theme]{background:var(--cp-surface);color:var(--cp-text);scrollbar-color:var(--cp-border-strong) var(--cp-bg)}
html[data-theme] body{background:var(--cp-surface);color:var(--cp-text)}
html[data-theme] body:before{background:radial-gradient(ellipse at 85% 0, color-mix(in srgb, var(--cp-surface-soft) 7.45%, transparent), transparent 60%)}
html[data-theme] input:focus,html[data-theme] textarea:focus,html[data-theme] select:focus{border-color:var(--cp-border)}
html[data-theme] .sidebar{background:linear-gradient(180deg, var(--cp-surface), var(--cp-surface));border-right-color:var(--cp-border-strong)}
html[data-theme] .brand{color:var(--cp-text)}
html[data-theme] .brand-icon{box-shadow:0 0 25px color-mix(in srgb, var(--cp-shadow) 9.41%, transparent)}
html[data-theme] .workspace-label > span:last-child{border:1px solid var(--cp-border);color:var(--cp-text)}
html[data-theme] .nav-label{color:var(--cp-muted)}
html[data-theme] .sidebar nav a[aria-current]{border-color:var(--cp-border);background:linear-gradient(110deg, var(--cp-surface-soft), var(--cp-surface-soft));color:var(--cp-text)}
html[data-theme] .sidebar nav a:not([aria-current]):hover{background:var(--cp-surface-soft);color:var(--cp-text)}
html[data-theme] .daily-card{background:radial-gradient(ellipse at top left, color-mix(in srgb, var(--cp-surface-soft) 40%, transparent), transparent), var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .topbar{background:color-mix(in srgb, var(--cp-surface) 74.12%, transparent);border-color:var(--cp-border)}
html[data-theme] .breadcrumb{color:var(--cp-muted)}
html[data-theme] .breadcrumb b{color:var(--cp-muted)}
html[data-theme] .search-trigger{border-color:var(--cp-border)}
html[data-theme] .environment-status{color:var(--cp-muted)}
html[data-theme] .page-heading p{color:var(--cp-muted)}
html[data-theme] .text-link{color:var(--cp-muted)}
html[data-theme] .text-link:hover{color:var(--cp-text)}
html[data-theme] .dashboard-hero{border-color:var(--cp-border);background:radial-gradient(ellipse at 88% 45%, color-mix(in srgb, var(--cp-surface-soft) 40%, transparent), transparent 62%),
    linear-gradient(115deg, var(--cp-surface-soft), var(--cp-surface-soft) 62%, var(--cp-surface-soft));box-shadow:inset 0 1px color-mix(in srgb, var(--cp-shadow) 6.27%, transparent),
    0 20px 70px color-mix(in srgb, var(--cp-shadow) 13.33%, transparent)}
html[data-theme] .dashboard-hero:after{background-image:linear-gradient(color-mix(in srgb, var(--cp-surface-soft) 1.57%, transparent) 1px, transparent 1px)}
html[data-theme] .pill{border-color:var(--cp-border);background:color-mix(in srgb, var(--cp-surface-soft) 18.04%, transparent);color:var(--cp-text)}
html[data-theme] .hero-copy h2{color:var(--cp-text)}
html[data-theme] .hero-gradient{background:linear-gradient(115deg, var(--cp-surface-soft) 2%, var(--cp-surface-soft) 45%, var(--cp-surface-soft));color:transparent;text-shadow:0 0 50px color-mix(in srgb, var(--cp-shadow) 8.24%, transparent)}
html[data-theme] .hero-copy > p{color:var(--cp-muted)}
html[data-theme] .hero-secondary{color:var(--cp-muted)}
html[data-theme] .hero-note{color:var(--cp-muted)}
html[data-theme] .hero-coordinate{color:var(--cp-muted)}
html[data-theme] .network-node .node-label{fill:var(--cp-muted)}
html[data-theme] .network-node:hover .node-label{fill:var(--cp-text)}
html[data-theme] .network-hint{color:var(--cp-text)}
html[data-theme] .orbital{border-color:color-mix(in srgb, var(--cp-border) 12.55%, transparent)}
html[data-theme] .orbital-two{border-color:color-mix(in srgb, var(--cp-border) 7.84%, transparent)}
html[data-theme] .stats-strip{background:var(--cp-surface);border-color:var(--cp-border)}
html[data-theme] .stats-strip > div + div{border-color:var(--cp-border)}
html[data-theme] .stats-strip strong{color:var(--cp-text)}
html[data-theme] .stats-strip > div > span:last-child{color:var(--cp-muted)}
html[data-theme] .stats-strip small{color:var(--cp-muted)}
html[data-theme] .stat-icon{color:var(--cp-text)}
html[data-theme] .learning-pulse{border:1px solid var(--cp-border);background:linear-gradient(100deg, var(--cp-surface-soft), var(--cp-surface))}
html[data-theme] .pulse-icon{background:var(--cp-surface-soft);border:1px solid var(--cp-border);color:var(--cp-text)}
html[data-theme] .pulse-main p{color:var(--cp-muted)}
html[data-theme] .pulse-main .button{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-text)}
html[data-theme] .pulse-progress{border-left:1px solid var(--cp-border)}
html[data-theme] .pulse-progress > div{color:var(--cp-muted)}
html[data-theme] .pulse-progress strong{color:var(--cp-text)}
html[data-theme] .pulse-progress small{color:var(--cp-muted)}
html[data-theme] .lab-card{background:linear-gradient(160deg, var(--cp-surface-soft), var(--cp-surface));border-color:var(--cp-border)}
html[data-theme] .lab-card:hover{box-shadow:0 16px 45px color-mix(in srgb, var(--cp-shadow) 26.67%, transparent),
    0 0 0 1px color-mix(in srgb, var(--cp-shadow) 14.51%, transparent);border-color:var(--cp-border)}
html[data-theme] .lab-art{border-color:var(--cp-border);background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--cp-surface-soft) 25.1%, transparent), transparent 85%), var(--cp-surface-soft)}
html[data-theme] .art-label{color:var(--cp-text)}
html[data-theme] .art-arrow{color:var(--cp-text)}
html[data-theme] .category{color:var(--cp-text);background:color-mix(in srgb, var(--cp-surface-soft) 40%, transparent)}
html[data-theme] .difficulty{color:var(--cp-muted)}
html[data-theme] .lab-card p{color:var(--cp-muted)}
html[data-theme] .lab-card-footer{border-color:var(--cp-border)}
html[data-theme] .lab-card-footer b{color:var(--cp-text)}
html[data-theme] .lab-card.packets .lab-art{color:var(--cp-text);background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent 85%), var(--cp-surface-soft)}
html[data-theme] .lab-card.firewall .lab-art{color:var(--cp-text);background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent 85%), var(--cp-surface-soft)}
html[data-theme] .lab-card.packets .art-label{color:var(--cp-text)}
html[data-theme] .lab-card.firewall .art-label{color:var(--cp-text)}
html[data-theme] .path-feature{background:radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--cp-surface-soft) 33.33%, transparent), transparent 70%), var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .feature-icon{box-shadow:inset 0 1px color-mix(in srgb, var(--cp-shadow) 6.27%, transparent)}
html[data-theme] .daily-challenge{background:radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent 75%), var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .daily-challenge .eyebrow{color:var(--cp-text)}
html[data-theme] .drill-xp{color:var(--cp-text)}
html[data-theme] .drill-tabs button{background:var(--cp-surface-soft);color:var(--cp-muted);border:1px solid var(--cp-border)}
html[data-theme] .drill-tabs button[aria-pressed="true"]{color:var(--cp-text);border-color:var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .daily-challenge > p{color:var(--cp-muted)}
html[data-theme] .drill-options button{border:1px solid var(--cp-border);background:var(--cp-surface-soft);color:var(--cp-text)}
html[data-theme] .drill-options button > span{color:var(--cp-muted);border:1px solid var(--cp-border)}
html[data-theme] .drill-options button:hover{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .drill-options button.incorrect{border-color:var(--cp-danger);background:var(--cp-danger-soft)}
html[data-theme] .daily-challenge p.drill-feedback{color:var(--cp-text)}
html[data-theme] .progress-overview{background:radial-gradient(ellipse at 15% 50%, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent), var(--cp-surface-soft)}
html[data-theme] .skill-progress-card{border:1px solid var(--cp-border);background:linear-gradient(130deg, var(--cp-surface-soft), var(--cp-surface-soft))}
html[data-theme] .skill-progress-card:hover{border-color:var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .skill-progress-card > span{color:var(--cp-text)}
html[data-theme] .skill-progress-card > div{color:var(--cp-muted)}
html[data-theme] .skill-progress-card b{color:var(--cp-text)}
html[data-theme] footer{border-color:var(--cp-border)}
html[data-theme] footer a{color:var(--cp-muted)}
html[data-theme] footer a:hover{color:var(--cp-text)}
@media (max-width: 1250px){
html[data-theme] .pulse-progress{border-top:1px solid var(--cp-border)}
}
@media (max-width: 760px){
html[data-theme] .topbar{background:var(--cp-surface)}
}
@media (prefers-reduced-motion: no-preference){
html[data-theme] .lab-art:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--cp-surface-soft) 31.37%, transparent), transparent)}
}

/* lessons.css */

html[data-theme] .lesson-library-intro{border:1px solid var(--cp-border);background:linear-gradient(110deg, var(--cp-surface-soft), var(--cp-surface-soft))}
html[data-theme] .lesson-library-intro > span{border:1px solid var(--cp-border);color:var(--cp-text);background:var(--cp-surface-soft)}
html[data-theme] .lesson-library-intro p{color:var(--cp-muted)}
html[data-theme] .lesson-card{border:1px solid var(--cp-border);background:radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--cp-surface-soft) 21.57%, transparent), transparent 65%), var(--cp-surface-soft)}
html[data-theme] .lesson-card:hover{border-color:var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .lesson-card-top > span:first-child{color:var(--cp-text)}
html[data-theme] .lesson-card-complete{color:var(--cp-text)}
html[data-theme] .lesson-card > p{color:var(--cp-muted)}
html[data-theme] .lesson-card-footer{border-top:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .lesson-card-footer > b{color:var(--cp-text)}
html[data-theme] .reading-toc{border-left:2px solid var(--cp-border)}
html[data-theme] .reading-toc li{color:var(--cp-muted)}
html[data-theme] .reading-toc li a:hover{color:var(--cp-text)}
html[data-theme] .reading-toc > a{color:var(--cp-text)}
html[data-theme] .reading-toc #reading-save-status{color:var(--cp-text)}
html[data-theme] .reading-score span{color:var(--cp-text)}
html[data-theme] .reading-objectives{background:linear-gradient(125deg, var(--cp-surface-soft), var(--cp-surface-soft))}
html[data-theme] .reading-content p,html[data-theme] .reading-content li{color:var(--cp-muted)}
html[data-theme] .reading-objectives > p{color:var(--cp-muted)}
html[data-theme] .reading-content p strong{color:var(--cp-text)}
html[data-theme] .reading-content code{color:var(--cp-text);background:color-mix(in srgb, var(--cp-surface-soft) 46.67%, transparent)}
html[data-theme] .reading-content th,html[data-theme] .reading-content td{border-bottom:1px solid var(--cp-border)}
html[data-theme] .reading-content th{color:var(--cp-text)}
html[data-theme] .reading-content td{color:var(--cp-muted)}
html[data-theme] .reading-callout{border-left:3px solid var(--cp-border);background:color-mix(in srgb, var(--cp-surface-soft) 50.2%, transparent)}
html[data-theme] .reading-callout > strong{color:var(--cp-text)}
html[data-theme] .reading-check{background:var(--cp-surface);border:1px solid var(--cp-border)}
html[data-theme] .reading-check legend{color:var(--cp-text)}
html[data-theme] .reading-check .choice{color:var(--cp-muted)}
html[data-theme] .reading-check .choice input{accent-color:var(--cp-accent)}
html[data-theme] .reading-content .status{color:var(--cp-text)}
html[data-theme] .reading-next{border-top:1px solid var(--cp-border)}
html[data-theme] .reading-next > a{color:var(--cp-text)}
html[data-theme] .reading-next span{color:var(--cp-muted)}
html[data-theme] .reading-next > div > a{color:var(--cp-text)}
html[data-theme] .reading-experiment{border-color:var(--cp-border);background:radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--cp-surface-soft) 18.04%, transparent), transparent 70%), var(--cp-surface-soft)}
html[data-theme] .reading-experiment label{color:var(--cp-text)}
html[data-theme] .demo-mission{border:1px solid var(--cp-border);background:var(--cp-surface-soft);color:var(--cp-text) !important}
html[data-theme] .demo-mission b{color:var(--cp-text)}
html[data-theme] .demo-button-row button[aria-pressed="true"]{border-color:var(--cp-border);color:var(--cp-text);background:var(--cp-surface-soft)}
html[data-theme] .demo-output{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text)}
html[data-theme] .journey-nodes > div{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .journey-nodes > div > span{color:var(--cp-muted)}
html[data-theme] .journey-nodes > div.journey-active{border-color:var(--cp-border);background:var(--cp-surface-soft);box-shadow:0 0 20px color-mix(in srgb, var(--cp-shadow) 4.31%, transparent)}
html[data-theme] .journey-active > span{color:var(--cp-text) !important}
html[data-theme] .packet-conversation{background:var(--cp-surface-soft);border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .packet-beam{color:var(--cp-text)}
html[data-theme] .demo-toggle input{accent-color:var(--cp-accent)}
html[data-theme] .policy-list li{color:var(--cp-muted)}
html[data-theme] .demo-pass{color:var(--cp-text)}
html[data-theme] .demo-warning{color:var(--cp-warning)}
html[data-theme] .url-anatomy > div{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .url-anatomy span,html[data-theme] .hash-compare > span{color:var(--cp-muted)}
html[data-theme] .url-anatomy code{background:transparent}
html[data-theme] .url-anatomy .url-host{border-color:var(--cp-border);background:color-mix(in srgb, var(--cp-surface-soft) 46.67%, transparent)}
html[data-theme] .url-host span{color:var(--cp-text)}
html[data-theme] .factor-grid label{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .factor-grid label input{accent-color:var(--cp-accent)}
html[data-theme] .hash-compare{border:1px solid var(--cp-border);background:var(--cp-surface)}
html[data-theme] .hash-compare pre{background:transparent}
html[data-theme] #hash-bit-map span{color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] #hash-bit-map span.changed{color:var(--cp-text);background:var(--cp-surface-soft)}
html[data-theme] .access-object{background:var(--cp-surface);border:1px solid var(--cp-border)}
html[data-theme] .access-object > span{color:var(--cp-muted)}
html[data-theme] .access-object small{color:var(--cp-muted)}
html[data-theme] .path-section-title{color:var(--cp-text)}
html[data-theme] .path-section-title > span{color:var(--cp-text)}
html[data-theme] .lesson-journal .journal-icon{background:var(--cp-surface-soft);color:var(--cp-text)}
html[data-theme] .lesson-header-meta{color:var(--cp-text)}
@media (max-width: 850px){
html[data-theme] .reading-toc{border-bottom:1px solid var(--cp-border)}
}

/* visual-lessons.css */

html[data-theme] .visual-chapter{border:1px solid var(--cp-border);background:radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--cp-surface-soft) 9.41%, transparent), transparent 65%), var(--cp-surface)}
html[data-theme] .visual-chapter:before{background-image:linear-gradient(color-mix(in srgb, var(--cp-surface-soft) 1.18%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--cp-surface-soft) 1.18%, transparent) 1px, transparent 1px)}
html[data-theme] .visual-eyebrow{color:var(--cp-text)}
html[data-theme] .visual-badge{color:var(--cp-muted);border:1px solid var(--cp-border)}
html[data-theme] .visual-chapter h2{color:var(--cp-text)}
html[data-theme] .visual-chapter h2 > span{color:var(--cp-text)}
html[data-theme] .visual-chapter > p{color:var(--cp-muted) !important}
html[data-theme] .visual-simulator{border:1px solid var(--cp-border);background:var(--cp-surface)}
html[data-theme] .visual-controls > button,html[data-theme] .visual-controls button,html[data-theme] .visual-exercise > button{background:var(--cp-surface-soft);border:1px solid var(--cp-border);color:var(--cp-text)}
html[data-theme] .visual-controls button:hover,html[data-theme] .visual-exercise > button:hover{border-color:var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .visual-controls button.visual-primary,html[data-theme] .visual-primary{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-text)}
html[data-theme] .visual-controls button.visual-primary:hover,html[data-theme] .visual-primary:hover{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-text)}
html[data-theme] .visual-segment{border:1px solid var(--cp-border);background:var(--cp-surface)}
html[data-theme] .visual-segment button{background:transparent;color:var(--cp-muted)}
html[data-theme] .visual-segment button[aria-pressed="true"]{background:var(--cp-surface-soft);color:var(--cp-text)}
html[data-theme] .visual-controls > label{color:var(--cp-muted)}
html[data-theme] .encap-row{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .encap-row.encap-active{border-color:var(--cp-border);background:var(--cp-surface-soft);box-shadow:0 0 20px color-mix(in srgb, var(--cp-shadow) 3.14%, transparent)}
html[data-theme] .encap-layer > span{color:var(--cp-muted)}
html[data-theme] .encap-layer > b{color:var(--cp-muted)}
html[data-theme] .encap-layer > small{color:var(--cp-muted)}
html[data-theme] .packet-piece.piece-data{color:var(--cp-text);border:1px solid var(--cp-border);background:color-mix(in srgb, var(--cp-surface-soft) 40%, transparent)}
html[data-theme] .packet-piece.piece-tcp{color:var(--cp-text);border:1px solid var(--cp-border);background:color-mix(in srgb, var(--cp-surface-soft) 40%, transparent)}
html[data-theme] .packet-piece.piece-ip{color:var(--cp-text);border:1px solid var(--cp-border);background:color-mix(in srgb, var(--cp-surface-soft) 40%, transparent)}
html[data-theme] .packet-piece.piece-eth,html[data-theme] .packet-piece.piece-fcs{color:var(--cp-text);border:1px solid var(--cp-border);background:color-mix(in srgb, var(--cp-surface-soft) 40%, transparent)}
html[data-theme] .encap-size{color:var(--cp-muted)}
html[data-theme] .wire-path{color:var(--cp-muted)}
html[data-theme] .wire-path > div{background:var(--cp-surface-soft)}
html[data-theme] .wire-path i{background:var(--cp-surface-soft)}
html[data-theme] .visual-live{color:var(--cp-text) !important}
html[data-theme] .piece-inspector{border-top:1px dashed var(--cp-border)}
html[data-theme] .piece-inspector strong{color:var(--cp-text)}
html[data-theme] .piece-inspector p{color:var(--cp-muted) !important}
html[data-theme] .header-tabs button{border-color:var(--cp-border);color:var(--cp-muted);background:var(--cp-surface)}
html[data-theme] .header-tabs button[aria-selected="true"]{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-text)}
html[data-theme] .header-workbench{border:1px solid var(--cp-border);background:var(--cp-surface)}
html[data-theme] .header-workbench-title h3{color:var(--cp-text)}
html[data-theme] .header-workbench-title > span{color:var(--cp-muted)}
html[data-theme] .header-field{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .header-field:hover,html[data-theme] .header-field[aria-pressed="true"]{background:var(--cp-surface-soft);border-color:var(--cp-border);box-shadow:inset 0 0 20px color-mix(in srgb, var(--cp-shadow) 3.53%, transparent)}
html[data-theme] .header-field > span{color:var(--cp-muted)}
html[data-theme] .header-field > strong{color:var(--cp-text)}
html[data-theme] .header-field > code{color:var(--cp-text);background:transparent !important}
html[data-theme] .field-explanation{border:1px solid var(--cp-border);border-left:3px solid var(--cp-border);background:var(--cp-surface)}
html[data-theme] .field-explanation h4{color:var(--cp-text)}
html[data-theme] .field-explanation p{color:var(--cp-muted) !important}
html[data-theme] .field-explanation > div{color:var(--cp-muted);border-top:1px solid var(--cp-border)}
html[data-theme] .visual-exercise{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .visual-exercise label{color:var(--cp-muted)}
html[data-theme] .visual-exercise select{background:var(--cp-surface)}
html[data-theme] .ttl-model{border:1px solid var(--cp-border);background:var(--cp-surface)}
html[data-theme] .ttl-model > label{color:var(--cp-muted)}
html[data-theme] .ttl-model > label > strong{color:var(--cp-text)}
html[data-theme] .ttl-model input[type="range"]{accent-color:var(--cp-accent);background:transparent}
html[data-theme] .ttl-node{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .ttl-node > span{color:var(--cp-muted)}
html[data-theme] .ttl-node > small{color:var(--cp-muted)}
html[data-theme] .ttl-node.ttl-reached{border-color:var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .ttl-node.ttl-reached > span,html[data-theme] .ttl-node.ttl-reached > small{color:var(--cp-text)}
html[data-theme] .ttl-node.ttl-expired{border-color:var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .ttl-node.ttl-expired > small{color:var(--cp-text)}
html[data-theme] .ttl-model .visual-exercise{background:var(--cp-surface-soft)}
html[data-theme] .concept-scene{border:1px solid var(--cp-border);background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--cp-surface-soft) 26.67%, transparent), transparent 75%), var(--cp-surface)}
html[data-theme] .scene-kicker{color:var(--cp-text)}
html[data-theme] .scene-node{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .scene-node > span{color:var(--cp-muted)}
html[data-theme] .scene-node > b{color:var(--cp-muted)}
html[data-theme] .scene-node > small{color:var(--cp-muted)}
html[data-theme] .scene-node.scene-active{border-color:var(--cp-border);background:var(--cp-surface-soft);box-shadow:0 0 20px color-mix(in srgb, var(--cp-shadow) 4.71%, transparent)}
html[data-theme] .scene-node.scene-active > span{color:var(--cp-text)}
html[data-theme] .scene-connector{color:var(--cp-text)}
html[data-theme] .scene-connector.flowing{color:var(--cp-text)}
html[data-theme] .scene-caption{color:var(--cp-muted);border-top:1px solid var(--cp-border)}
html[data-theme] .scene-signal{color:var(--cp-text);border-top:1px dashed var(--cp-border);border-bottom:1px dashed var(--cp-border)}
html[data-theme] .signal-filtered,html[data-theme] .signal-closed{color:var(--cp-text);border-color:var(--cp-border)}
html[data-theme] .decision-path > span{color:var(--cp-text)}
html[data-theme] .decision-gate{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .decision-gate b{color:var(--cp-text)}
html[data-theme] .decision-gate > span{color:var(--cp-text)}
html[data-theme] .decision-gate.gate-closed{border-color:var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .gate-closed b,html[data-theme] .gate-closed > span{color:var(--cp-text)}
html[data-theme] .domain-lens > span{color:var(--cp-muted)}
html[data-theme] .domain-lens > strong{color:var(--cp-text);background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .domain-legend{color:var(--cp-muted)}
html[data-theme] .domain-legend b{color:var(--cp-text)}
html[data-theme] .factor-orbits > span{color:var(--cp-text)}
html[data-theme] .factor-orbit{border:1px dashed var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .factor-orbit > span{color:var(--cp-muted)}
html[data-theme] .factor-orbit > b{color:var(--cp-muted)}
html[data-theme] .factor-orbit > small{color:var(--cp-muted)}
html[data-theme] .factor-orbit.orbit-active{border:1px solid var(--cp-border);background:var(--cp-surface-soft);box-shadow:0 0 25px color-mix(in srgb, var(--cp-shadow) 6.27%, transparent)}
html[data-theme] .orbit-active > span,html[data-theme] .orbit-active > b{color:var(--cp-text)}
html[data-theme] .avalanche-bits > i{background:var(--cp-surface-soft)}
html[data-theme] .avalanche-bits > i.bit-different{background:var(--cp-surface-soft);box-shadow:0 0 6px color-mix(in srgb, var(--cp-shadow) 14.51%, transparent)}
html[data-theme] .avalanche-total > strong{color:var(--cp-text)}
html[data-theme] .avalanche-total > span{color:var(--cp-muted)}

/* mobile.css */

html[data-theme] .breadcrumb .breadcrumb-root{color:inherit}
html[data-theme] .header-view-controls > button{background:var(--cp-surface-soft);border:1px solid var(--cp-border);color:var(--cp-text)}
html[data-theme] .header-view-controls > button[aria-pressed="true"]{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-text)}
html[data-theme] .header-view-controls > span{color:var(--cp-muted)}
html[data-theme] .mobile-field-detail{border:1px solid var(--cp-border);border-left:3px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .mobile-field-detail h4{color:var(--cp-text)}
html[data-theme] .mobile-field-detail p{color:var(--cp-muted) !important}
html[data-theme] .mobile-field-detail > div{color:var(--cp-muted);border-top:1px solid var(--cp-border)}
html[data-theme] .responsive-table:focus-visible,html[data-theme] .header-grid-scroll:focus-visible{outline:2px solid var(--accent)}
@media (max-width: 1024px){
html[data-theme] .sidebar{box-shadow:15px 0 60px color-mix(in srgb, var(--cp-shadow) 46.67%, transparent)}
html[data-theme] .sidebar-close{border:1px solid var(--cp-border);background:var(--cp-surface-soft);color:var(--cp-text)}
html[data-theme] .nav-backdrop:not([hidden]){background:color-mix(in srgb, var(--cp-surface) 65.1%, transparent)}
html[data-theme] .topbar{background:color-mix(in srgb, var(--cp-surface) 92.94%, transparent)}
html[data-theme] .topbar .mobile-menu{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .topbar .search-trigger{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] input[type="checkbox"],html[data-theme] input[type="radio"]{accent-color:var(--accent)}
html[data-theme] summary:before{color:var(--cp-text)}
html[data-theme] input[type="range"]{accent-color:var(--accent)}
html[data-theme] .lab-terminal-input button{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .lab-table-wrap:before,html[data-theme] .tool-table-wrap:before,html[data-theme] .responsive-table:before{color:var(--cp-text);background:var(--cp-surface-soft);border-bottom:1px solid var(--cp-border)}
html[data-theme] .reading-toc,html[data-theme] .lesson-depth .lesson-index{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .search-heading #close-search{border:1px solid var(--cp-border)}
}

/* redesign.css */

html[data-theme]{--bg:var(--cp-bg);--panel:var(--cp-surface);--line:var(--cp-border);--text:var(--cp-text);--muted:var(--cp-muted);--accent:var(--cp-accent);--cyan:var(--cp-info);--lime:var(--cp-accent)}
html[data-theme]{background:var(--bg);color:var(--text);scrollbar-color:var(--cp-border-strong) var(--bg)}
html[data-theme] body{background:var(--bg);color:var(--text)}
html[data-theme] ::selection{background:var(--cp-accent-soft);color:var(--cp-text)}
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3{color:var(--text)}
html[data-theme] p{color:var(--muted)}
html[data-theme] button,html[data-theme] .button{background:var(--cp-surface);color:var(--cp-text);border-color:var(--cp-border)}
html[data-theme] button:hover,html[data-theme] .button:hover{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-text)}
html[data-theme] .primary,html[data-theme] .primary:hover{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-text)}
html[data-theme] .primary:hover{background:var(--cp-accent);box-shadow:0 6px 24px color-mix(in srgb, var(--cp-shadow) 14.51%, transparent)}
html[data-theme] input,html[data-theme] textarea,html[data-theme] select{background:var(--cp-surface);color:var(--cp-text);border-color:var(--cp-border)}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--cp-muted)}
html[data-theme] input:focus,html[data-theme] textarea:focus,html[data-theme] select:focus{border-color:var(--cp-border-strong)}
html[data-theme] a:focus-visible,html[data-theme] button:focus-visible,html[data-theme] input:focus-visible,html[data-theme] textarea:focus-visible,html[data-theme] select:focus-visible,html[data-theme] [tabindex]:focus-visible,html[data-theme] summary:focus-visible{outline:3px solid var(--cp-border-strong)}
html[data-theme] .sidebar{background:var(--cp-surface);border-right:1px solid var(--cp-border)}
html[data-theme] .brand{color:var(--cp-text)}
html[data-theme] .brand-icon{background:var(--cp-accent-soft);color:var(--cp-text)}
html[data-theme] .brand-dot{color:var(--cp-muted)}
html[data-theme] .workspace-label{color:var(--cp-muted)}
html[data-theme] .workspace-label>span:last-child{border:1px solid var(--cp-border);color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .online-dot{background:var(--cp-accent-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--cp-shadow) 7.06%, transparent)}
html[data-theme] .nav-label{color:var(--cp-muted)}
html[data-theme] .sidebar nav a{color:var(--cp-muted)}
html[data-theme] .sidebar nav a .icon{color:var(--cp-muted)}
html[data-theme] .sidebar nav a[aria-current]{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-text)}
html[data-theme] .sidebar nav a[aria-current] .icon{color:var(--cp-muted)}
html[data-theme] .sidebar nav a:not([aria-current]):hover{background:var(--cp-surface-soft);color:var(--cp-text)}
html[data-theme] .nav-count{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .sidebar nav a[aria-current] .nav-count{background:var(--cp-accent-soft);color:var(--cp-text)}
html[data-theme] .daily-card{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .daily-card:after{color:var(--cp-muted)}
html[data-theme] .daily-card .tiny-label{color:var(--cp-muted)}
html[data-theme] .daily-line strong{color:var(--cp-text)}
html[data-theme] .spark{color:var(--cp-muted)}
html[data-theme] .daily-card p{color:var(--cp-muted)}
html[data-theme] .daily-card a{color:var(--cp-text);border-top-color:var(--cp-border)}
html[data-theme] .profile-button{border-top:1px solid var(--cp-border);background:transparent}
html[data-theme] .profile-button:hover{background:transparent}
html[data-theme] .profile-button strong{color:var(--cp-text)}
html[data-theme] .profile-button small{color:var(--cp-muted)}
html[data-theme] .avatar,html[data-theme] .small-avatar{background:var(--cp-surface-soft);color:var(--cp-muted);border-color:var(--cp-border)}
html[data-theme] .topbar{background:color-mix(in srgb, var(--cp-surface) 85.1%, transparent);border-color:var(--cp-border)}
html[data-theme] .breadcrumb .breadcrumb-root{color:var(--cp-muted)}
html[data-theme] .breadcrumb .breadcrumb-divider{color:var(--cp-muted)}
html[data-theme] .breadcrumb b{color:var(--cp-muted)}
html[data-theme] .search-trigger{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .search-trigger kbd{background:var(--cp-surface);border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .environment-status{color:var(--cp-muted)}
html[data-theme] .page-heading .eyebrow{color:var(--cp-muted)}
html[data-theme] .page-heading .eyebrow>span{background:var(--cp-accent-soft)}
html[data-theme] .page-heading p{color:var(--cp-muted)}
html[data-theme] .text-link{color:var(--cp-muted)}
html[data-theme] .text-link:hover{color:var(--cp-text)}
html[data-theme] .eyebrow{color:var(--cp-muted)}
html[data-theme] .dashboard-hero{border:1px solid var(--cp-border-strong);background:radial-gradient(ellipse at 82% 52%,color-mix(in srgb, var(--cp-surface-raised) 24.31%, transparent),transparent 65%),var(--cp-surface-raised);box-shadow:0 12px 26px color-mix(in srgb, var(--cp-shadow) 6.27%, transparent)}
html[data-theme] .dashboard-hero:before{background:radial-gradient(circle at var(--spot-x,70%) var(--spot-y,40%),color-mix(in srgb, var(--cp-accent-soft) 4.71%, transparent),transparent 42%)}
html[data-theme] .dashboard-hero:after{background-image:radial-gradient(color-mix(in srgb, var(--cp-accent-soft) 9.02%, transparent) .7px,transparent .7px)}
html[data-theme] .pill{color:var(--cp-muted);border-color:color-mix(in srgb, var(--cp-border-strong) 25.88%, transparent);background:color-mix(in srgb, var(--cp-surface-raised) 16.47%, transparent)}
html[data-theme] .pill .online-dot{background:var(--cp-accent-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--cp-shadow) 6.27%, transparent)}
html[data-theme] .hero-copy h2{color:var(--cp-text)}
html[data-theme] .hero-gradient{color:var(--cp-accent);background:none;-webkit-text-fill-color:var(--cp-accent)}
html[data-theme] .hero-copy>p{color:var(--cp-muted)}
html[data-theme] .hero-secondary{color:var(--cp-muted)}
html[data-theme] .hero-note{color:var(--cp-muted)}
html[data-theme] .hero-note .icon{color:var(--cp-muted)}
html[data-theme] .hero-coordinate{color:var(--cp-muted)}
html[data-theme] .network-choice{background:color-mix(in srgb, var(--cp-surface-raised) 86.67%, transparent);border:1px solid color-mix(in srgb, var(--cp-border) 53.33%, transparent);color:var(--cp-accent);box-shadow:0 0 0 7px color-mix(in srgb, var(--cp-shadow) 1.96%, transparent)}
html[data-theme] .network-choice:hover{background:var(--cp-accent-soft);color:var(--cp-text);box-shadow:0 0 0 8px color-mix(in srgb, var(--cp-shadow) 7.06%, transparent);border-color:var(--cp-border)}
html[data-theme] .network-hint{color:var(--cp-muted)}
html[data-theme] .network-hint .online-dot{background:var(--cp-accent-soft)}
html[data-theme] .stats-strip{background:transparent;border-bottom:1px solid var(--cp-border)}
html[data-theme] .stats-strip>div+div{border-left:1px solid var(--cp-border)}
html[data-theme] .stat-icon{color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .stats-strip strong{color:var(--cp-text)}
html[data-theme] .stats-strip>div>span:last-child{color:var(--cp-muted)}
html[data-theme] .stats-strip small{color:var(--cp-muted)}
html[data-theme] .learning-pulse{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .pulse-icon{background:var(--cp-accent-soft);border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .pulse-main .eyebrow{color:var(--cp-muted)}
html[data-theme] .pulse-main h3{color:var(--cp-text)}
html[data-theme] .pulse-main p{color:var(--cp-muted)}
html[data-theme] .pulse-main .button{background:var(--cp-surface);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .pulse-main .button:hover{background:var(--cp-accent-soft)}
html[data-theme] .pulse-progress{border-left:1px solid var(--cp-border)}
html[data-theme] .pulse-progress>div{color:var(--cp-muted)}
html[data-theme] .pulse-progress strong{color:var(--cp-muted)}
html[data-theme] .pulse-progress small{color:var(--cp-muted)}
html[data-theme] progress{accent-color:var(--cp-accent);background:var(--cp-accent-soft)}
html[data-theme] progress::-webkit-progress-bar{background:var(--cp-accent-soft)}
html[data-theme] progress::-webkit-progress-value{background:var(--cp-accent-soft)}
html[data-theme] progress::-moz-progress-bar{background:var(--cp-accent-soft)}
html[data-theme] .section-heading .eyebrow{color:var(--cp-muted)}
html[data-theme] .section-heading h2{color:var(--cp-text)}
html[data-theme] .lesson-card{border:1px solid var(--cp-border);background:var(--cp-surface);box-shadow:0 3px 6px color-mix(in srgb, var(--cp-shadow) 0.78%, transparent)}
html[data-theme] .lesson-card:before{background:var(--cp-accent-soft)}
html[data-theme] .lesson-card:nth-child(2):before{background:var(--cp-accent-soft)}
html[data-theme] .lesson-card:nth-child(3):before{background:var(--cp-accent-soft)}
html[data-theme] .lesson-card:hover{background:var(--cp-surface);border-color:var(--cp-border);box-shadow:0 10px 24px color-mix(in srgb, var(--cp-shadow) 4.31%, transparent)}
html[data-theme] .lesson-card-top{color:var(--cp-muted)}
html[data-theme] .lesson-card-complete{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .lesson-card h3{color:var(--cp-text)}
html[data-theme] .lesson-card>p{color:var(--cp-muted)}
html[data-theme] .lesson-card-footer{border-top:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .lesson-card-footer>b{color:var(--cp-muted)}
html[data-theme] .lab-card{background:var(--cp-surface);border:1px solid var(--cp-border)}
html[data-theme] .lab-card:hover{border-color:var(--cp-border);box-shadow:0 12px 26px color-mix(in srgb, var(--cp-shadow) 6.27%, transparent)}
html[data-theme] .lab-art{color:var(--cp-muted);background:radial-gradient(ellipse at 50% 85%,var(--cp-accent-soft),transparent 85%),var(--cp-surface-soft);border-bottom:1px solid var(--cp-border)}
html[data-theme] .art-label{color:var(--cp-muted)}
html[data-theme] .art-arrow{color:var(--cp-muted)}
html[data-theme] .lab-card.packets .lab-art{background:radial-gradient(ellipse at 50% 85%,var(--cp-accent-soft),transparent 85%),var(--cp-surface-soft);color:var(--cp-muted);border-color:var(--cp-border)}
html[data-theme] .lab-card.packets .art-label{color:var(--cp-muted)}
html[data-theme] .lab-card.firewall .lab-art{background:radial-gradient(ellipse at 50% 85%,var(--cp-surface-soft),transparent 85%),var(--cp-surface-soft);color:var(--cp-muted);border-color:var(--cp-border)}
html[data-theme] .lab-card.firewall .art-label{color:var(--cp-muted)}
html[data-theme] .lab-card.phishing .lab-art{background:var(--cp-surface-soft);color:var(--cp-muted);border-color:var(--cp-border)}
html[data-theme] .lab-card.logs .lab-art{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .lab-card.crypto .lab-art{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .category{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .difficulty{color:var(--cp-muted)}
html[data-theme] .difficulty i{background:var(--cp-accent-soft)}
html[data-theme] .lab-card h3{color:var(--cp-text)}
html[data-theme] .lab-card p{color:var(--cp-muted)}
html[data-theme] .lab-card-footer{color:var(--cp-muted);border-top-color:var(--cp-border)}
html[data-theme] .lab-card-footer b{color:var(--cp-muted)}
html[data-theme] .path-feature{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .feature-icon{color:var(--cp-muted);background:var(--cp-accent-soft);border-color:var(--cp-border)}
html[data-theme] .path-feature h2{color:var(--cp-text)}
html[data-theme] .path-feature p{color:var(--cp-muted)}
html[data-theme] .path-feature-footer{color:var(--cp-muted);border-color:var(--cp-border)}
html[data-theme] .path-feature-footer a{color:var(--cp-muted)}
html[data-theme] .daily-challenge{background:var(--cp-surface);border-color:var(--cp-border)}
html[data-theme] .drill-top .eyebrow{color:var(--cp-muted)}
html[data-theme] .drill-xp{color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .drill-tabs button{background:var(--cp-surface-soft);color:var(--cp-muted);border-color:var(--cp-border)}
html[data-theme] .drill-tabs button[aria-pressed="true"]{background:var(--cp-surface-soft);color:var(--cp-muted);border-color:var(--cp-border)}
html[data-theme] .daily-challenge h3{color:var(--cp-text)}
html[data-theme] .daily-challenge>p{color:var(--cp-muted)}
html[data-theme] .drill-options button{color:var(--cp-muted);background:var(--cp-surface);border-color:var(--cp-border)}
html[data-theme] .drill-options button>span{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .drill-feedback{color:var(--cp-muted)!important}
html[data-theme] .panel,html[data-theme] .path-card,html[data-theme] .path-step,html[data-theme] .lesson-library-intro,html[data-theme] .mission-panel,html[data-theme] .workspace-panel,html[data-theme] .reading-chapter,html[data-theme] .reading-experiment,html[data-theme] .reading-finish,html[data-theme] .visual-chapter,html[data-theme] .course-hero,html[data-theme] .progress-hero,html[data-theme] .progress-card,html[data-theme] .journal-card{border-color:var(--cp-border)}
html[data-theme] .path-card{background:var(--cp-surface)}
html[data-theme] .path-card:hover{background:var(--cp-surface-soft);border-color:var(--cp-border);box-shadow:0 10px 28px color-mix(in srgb, var(--cp-shadow) 3.92%, transparent)}
html[data-theme] .path-card h2{color:var(--cp-text)}
html[data-theme] .path-card p{color:var(--cp-muted)}
html[data-theme] .catalog-toolbar{background:transparent}
html[data-theme] .filter-tabs{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .filter-tabs button{background:transparent;border:1px solid transparent;color:var(--cp-muted)}
html[data-theme] .filter-tabs button.active{background:var(--cp-surface);border-color:var(--cp-border);box-shadow:0 2px 4px color-mix(in srgb, var(--cp-shadow) 3.92%, transparent);color:var(--cp-text)}
html[data-theme] .catalog-search{background:var(--cp-surface);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .catalog-search input{background:transparent;color:var(--cp-muted)}
html[data-theme] .tools-tabs{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .tools-tabs [role="tab"]{background:transparent;color:var(--cp-muted)}
html[data-theme] .tools-tabs [aria-selected="true"],html[data-theme] .tools-tabs [aria-selected="true"]:hover{background:var(--cp-surface);border-color:var(--cp-border);color:var(--cp-muted);box-shadow:0 2px 6px color-mix(in srgb, var(--cp-shadow) 6.67%, transparent)}
html[data-theme] .reading-content p,html[data-theme] .reading-content li{color:var(--cp-muted)}
html[data-theme] .reading-content p strong{color:var(--cp-text)}
html[data-theme] .reading-content code{color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .reading-content pre{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .reading-callout{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .reading-callout>strong{color:var(--cp-muted)}
html[data-theme] .reading-callout p{color:var(--cp-muted)}
html[data-theme] .lab-terminal{background:var(--cp-surface);border-color:var(--cp-border-strong);color:var(--cp-accent)}
html[data-theme] .lab-terminal-title{background:var(--cp-surface-raised);border-color:var(--cp-border-strong);color:var(--cp-muted)}
html[data-theme] .lab-terminal-output,html[data-theme] .lab-terminal-entry pre{background:var(--cp-surface);color:var(--cp-muted)}
html[data-theme] .terminal-welcome{color:var(--cp-muted)}
html[data-theme] .terminal-welcome b,html[data-theme] .terminal-command-echo span{color:var(--cp-accent)}
html[data-theme] .lab-terminal-input{background:var(--cp-surface-raised);border-color:var(--cp-border-strong)}
html[data-theme] .lab-terminal-input input{background:transparent;color:var(--cp-accent);border-color:var(--cp-border-strong)}
html[data-theme] .lab-terminal-input label,html[data-theme] .lab-terminal-input label b{color:var(--cp-muted)}
html[data-theme] .search-dialog{background:var(--cp-surface);border:1px solid var(--cp-border);color:var(--cp-text);box-shadow:0 24px 100px color-mix(in srgb, var(--cp-shadow) 25.1%, transparent)}
html[data-theme] .search-dialog::backdrop{background:color-mix(in srgb, var(--cp-surface-raised) 31.37%, transparent)}
html[data-theme] .search-heading{border-color:var(--cp-border)}
html[data-theme] .search-heading input{color:var(--cp-text);background:transparent}
html[data-theme] .search-heading .icon{color:var(--cp-muted)}
html[data-theme] #search-results a{border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] #search-results a:hover{background:var(--cp-surface-soft)}
html[data-theme] #search-results small{color:var(--cp-muted)}
html[data-theme] .search-foot{background:var(--cp-surface-soft);color:var(--cp-muted);border-color:var(--cp-border)}
html[data-theme] .toast{background:var(--cp-surface-raised);color:var(--cp-accent);border-color:var(--cp-border-strong);box-shadow:0 8px 30px color-mix(in srgb, var(--cp-shadow) 14.51%, transparent)}
html[data-theme] footer{border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] footer b{color:var(--cp-muted)}
html[data-theme] .footer-links a{color:var(--cp-muted)}
@media(max-width:1024px){
html[data-theme] .sidebar{background:var(--cp-surface)}
html[data-theme] .sidebar-close{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .nav-backdrop:not([hidden]){background:color-mix(in srgb, var(--cp-surface) 43.92%, transparent)}
html[data-theme] .topbar{background:color-mix(in srgb, var(--cp-surface) 93.33%, transparent);border-color:var(--cp-border)}
html[data-theme] .topbar .mobile-menu{background:var(--cp-surface-soft);color:var(--cp-muted);border-color:var(--cp-border)}
html[data-theme] .topbar .breadcrumb b{color:var(--cp-muted)}
html[data-theme] .search-trigger{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .topbar .search-trigger{color:var(--cp-muted)}
}
@media(max-width:700px){
html[data-theme] .stats-strip{border-bottom:1px solid var(--cp-border)}
html[data-theme] .stats-strip>div:nth-child(even){border-left:1px solid var(--cp-border)}
html[data-theme] .stats-strip>div:nth-child(n+3){border-top:1px solid var(--cp-border)}
html[data-theme] .pulse-progress{border-top:1px solid var(--cp-border)}
}
html[data-theme] .page-heading p{color:var(--cp-muted)}
html[data-theme] .lesson-card>p,html[data-theme] .lab-card p{color:var(--cp-muted)}
html[data-theme] .lesson-card-top{color:var(--cp-muted)}
html[data-theme] .lesson-card-complete{color:var(--cp-muted)}
html[data-theme] .lesson-card-footer,html[data-theme] .lab-card-footer{color:var(--cp-muted)}
html[data-theme] .stats-strip small,html[data-theme] .pulse-progress small{color:var(--cp-muted)}
html[data-theme] .lab-art .art-label{color:var(--cp-muted)}
html[data-theme] .lab-card.packets .art-label{color:var(--cp-muted)}
html[data-theme] .lab-card.firewall .art-label{color:var(--cp-muted)}
html[data-theme] .lab-terminal .lab-terminal-entry pre{color:var(--cp-muted)!important}
html[data-theme] .lab-terminal .terminal-command-echo{color:var(--cp-accent)}
html[data-theme] .lab-terminal-title>span:last-child{color:var(--cp-muted)}

/* studio.css */

html[data-theme] .studio-tabs{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .studio-tabs a{border:1px solid transparent;color:var(--cp-muted)}
html[data-theme] .studio-tabs a[aria-current]{background:var(--cp-surface);border-color:var(--cp-border);color:var(--cp-text);box-shadow:0 2px 4px color-mix(in srgb, var(--cp-shadow) 3.14%, transparent)}
html[data-theme] .studio-tabs a:hover{background:var(--cp-surface-soft);color:var(--cp-text)}
html[data-theme] .studio-kicker{color:var(--cp-muted)}
html[data-theme] .studio-intro{border:1px solid var(--cp-border-strong);background:radial-gradient(ellipse at right,color-mix(in srgb, var(--cp-surface-raised) 30.2%, transparent),transparent 68%),var(--cp-surface-raised);color:var(--cp-text)}
html[data-theme] .studio-intro>.studio-kicker,html[data-theme] .studio-intro .studio-kicker{color:var(--cp-muted)}
html[data-theme] .studio-intro h2{color:var(--cp-text)}
html[data-theme] .studio-intro h2 em{color:var(--cp-accent)}
html[data-theme] .studio-intro p{color:var(--cp-muted)}
html[data-theme] .studio-intro-actions>span{color:var(--cp-muted)}
html[data-theme] .studio-orbit-ring{border:1px solid color-mix(in srgb, var(--cp-border-strong) 33.33%, transparent)}
html[data-theme] .studio-orbit-ring.second{border-color:color-mix(in srgb, var(--cp-border-strong) 21.96%, transparent)}
html[data-theme] .studio-orbit-center{border:1px solid color-mix(in srgb, var(--cp-border) 46.67%, transparent);background:var(--cp-surface-raised);color:var(--cp-accent);box-shadow:0 0 65px color-mix(in srgb, var(--cp-shadow) 4.31%, transparent)}
html[data-theme] .studio-orbit-center small{color:var(--cp-accent)}
html[data-theme] .studio-orbit-node{border:1px solid color-mix(in srgb, var(--cp-border) 53.33%, transparent);background:var(--cp-surface-raised);color:var(--cp-accent)}
html[data-theme] .studio-orbit-node>span{color:var(--cp-muted)}
html[data-theme] .studio-section-title h2{color:var(--cp-text)}
html[data-theme] .studio-local{color:var(--cp-muted)}
html[data-theme] .studio-local i{background:var(--cp-accent-soft)}
html[data-theme] .studio-card{background:var(--cp-surface);border:1px solid var(--cp-border)}
html[data-theme] .studio-card:hover{border-color:var(--cp-border);box-shadow:0 10px 30px color-mix(in srgb, var(--cp-shadow) 4.71%, transparent)}
html[data-theme] .studio-card-symbol{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .studio-card-clay .studio-card-symbol{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .studio-card-blue .studio-card-symbol{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .studio-card h3{color:var(--cp-text)}
html[data-theme] .studio-card p{color:var(--cp-muted)}
html[data-theme] .studio-card-bottom{border-top:1px solid var(--cp-border)}
html[data-theme] .studio-card-bottom>span{color:var(--cp-muted)}
html[data-theme] .studio-card-bottom small{color:var(--cp-muted)}
html[data-theme] .studio-mini-art{background:var(--cp-surface-soft)}
html[data-theme] .studio-mini-art small{color:var(--cp-muted)}
html[data-theme] .studio-mini-path{border:1px solid var(--cp-border-strong)}
html[data-theme] .studio-mini-path.path-b{border-color:var(--cp-border-strong)}
html[data-theme] .point{background:var(--cp-accent-soft);box-shadow:0 0 0 4px color-mix(in srgb, var(--cp-shadow) 8.24%, transparent)}
html[data-theme] .studio-art-decisions .p3{background:var(--cp-accent-soft);box-shadow:0 0 0 4px color-mix(in srgb, var(--cp-shadow) 8.24%, transparent)}
html[data-theme] .studio-art-evidence{background:var(--cp-surface-soft)}
html[data-theme] .studio-evidence-note,html[data-theme] .studio-evidence-claim{border:1px solid var(--cp-border);color:var(--cp-muted);background:var(--cp-surface)}
html[data-theme] .studio-evidence-claim{border-color:var(--cp-border);background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .studio-evidence-line{background:var(--cp-accent-soft)}
html[data-theme] .studio-art-calibration{background:var(--cp-surface-soft)}
html[data-theme] .studio-cal-axis{border-left:1px solid var(--cp-border);border-bottom:1px solid var(--cp-border)}
html[data-theme] .studio-cal-axis:after{background:var(--cp-accent-soft)}
html[data-theme] .studio-art-calibration .p3{background:var(--cp-accent-soft)}
html[data-theme] .studio-receipt{border:1px solid var(--cp-border);background:var(--cp-surface)}
html[data-theme] .studio-receipt-icon{background:var(--cp-surface-soft);color:var(--cp-muted);border:1px solid var(--cp-border)}
html[data-theme] .studio-receipt h2{color:var(--cp-text)}
html[data-theme] .studio-receipt p{color:var(--cp-muted)}
html[data-theme] .studio-journey li{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .studio-journey li>a>span{color:var(--cp-muted)}
html[data-theme] .studio-journey li>a>b{color:var(--cp-muted)}
html[data-theme] .studio-journey strong{color:var(--cp-muted)}
html[data-theme] .studio-journey small{color:var(--cp-muted)}
html[data-theme] .studio-journey .is-recorded{background:var(--cp-success-soft);border-color:var(--cp-success)}
html[data-theme] .studio-journey .is-recorded>a>span{color:var(--cp-success)}
html[data-theme] .studio-receipt-bottom{border-top:1px solid var(--cp-border)}
html[data-theme] .studio-receipt-bottom>span{color:var(--cp-muted)}
html[data-theme] .studio-fineprint,html[data-theme] .studio-receipt .studio-fineprint{color:var(--cp-muted)}
html[data-theme] .studio-status{color:var(--cp-muted)}
html[data-theme] .studio-principle{border-left:3px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .studio-principle strong{color:var(--cp-muted)}
html[data-theme] .studio-principle p{color:var(--cp-muted)}
html[data-theme] .studio-next-experiment{border-top:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .studio-next-experiment a{color:var(--cp-muted)}
html[data-theme] .studio-teaser{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .studio-teaser-icon{background:var(--cp-accent-soft);border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .studio-teaser h2{color:var(--cp-text)}
html[data-theme] .studio-teaser p{color:var(--cp-muted)}
html[data-theme] .studio-teaser>.button{background:var(--cp-surface);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .studio-progress-grid>a{background:var(--cp-surface);border:1px solid var(--cp-border)}
html[data-theme] .studio-progress-grid strong{color:var(--cp-muted)}
html[data-theme] .studio-progress-grid small{color:var(--cp-muted)}
html[data-theme] .studio-progress-grid b{color:var(--cp-muted)}

/* studio-decisions.css */

html[data-theme] .decision-studio{--ds-ink:var(--cp-text);--ds-muted:var(--cp-muted);--ds-line:var(--cp-border);color:var(--ds-ink)}
html[data-theme] .decision-studio .ds-label{color:var(--cp-muted)}
html[data-theme] .decision-studio h2{color:var(--ds-ink)}
html[data-theme] .decision-studio h3{color:var(--ds-ink)}
html[data-theme] .decision-studio p{color:var(--ds-muted)}
html[data-theme] .decision-studio button,html[data-theme] .decision-studio select{border:1px solid var(--cp-border);color:var(--cp-text);background:var(--cp-surface)}
html[data-theme] .decision-studio button:hover{background:var(--cp-surface-soft);border-color:var(--cp-border-strong)}
html[data-theme] .decision-studio .ds-primary{background:var(--cp-accent);color:var(--cp-accent-text);border-color:var(--cp-accent)}
html[data-theme] .decision-studio .ds-primary:hover{background:var(--cp-accent);border-color:var(--cp-accent)}
html[data-theme] .decision-studio .ds-briefing{border:1px solid var(--cp-border-strong);background:radial-gradient(ellipse at 100% 15%,color-mix(in srgb, var(--cp-accent-soft) 12.55%, transparent),transparent 50%),var(--cp-surface-raised)}
html[data-theme] .decision-studio .ds-briefing .ds-label{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-briefing h2{color:var(--cp-text)}
html[data-theme] .decision-studio .ds-briefing p{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-simulation-badge{border:1px solid var(--cp-border-strong);color:var(--cp-accent)}
html[data-theme] .decision-studio .ds-metrics{border:1px solid var(--ds-line);background:var(--cp-surface)}
html[data-theme] .decision-studio .ds-metrics>div{border-left:1px solid var(--cp-border)}
html[data-theme] .decision-studio .ds-metrics>div>span{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-metrics strong small{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-status{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-decision,html[data-theme] .decision-studio .ds-timeline{border:1px solid var(--ds-line);background:var(--cp-surface)}
html[data-theme] .decision-studio .ds-decision-heading>span:last-child{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-artifact{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .decision-studio .ds-artifact>span{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-artifact code{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-choices legend{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-choice{border:1px solid var(--cp-border);background:var(--cp-surface)}
html[data-theme] .decision-studio .ds-choice:hover{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .decision-studio .ds-choice:has(input:checked){background:var(--cp-surface-soft);border-color:var(--cp-border-strong);box-shadow:0 0 0 1px color-mix(in srgb, var(--cp-shadow) 8.24%, transparent)}
html[data-theme] .decision-studio .ds-choice input{accent-color:var(--cp-accent)}
html[data-theme] .decision-studio .ds-choice strong{color:var(--cp-text)}
html[data-theme] .decision-studio .ds-choice>span>span{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-choice-deltas b{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-commit{border-top:1px solid var(--cp-border)}
html[data-theme] .decision-studio .ds-commit>span{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-section-head>span{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-chart{border-bottom:1px solid var(--cp-border)}
html[data-theme] .decision-studio .ds-chart-key{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-chart-note{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-timeline li:before{background:var(--cp-accent-soft)}
html[data-theme] .decision-studio .ds-trail-dot{border:1px solid var(--cp-border);color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .decision-studio .ds-timeline-start .ds-trail-dot:after{background:var(--cp-accent-soft)}
html[data-theme] .decision-studio .ds-timeline li strong{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-timeline li p{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-fork-controls{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .decision-studio .ds-fork-controls label{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-fork-controls p{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-fork-controls select{background:var(--cp-surface)}
html[data-theme] .decision-studio .ds-complete-links a{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-complete-links button{background:transparent}
html[data-theme] .decision-studio .ds-comparison{border:1px solid var(--ds-line);background:var(--cp-surface)}
html[data-theme] .decision-studio .ds-comparison-table{border:1px solid var(--cp-border)}
html[data-theme] .decision-studio table{background:transparent}
html[data-theme] .decision-studio th,html[data-theme] .decision-studio td{border-bottom:1px solid var(--cp-border)}
html[data-theme] .decision-studio thead th{color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .decision-studio tbody th{color:var(--cp-muted)}
html[data-theme] .decision-studio tbody td{color:var(--cp-muted)}
html[data-theme] .decision-studio tbody td.ds-difference{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-unchanged{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-path-comparison article{border-top:1px solid var(--cp-border)}
html[data-theme] .decision-studio .ds-step-marker{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-path-comparison h3{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-path-comparison p{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-model-note{color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .decision-studio .ds-model{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .decision-studio .ds-model summary{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-model p,html[data-theme] .decision-studio .ds-model li{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-bottom>a{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-bottom>button{background:transparent;color:var(--cp-muted);border-color:var(--cp-border)}
html[data-theme] .decision-studio .ds-reset-confirm{color:var(--cp-muted)}
html[data-theme] .decision-studio .ds-reset-confirm button:first-of-type{border-color:var(--cp-border);color:var(--cp-muted);background:var(--cp-surface-soft)}
@media(max-width:700px){
html[data-theme] .decision-studio .ds-metrics>div:nth-child(even){border-left:1px solid var(--cp-border)}
html[data-theme] .decision-studio .ds-metrics>div:nth-child(n+3){border-top:1px solid var(--cp-border)}
}

/* studio-evidence.css */

html[data-theme] .evidence-studio{--ev-ink:var(--cp-text);--ev-muted:var(--cp-muted);--ev-border:var(--cp-border);--ev-paper:var(--cp-surface);color:var(--ev-ink)}
html[data-theme] .evidence-studio .ev-label{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-intro{background:var(--cp-surface-raised);border:1px solid var(--cp-border-strong)}
html[data-theme] .evidence-studio .ev-intro .ev-label{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-intro h2{color:var(--cp-text)}
html[data-theme] .evidence-studio .ev-intro em{color:var(--cp-accent)}
html[data-theme] .evidence-studio .ev-intro p{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-training-note{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-proof-visual svg{stroke:var(--cp-accent)}
html[data-theme] .evidence-studio .ev-proof-dot{border:1px solid var(--cp-border-strong);background:var(--cp-surface-raised);color:var(--cp-accent)}
html[data-theme] .evidence-studio .dot-two{color:var(--cp-accent)}
html[data-theme] .evidence-studio .ev-proof-center{border:1px solid var(--cp-border);background:linear-gradient(140deg,var(--cp-surface-raised),var(--cp-surface-raised));color:var(--cp-accent);box-shadow:0 0 40px color-mix(in srgb, var(--cp-shadow) 7.06%, transparent)}
html[data-theme] .evidence-studio .ev-case-tabs button{background:var(--cp-surface);border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-case-tabs button>span{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-case-tabs button[aria-pressed=true]{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-text)}
html[data-theme] .evidence-studio .ev-case-tabs button:hover{border-color:var(--cp-border-strong)}
html[data-theme] .evidence-studio .ev-brief h3{color:var(--cp-text)}
html[data-theme] .evidence-studio .ev-brief p{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-brief>a{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-section-heading h3{color:var(--cp-text)}
html[data-theme] .evidence-studio .ev-section-heading>span{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-claims button{background:var(--cp-surface);border:1px solid var(--cp-border)}
html[data-theme] .evidence-studio .ev-claims button[aria-pressed=true]{border-color:var(--cp-border-strong);background:var(--cp-surface-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cp-shadow) 20%, transparent)}
html[data-theme] .evidence-studio .ev-claim-number{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-claims small{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-claims strong{color:var(--cp-text)}
html[data-theme] .evidence-studio .ev-claims button>b{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-count{background:var(--cp-surface-soft);border:1px solid var(--cp-border);color:var(--cp-muted)!important}
html[data-theme] .evidence-studio .ev-artifact{border:1px solid var(--cp-border);background:var(--cp-surface)}
html[data-theme] .evidence-studio .ev-artifact.is-new{border-color:var(--cp-border-strong);background:var(--cp-surface-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--cp-shadow) 12.55%, transparent)}
html[data-theme] .evidence-studio .ev-artifact-number{background:var(--cp-surface-soft);border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-kind{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-artifact-top time{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-artifact h4{color:var(--cp-text)}
html[data-theme] .evidence-studio .ev-artifact>p{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-provenance{color:var(--cp-muted);border-left:2px solid var(--cp-border)}
html[data-theme] .evidence-studio .ev-limit summary{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-limit p{color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .evidence-studio .ev-relations{border-top:1px solid var(--cp-border)}
html[data-theme] .evidence-studio .ev-relations button{color:var(--cp-muted);border:1px solid var(--cp-border);background:var(--cp-surface)}
html[data-theme] .evidence-studio .ev-relations button[aria-pressed=true]{border-color:var(--cp-border-strong);background:var(--cp-surface-soft);color:var(--cp-text)}
html[data-theme] .evidence-studio .ev-relations button[data-relation=contradicts][aria-pressed=true]{background:var(--cp-danger-soft);border-color:var(--cp-danger);color:var(--cp-danger)}
html[data-theme] .evidence-studio .ev-relations button[data-relation=unresolved][aria-pressed=true]{background:var(--cp-warning-soft);border-color:var(--cp-warning);color:var(--cp-warning)}
html[data-theme] .evidence-studio .ev-finding-card{background:var(--cp-surface);border:1px solid var(--cp-border)}
html[data-theme] .evidence-studio .ev-finding-card>h3{color:var(--cp-text)}
html[data-theme] .evidence-studio blockquote{color:var(--cp-text);border-left:3px solid var(--cp-border)}
html[data-theme] .evidence-studio .ev-link-summary{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .evidence-studio .ev-link-summary>div{border-right:1px solid var(--cp-border)}
html[data-theme] .evidence-studio .ev-link-summary strong{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-link-summary span{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-link-summary .contradicts strong{color:var(--cp-danger)}
html[data-theme] .evidence-studio .ev-link-summary .unresolved strong{color:var(--cp-warning)}
html[data-theme] .evidence-studio .ev-fine{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-revision{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .evidence-studio .ev-revision strong{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-revision p{color:var(--cp-muted)}
html[data-theme] .evidence-studio form>label{color:var(--cp-muted)}
html[data-theme] .evidence-studio form>label small{color:var(--cp-muted)}
html[data-theme] .evidence-studio textarea{background:var(--cp-surface);border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .evidence-studio textarea::placeholder{color:var(--cp-muted)}
html[data-theme] .evidence-studio legend{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-verdict{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-verdict:has(input:checked){background:var(--cp-surface-soft);border-color:var(--cp-border-strong);color:var(--cp-text)}
html[data-theme] .evidence-studio .ev-verdict input{accent-color:var(--cp-accent)}
html[data-theme] .evidence-studio .ev-button{border:1px solid var(--cp-border);color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .evidence-studio .ev-button:hover{border-color:var(--cp-border-strong);background:var(--cp-surface-soft)}
html[data-theme] .evidence-studio .ev-primary{color:var(--cp-accent-text);background:var(--cp-accent);border-color:var(--cp-accent)}
html[data-theme] .evidence-studio .ev-primary:hover{background:var(--cp-accent);border-color:var(--cp-accent)}
html[data-theme] .evidence-studio .ev-form-status{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-record-actions{border-top:1px solid var(--cp-border)}
html[data-theme] .evidence-studio .ev-record-actions button{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-save-status{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-review{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .evidence-studio .ev-review-top h3{color:var(--cp-text)}
html[data-theme] .evidence-studio .ev-review-top>strong{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-score-note{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-verdict-explainer{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .evidence-studio .ev-verdict-explainer>span{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-verdict-explainer b{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-verdict-explainer p{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-feedback>summary{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-feedback>summary>span{background:var(--cp-accent-soft)}
html[data-theme] .evidence-studio .ev-feedback-row{border-top:1px solid var(--cp-border)}
html[data-theme] .evidence-studio .ev-feedback-row strong{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-feedback-row.needs-review strong{color:var(--cp-warning)}
html[data-theme] .evidence-studio .ev-feedback-row>span{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-feedback-row p{color:var(--cp-muted)}
html[data-theme] .evidence-studio .ev-reveal{background:var(--cp-accent-soft);border-color:var(--cp-border)}
html[data-theme] .evidence-studio .ev-bottom-links{border-top:1px solid var(--cp-border)}
html[data-theme] .evidence-studio .ev-bottom-links>a{color:var(--cp-muted)}

/* studio-calibration.css */

html[data-theme] .calibration-studio{--cl-ink:var(--cp-text);--cl-muted:var(--cp-muted);--cl-line:var(--cp-border);color:var(--cl-ink)}
html[data-theme] .calibration-studio button{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text)}
html[data-theme] .calibration-studio button:hover{background:var(--cp-surface-soft);border-color:var(--cp-border-strong)}
html[data-theme] .calibration-studio button:focus-visible,html[data-theme] .calibration-studio a:focus-visible,html[data-theme] .calibration-studio input:focus-visible,html[data-theme] .calibration-studio summary:focus-visible{outline:3px solid var(--cp-border-strong)}
html[data-theme] .calibration-studio .cl-label{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-intro h2{color:var(--cp-text)}
html[data-theme] .calibration-studio .cl-intro p{color:var(--cl-muted)}
html[data-theme] .calibration-studio .cl-metrics{border:1px solid var(--cl-line);background:var(--cp-surface)}
html[data-theme] .calibration-studio .cl-metrics>div+div{border-left:1px solid var(--cl-line)}
html[data-theme] .calibration-studio .cl-metrics strong{color:var(--cp-text)}
html[data-theme] .calibration-studio .cl-metrics span{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-metrics small{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-session{background:var(--cp-surface);border:1px solid var(--cl-line)}
html[data-theme] .calibration-studio .cl-simulation{color:var(--cp-muted)}
html[data-theme] .calibration-studio progress{accent-color:var(--cp-accent)}
html[data-theme] .calibration-studio .cl-topic{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .calibration-studio h3{color:var(--cp-text)}
html[data-theme] .calibration-studio .cl-artifact{color:var(--cp-muted);background:var(--cp-surface-raised);border:1px solid var(--cp-border-strong)}
html[data-theme] .calibration-studio .cl-claim{border-left:3px solid var(--cp-border-strong)}
html[data-theme] .calibration-studio .cl-claim p{color:var(--cp-text)}
html[data-theme] .calibration-studio legend{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-choice-group button>span{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-choice-group button.is-selected{background:var(--cp-surface-soft);border-color:var(--cp-border-strong);color:var(--cp-text);box-shadow:0 0 0 1px var(--cp-shadow)}
html[data-theme] .calibration-studio .cl-confidence label{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-confidence output{color:var(--cp-text)}
html[data-theme] .calibration-studio input[type=range]{accent-color:var(--cp-accent);background:transparent}
html[data-theme] .calibration-studio .cl-confidence>div{color:var(--cp-muted)}
html[data-theme] .calibration-studio button.cl-primary{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-text)}
html[data-theme] .calibration-studio button.cl-primary:hover{background:var(--cp-accent);border-color:var(--cp-accent)}
html[data-theme] .calibration-studio .cl-commit-note{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-feedback{background:var(--cp-success-soft);border:1px solid var(--cp-success)}
html[data-theme] .calibration-studio .cl-feedback.is-incorrect{background:var(--cp-warning-soft);border-color:var(--cp-warning)}
html[data-theme] .calibration-studio .cl-feedback.is-incorrect .cl-label{color:var(--cp-warning)}
html[data-theme] .calibration-studio .cl-feedback h4{color:var(--cp-success)}
html[data-theme] .calibration-studio .cl-feedback.is-incorrect h4{color:var(--cp-warning)}
html[data-theme] .calibration-studio .cl-feedback p{color:var(--cp-success)}
html[data-theme] .calibration-studio .cl-feedback.is-incorrect p{color:var(--cp-warning)}
html[data-theme] .calibration-studio .cl-score-line{border-top:1px solid var(--cp-border);border-bottom:1px solid var(--cp-border)}
html[data-theme] .calibration-studio .cl-score-line strong{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-score-line span{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-feedback a{color:var(--cp-success)}
html[data-theme] .calibration-studio .cl-insight-card{background:var(--cp-surface);border:1px solid var(--cl-line)}
html[data-theme] .calibration-studio .cl-chart text{fill:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-chart text.cl-dot-count{fill:var(--cp-text)}
html[data-theme] .calibration-studio .cl-chart-note,html[data-theme] .calibration-studio .cl-sample-note{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-sample-note{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-chart-empty{border:1px dashed var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .calibration-studio .cl-chart-empty>span{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-chart-empty p{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-chart-empty small{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-recommendation{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .calibration-studio .cl-recommendation p{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-recommendation small{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-lesson-link{color:var(--cp-muted);border-bottom:1px solid var(--cp-border-strong)}
html[data-theme] .calibration-studio .cl-method{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .calibration-studio .cl-method summary{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-method p{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-method strong{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-storage{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-finish-mark{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-finish p{color:var(--cp-muted)}
html[data-theme] .calibration-studio .cl-finish>a{color:var(--cp-muted)}

/* privacy-lab.css */

html[data-theme] .cyber-privacy{--paper:var(--cp-bg);--white:var(--cp-surface);--ink:var(--cp-text);--muted:var(--cp-muted);--line:var(--cp-border);--purple:var(--cp-accent);--purple-dark:var(--cp-accent);--lilac:var(--cp-accent-soft);--coral:var(--cp-warning);--sage:var(--cp-success-soft)}
html[data-theme] .cyber-privacy{scrollbar-color:var(--cp-border-strong) var(--paper)}
html[data-theme] .cyber-privacy{background:var(--paper);color:var(--ink)}
html[data-theme] .cyber-privacy a{color:inherit}
html[data-theme] .cyber-privacy a:focus-visible,html[data-theme] .cyber-privacy button:focus-visible,html[data-theme] .cyber-privacy input:focus-visible,html[data-theme] .cyber-privacy textarea:focus-visible,html[data-theme] .cyber-privacy select:focus-visible,html[data-theme] .cyber-privacy [tabindex]:focus-visible,html[data-theme] .cyber-privacy summary:focus-visible{outline:3px solid var(--cp-border-strong)}
html[data-theme] .cyber-privacy input,html[data-theme] .cyber-privacy textarea,html[data-theme] .cyber-privacy select{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text)}
html[data-theme] .cyber-privacy input::placeholder,html[data-theme] .cyber-privacy textarea::placeholder{color:var(--cp-muted)}
html[data-theme] .cyber-privacy input:focus,html[data-theme] .cyber-privacy textarea:focus,html[data-theme] .cyber-privacy select:focus{border-color:var(--cp-border)}
html[data-theme] .cyber-privacy input[type=checkbox],html[data-theme] .cyber-privacy input[type=radio]{accent-color:var(--purple)}
html[data-theme] .cyber-privacy p{color:var(--muted)}
html[data-theme] .cyber-privacy button,html[data-theme] .cyber-privacy .button{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-muted)}
html[data-theme] .cyber-privacy button:hover,html[data-theme] .cyber-privacy .button:hover{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .primary,html[data-theme] .cyber-privacy .button.primary{background:var(--purple);color:var(--cp-accent-text);border-color:var(--purple);box-shadow:0 4px 10px color-mix(in srgb, var(--cp-shadow) 7.84%, transparent)}
html[data-theme] .cyber-privacy .primary:hover,html[data-theme] .cyber-privacy .button.primary:hover{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-text);box-shadow:0 8px 18px color-mix(in srgb, var(--cp-shadow) 10.59%, transparent)}
html[data-theme] .cyber-privacy .secondary,html[data-theme] .cyber-privacy .button.secondary{background:var(--cp-surface);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .mini-button{background:var(--cp-surface);color:var(--cp-muted);border-color:var(--cp-border)}
html[data-theme] .cyber-privacy .mini-button:hover{background:var(--cp-surface-soft)}
html[data-theme] .cyber-privacy ::selection{background:var(--cp-surface-soft);color:var(--cp-text)}
html[data-theme] .cyber-privacy .skip-link{background:var(--purple);color:var(--cp-text)}
html[data-theme] .cyber-privacy .site-header{border-bottom:1px solid var(--cp-border);background:color-mix(in srgb, var(--cp-surface) 80%, transparent)}
html[data-theme] .cyber-privacy .brand-mark i{background:var(--purple)}
html[data-theme] .cyber-privacy .brand-mark i:nth-child(2){background:var(--cp-accent-soft)}
html[data-theme] .cyber-privacy .brand-mark i:nth-child(3){background:var(--cp-accent-soft)}
html[data-theme] .cyber-privacy .brand-mark i:nth-child(4){background:var(--cp-accent-soft)}
html[data-theme] .cyber-privacy .brand-descriptor{color:var(--cp-muted);border-left:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .site-links a{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .site-links a:hover{color:var(--purple)}
html[data-theme] .cyber-privacy .header-local{background:var(--cp-surface-soft);border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .header-local>span{background:var(--cp-accent-soft)}
html[data-theme] .cyber-privacy .eyebrow,html[data-theme] .cyber-privacy .section-kicker{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .eyebrow:before{background:var(--cp-accent-soft)}
html[data-theme] .cyber-privacy .hero-title{color:var(--cp-text)}
html[data-theme] .cyber-privacy .hero-title span,html[data-theme] .cyber-privacy .hero-title em{color:var(--purple)}
html[data-theme] .cyber-privacy .hero-intro{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .hero-actions>a:not(.button){color:var(--cp-muted)}
html[data-theme] .cyber-privacy .privacy-note{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .privacy-note svg{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .privacy-note:before{background:var(--cp-accent-soft)}
html[data-theme] .cyber-privacy .pill{color:var(--cp-muted);border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .cyber-privacy .workspace-shell{background:var(--cp-surface-soft);border:1px solid var(--cp-border);box-shadow:0 10px 45px color-mix(in srgb, var(--cp-shadow) 2.35%, transparent)}
html[data-theme] .cyber-privacy .workspace-title h2{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .workspace-title p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .workspace-title .section-kicker{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .workspace-controls label,html[data-theme] .cyber-privacy .scenario-select label{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .workspace-controls select,html[data-theme] .cyber-privacy .scenario-select select{background:var(--cp-surface);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .workspace-tabs{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .workspace-tab{background:transparent;border:1px solid transparent;color:var(--cp-muted)}
html[data-theme] .cyber-privacy .workspace-tab.is-active,html[data-theme] .cyber-privacy .workspace-tab[aria-pressed=true]{background:var(--cp-surface);border-color:var(--cp-border);box-shadow:0 2px 4px color-mix(in srgb, var(--cp-shadow) 2.35%, transparent);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .workspace-tab:hover{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .cyber-privacy .workspace-toolbar p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-card{background:var(--cp-surface);border:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .fragment-card:hover{border-color:var(--cp-border)}
html[data-theme] .cyber-privacy .fragment-card.is-history{background:var(--cp-surface);border-color:var(--cp-border)}
html[data-theme] .cyber-privacy .fragment-card.is-draft{background:var(--cp-surface);border-color:var(--cp-border);box-shadow:0 4px 15px color-mix(in srgb, var(--cp-shadow) 4.31%, transparent)}
html[data-theme] .cyber-privacy .fragment-card.is-selected{border-color:var(--cp-border);box-shadow:0 0 0 2px color-mix(in srgb, var(--cp-shadow) 7.06%, transparent)}
html[data-theme] .cyber-privacy .fragment-head h3{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-channel{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-channel svg{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-text{background:var(--cp-surface-soft);border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-text mark{color:var(--cp-muted);background:var(--cp-surface-soft)}
html[data-theme] .cyber-privacy .fragment-text .is-redacted{background:var(--cp-accent-soft);color:transparent}
html[data-theme] .cyber-privacy .fragment-card.is-draft .fragment-text{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .cyber-privacy .fact-chip{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fact-chip.is-hidden{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-status{border-top:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-status .history-dot{background:var(--cp-accent-soft)}
html[data-theme] .cyber-privacy .fragment-status .draft-dot{background:var(--cp-accent-soft)}
html[data-theme] .cyber-privacy .analysis-card{background:var(--cp-surface);border:1px solid var(--cp-border);box-shadow:0 5px 15px color-mix(in srgb, var(--cp-shadow) 1.96%, transparent)}
html[data-theme] .cyber-privacy .analysis-heading h3{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .analysis-heading .section-kicker{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .analysis-heading svg{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .analysis-state{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .cyber-privacy .analysis-state h4{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .analysis-state p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .analysis-state.is-exposed{background:var(--cp-danger-soft);border-color:var(--cp-danger)}
html[data-theme] .cyber-privacy .analysis-state.is-exposed h4{color:var(--cp-danger)}
html[data-theme] .cyber-privacy .analysis-state.is-exposed p{color:var(--cp-danger)}
html[data-theme] .cyber-privacy .analysis-state.is-clear{background:var(--cp-success-soft);border-color:var(--cp-success)}
html[data-theme] .cyber-privacy .analysis-state.is-clear h4{color:var(--cp-success)}
html[data-theme] .cyber-privacy .analysis-state.is-clear p{color:var(--cp-success)}
html[data-theme] .cyber-privacy .analysis-state.is-past{background:var(--cp-warning-soft);border-color:var(--cp-warning)}
html[data-theme] .cyber-privacy .analysis-state.is-past h4{color:var(--cp-warning)}
html[data-theme] .cyber-privacy .analysis-state.is-past p{color:var(--cp-warning)}
html[data-theme] .cyber-privacy .path-node{border:1px solid var(--cp-border);background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .path-node:first-child{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .path-node:last-child{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .path-edge{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .path-edge small{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .path-source{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .path-source strong{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .goal-tab{color:var(--cp-muted);background:var(--cp-surface);border-color:var(--cp-border)}
html[data-theme] .cyber-privacy .goal-tab.is-active,html[data-theme] .cyber-privacy .goal-tab[aria-pressed=true]{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .repair-panel{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .repair-panel h3{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .repair-panel>p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .repair-panel .section-kicker{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .repair-item{border:1px solid var(--cp-border);background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .repair-item strong{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .repair-item small{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .scope-note{color:var(--cp-muted);border-top:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .scope-note strong{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .model-summary{border-top:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .stat strong{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .stat span{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .local-status{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .local-status p{color:inherit}
html[data-theme] .cyber-privacy .local-status .mini-button{background:transparent;border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .section-heading h2{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .section-heading p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .section-heading .section-kicker{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .process-card{border-top:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .process-card>span:first-child{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .process-card h3{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .process-card p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .project-section{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .project-section .section-heading h2{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .project-card{border-left:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .project-card h3{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .project-card p,html[data-theme] .cyber-privacy .project-card li{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .project-card a{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .project-card a:hover{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .project-card strong{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .empty-state{background:var(--cp-surface);border:1px dashed var(--cp-border)}
html[data-theme] .cyber-privacy .empty-state h3{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .empty-state p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .field label,html[data-theme] .cyber-privacy .field>span{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .field small{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .field input,html[data-theme] .cyber-privacy .field textarea,html[data-theme] .cyber-privacy .field select{background:var(--cp-surface);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .editor-panel{background:var(--cp-surface);border:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .editor-panel h3{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .editor-panel>p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fact-builder{border:1px solid var(--cp-border);background:var(--cp-surface)}
html[data-theme] .cyber-privacy .fact-builder h4{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fact-list li{background:var(--cp-surface-soft);border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .snapshot-controls{border-top:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .snapshot-controls p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .warning-note{background:var(--cp-warning-soft);border:1px solid var(--cp-warning);color:var(--cp-warning)}
html[data-theme] .cyber-privacy .warning-note strong{color:var(--cp-warning)}
html[data-theme] .cyber-privacy .site-footer{border-top:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .cyber-privacy .footer-brand{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .footer-brand span{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .footer-inner>p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .footer-inner>p>span{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .footer-note{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .footer-note>span{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .toast{border:1px solid var(--cp-border);background:var(--cp-surface-raised);color:var(--cp-text);box-shadow:0 8px 25px color-mix(in srgb, var(--cp-shadow) 14.51%, transparent)}
html[data-theme] .cyber-privacy .hero-intro{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .privacy-note{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .workspace-title p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-text{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-head h3{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-channel{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-status{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fact-chip{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .analysis-state p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .analysis-state.is-exposed p{color:var(--cp-danger)}
html[data-theme] .cyber-privacy .analysis-state.is-clear p{color:var(--cp-success)}
html[data-theme] .cyber-privacy .analysis-state.is-past p{color:var(--cp-warning)}
html[data-theme] .cyber-privacy .path-node{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .path-source{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .repair-panel>p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .repair-item{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .repair-item small{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .scope-note{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .stat span{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .process-card p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .project-card p,html[data-theme] .cyber-privacy .project-card li{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .field label,html[data-theme] .cyber-privacy .field>span{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .field input,html[data-theme] .cyber-privacy .field textarea,html[data-theme] .cyber-privacy .field select{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .editor-panel>p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .local-status{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .local-status small{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .local-dot,html[data-theme] .cyber-privacy .eyebrow-dot{background:var(--cp-accent-soft)}
html[data-theme] .cyber-privacy .scenario-context{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .section-kicker>small{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-card>h3{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-head .fragment-status{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-card.is-draft .fragment-head .fragment-status{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .draft-caption{border-top:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .fragment-facts .is-hidden{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .analysis-heading .analysis-state{color:var(--cp-muted);background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .cyber-privacy .analysis-heading .analysis-state.is-clear{background:var(--cp-success-soft);border-color:var(--cp-success);color:var(--cp-success)}
html[data-theme] .cyber-privacy .analysis-heading .analysis-state.is-past{background:var(--cp-warning-soft);border-color:var(--cp-warning);color:var(--cp-warning)}
html[data-theme] .cyber-privacy .analysis-heading>p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .protected-goal>.section-kicker{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .protected-goal h3{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .path-node{background:var(--cp-surface-soft)}
html[data-theme] .cyber-privacy .node-dot{background:var(--cp-accent-soft)}
html[data-theme] .cyber-privacy .path-node.is-target{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .path-node.is-target .node-dot{background:var(--cp-accent-soft)}
html[data-theme] .cyber-privacy .chain-line{background:linear-gradient(var(--cp-accent-soft),var(--cp-accent-soft))}
html[data-theme] .cyber-privacy .path-edge b{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .path-edge q{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .path-source{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .stat strong small{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .empty-state.compact{background:transparent}
html[data-theme] .cyber-privacy .empty-symbol{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .empty-state.compact p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .history-empty{background:var(--cp-surface-soft)}
html[data-theme] .cyber-privacy .repair-item>span{border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .cyber-privacy .repair-item q{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .manual-edits{border-top:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .manual-edits summary{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .redaction-option{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .redaction-option input{accent-color:var(--cp-accent)}
html[data-theme] .cyber-privacy .workspace-toolbar{border-top:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .snapshot-controls>span{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .lesson-note{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .cyber-privacy .lesson-note>span{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .lesson-note p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .custom-form{background:var(--cp-surface);border:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .custom-form h3{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .custom-form .field{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .workspace-editor-foot{border-top:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .fact-list>div{background:var(--cp-surface-soft);border:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .fact-list small{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .project-data-actions{border-top:1px solid var(--cp-border)}
html[data-theme] .cyber-privacy .project-data-actions p{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .project-card a{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .process-card .step-number{color:var(--cp-muted)}
html[data-theme] .cyber-privacy{background:transparent;color:var(--ink)}
html[data-theme] .cyber-privacy .hero-copy .hero-title{color:var(--cp-text)}
html[data-theme] .cyber-privacy .hero-copy .hero-title em{color:var(--cp-muted);-webkit-text-fill-color:currentColor}
html[data-theme] .cyber-privacy .hero-copy .hero-intro{color:var(--cp-muted)}
html[data-theme] .cyber-privacy .primary,html[data-theme] .cyber-privacy .button.primary{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-text)}
html[data-theme] .cyber-privacy .primary:hover,html[data-theme] .cyber-privacy .button.primary:hover{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-text)}
html[data-theme] .cyber-privacy a:focus-visible,html[data-theme] .cyber-privacy button:focus-visible,html[data-theme] .cyber-privacy input:focus-visible,html[data-theme] .cyber-privacy textarea:focus-visible,html[data-theme] .cyber-privacy select:focus-visible,html[data-theme] .cyber-privacy [tabindex]:focus-visible,html[data-theme] .cyber-privacy summary:focus-visible{outline:3px solid var(--cp-border-strong)}
html[data-theme] .cyber-privacy .workspace-shell{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .cyber-privacy .project-section{background:var(--cp-surface-soft);border-color:var(--cp-border)}
html[data-theme] .cyber-privacy .privacy-note{color:var(--cp-muted)}

/* consolidated.css */

html[data-theme] .privacy-teaser{border:1px solid var(--cp-border);background:var(--cp-surface-soft)}
html[data-theme] .privacy-teaser>span{background:var(--cp-accent-soft);border:1px solid var(--cp-border);color:var(--cp-muted)}
html[data-theme] .privacy-teaser .eyebrow{color:var(--cp-muted)}
html[data-theme] .privacy-teaser h2{color:var(--cp-text)}
html[data-theme] .privacy-teaser p{color:var(--cp-muted)}
html[data-theme] .privacy-teaser>.button{background:var(--cp-surface);border-color:var(--cp-border);color:var(--cp-muted)}
html[data-theme] .privacy-record{border:1px solid var(--cp-border);background:var(--cp-surface)}
html[data-theme] .privacy-record-icon{background:var(--cp-surface-soft);color:var(--cp-muted)}
html[data-theme] .privacy-record h3{color:var(--cp-text)}
html[data-theme] .privacy-record p{color:var(--cp-muted)}
html[data-theme] .privacy-record small{color:var(--cp-muted)}
html[data-theme] .privacy-project-prose h1{color:var(--cp-text)}
html[data-theme] .privacy-project-prose h2{color:var(--cp-muted)}
html[data-theme] .privacy-project-prose p,html[data-theme] .privacy-project-prose li{color:var(--cp-muted)}
html[data-theme] .privacy-project-prose a{color:var(--cp-muted)}
html[data-theme] .privacy-project-prose strong{color:var(--cp-text)}