/* ID44 Clinical Ink: generated token overlay for legacy /assets/css/style.css (do not edit by hand; tools/legacy_overlay.py) */
:where(html[data-theme]) body{font-family: var(--font-sans);background: var(--ink-850);color: var(--text)}
:where(html[data-theme]) a{color: var(--signal)}
:where(html[data-theme]) a:hover{color: var(--signal)}
:where(html[data-theme]) h1,:where(html[data-theme]) h2,:where(html[data-theme]) h3,:where(html[data-theme]) h4,:where(html[data-theme]) h5,:where(html[data-theme]) h6{color: var(--signal)}
:where(html[data-theme]) .btn-primary,:where(html[data-theme]) .btn-primary-sm{background: var(--signal-fill);color:var(--signal-ink)}
:where(html[data-theme]) .btn-primary:hover,:where(html[data-theme]) .btn-primary-sm:hover{background: var(--signal-fill);box-shadow: var(--sh-2);color:var(--signal-ink)}
:where(html[data-theme]) .btn-outline-sm{color: var(--signal);border: 2px solid var(--signal-border)}
:where(html[data-theme]) .btn-outline-sm:hover{background: var(--signal-fill);color:var(--signal-ink)}
:where(html[data-theme]) .btn-accent{background: var(--signal-fill);color:var(--signal-ink)}
:where(html[data-theme]) .btn-accent:hover{background: var(--signal-fill);color:var(--signal-ink)}
:where(html[data-theme]) .btn-danger{background: var(--warn-fill);color:var(--warn-key-ink)}
:where(html[data-theme]) .btn-danger:hover{background: var(--warn-fill);color:var(--warn-key-ink)}
:where(html[data-theme]) .site-header{background: var(--ink-800);color: var(--text);box-shadow: var(--sh-2)}
:where(html[data-theme]) .logo-mi{color: var(--text)}
:where(html[data-theme]) .logo-interactive{color: var(--text-2)}
:where(html[data-theme]) .footer-logo .logo-mi{color: var(--signal)}
:where(html[data-theme]) .footer-logo .logo-interactive{color: var(--text-2)}
:where(html[data-theme]) .site-nav a{color: var(--text-2)}
:where(html[data-theme]) .site-nav a:hover{background: var(--tint-2);color: var(--text)}
:where(html[data-theme]) .site-nav .btn-admin{background: var(--signal-fill);color:var(--signal-ink)}
:where(html[data-theme]) .site-nav .btn-primary-sm{background: var(--ink-850);color: var(--signal)}
:where(html[data-theme]) .site-nav .btn-outline-sm{border: 1.5px solid var(--line);color: var(--text)}
:where(html[data-theme]) .site-nav .btn-outline-sm:hover{background: var(--tint-2)}
:where(html[data-theme]) .nav-dropdown-menu{background: var(--ink-950);box-shadow: var(--sh-2)}
:where(html[data-theme]) .nav-dropdown-menu a{color: var(--text-2)}
:where(html[data-theme]) .nav-dropdown-menu a:hover{background: var(--tint-1);color: var(--text)}
:where(html[data-theme]) .nav-toggle span{background: var(--ink-850)}
:where(html[data-theme]) .social-btn{background: var(--signal-fill);color:var(--signal-ink)}
:where(html[data-theme]) .social-btn:hover{background: var(--signal-fill);color:var(--signal-ink)}
:where(html[data-theme]) .social-btn.facebook{background: var(--signal-fill);color:var(--signal-ink)}
:where(html[data-theme]) .social-btn.instagram{background: var(--ink-700);color:var(--text)}
:where(html[data-theme]) .social-btn.tiktok{background: var(--ink-700);color:var(--text)}
:where(html[data-theme]) .social-btn.twitter{background: var(--signal-fill);color:var(--signal-ink)}
:where(html[data-theme]) .breadcrumbs{background: var(--signal-soft)}
:where(html[data-theme]) .breadcrumbs li + li::before{color: var(--text-3)}
:where(html[data-theme]) .breadcrumbs a{color: var(--signal)}
:where(html[data-theme]) .breadcrumbs span{color: var(--text-2)}
:where(html[data-theme]) .flash-success{background: var(--signal-soft);color: var(--signal);border-left: 4px solid var(--signal-border)}
:where(html[data-theme]) .flash-error{background: var(--warn-soft);color: var(--warn-text);border-left: 4px solid var(--warn)}
:where(html[data-theme]) .flash-info{background: var(--signal-soft);color: var(--signal);border-left: 4px solid var(--signal-border)}
:where(html[data-theme]) .hero{background: var(--ink-800);color: var(--text)}
:where(html[data-theme]) .hero h1{color: var(--text)}
:where(html[data-theme]) .hero p{color: var(--text-2)}
:where(html[data-theme]) .hero .btn-primary{background: var(--ink-850);color: var(--signal)}
:where(html[data-theme]) .hero .btn-primary:hover{background: var(--signal-soft)}
:where(html[data-theme]) .hero .btn-outline-sm{border-color: var(--line);color: var(--text)}
:where(html[data-theme]) .hero .btn-outline-sm:hover{background: var(--tint-2)}
:where(html[data-theme]) .section-header p{color: var(--text-2)}
:where(html[data-theme]) .section-alt{background: var(--ink-950)}
:where(html[data-theme]) .card{background: var(--ink-850);border: 1px solid var(--line-strong);box-shadow: var(--sh-2)}
:where(html[data-theme]) .card:hover{box-shadow: var(--sh-2)}
:where(html[data-theme]) .card h3{color: var(--signal)}
:where(html[data-theme]) .card p{color: var(--text-2)}
:where(html[data-theme]) .price-card{border: 2px solid var(--line-strong)}
:where(html[data-theme]) .price-card.featured{border-color: var(--signal-border);box-shadow: var(--sh-2)}
:where(html[data-theme]) .price-card .badge{background: var(--signal-fill);color:var(--signal-ink)}
:where(html[data-theme]) .price-card .price{color: var(--signal)}
:where(html[data-theme]) .price-card .price span{color: var(--text-2)}
:where(html[data-theme]) .price-card ul li{color: var(--text-2)}
:where(html[data-theme]) .price-card ul li::before{color: var(--signal)}
:where(html[data-theme]) .form-group label{color: var(--text)}
:where(html[data-theme]) .form-control{border: 1.5px solid var(--line-strong);background: var(--ink-850);color: var(--text)}
:where(html[data-theme]) .form-control:focus{border-color: var(--signal-border);box-shadow: var(--sh-2)}
:where(html[data-theme]) .form-control.error{border-color: var(--warn)}
:where(html[data-theme]) .form-hint{color: var(--text-3)}
:where(html[data-theme]) .form-error{color: var(--warn-text)}
:where(html[data-theme]) th{background: var(--ink-800);color: var(--text)}
:where(html[data-theme]) td{border-bottom: 1px solid var(--line-strong)}
:where(html[data-theme]) tr:hover td{background: var(--ink-950)}
:where(html[data-theme]) .progress-bar-track{background: var(--signal-soft)}
:where(html[data-theme]) .progress-bar-fill{background: var(--ink-800)}
:where(html[data-theme]) .progress-label{color: var(--text-2)}
:where(html[data-theme]) .question-card{background: var(--ink-850);border: 1px solid var(--line-strong);box-shadow: var(--sh-2)}
:where(html[data-theme]) .question-domain{color: var(--signal)}
:where(html[data-theme]) .question-text{color: var(--text)}
:where(html[data-theme]) .answer-option{border: 2px solid var(--line-strong)}
:where(html[data-theme]) .answer-option:hover{border-color: var(--signal-border);background: var(--ink-950)}
:where(html[data-theme]) .answer-option.selected{border-color: var(--signal-border);background: var(--signal-soft)}
:where(html[data-theme]) .answer-option.correct{border-color: var(--signal-border);background: var(--signal-soft) !important}
:where(html[data-theme]) .answer-option.incorrect{border-color: var(--warn);background: var(--warn-soft) !important}
:where(html[data-theme]) .answer-option input{accent-color: var(--signal)}
:where(html[data-theme]) .explanation-box{background: var(--signal-soft);border-left: 4px solid var(--signal-border)}
:where(html[data-theme]) .explanation-box h4{color: var(--signal)}
:where(html[data-theme]) .refs-toggle button{color: var(--signal)}
:where(html[data-theme]) .flag-btn{border: 1.5px solid var(--line-strong);color: var(--text-3)}
:where(html[data-theme]) .flag-btn:hover{border-color: var(--warn);color: var(--warn-text)}
:where(html[data-theme]) .readiness-meter{background: var(--ink-850);border: 1px solid var(--line-strong);box-shadow: var(--sh-2)}
:where(html[data-theme]) .readiness-circle.green{border-color: var(--signal-border);color: var(--signal)}
:where(html[data-theme]) .readiness-circle.yellow{border-color: var(--amber-line);color: var(--amber-text)}
:where(html[data-theme]) .readiness-circle.red{border-color: var(--warn);color: var(--warn-text)}
:where(html[data-theme]) .domain-bar-track{background: var(--signal-soft)}
:where(html[data-theme]) .domain-bar-fill.green{background: var(--ink-800)}
:where(html[data-theme]) .domain-bar-fill.yellow{background: var(--ink-800)}
:where(html[data-theme]) .domain-bar-fill.red{background: var(--ink-700)}
:where(html[data-theme]) .topic-row{background: var(--ink-850);border-bottom: 1px solid var(--line-strong)}
:where(html[data-theme]) .topic-row:hover{background: var(--ink-950)}
:where(html[data-theme]) .topic-row .topic-title{color: var(--signal)}
:where(html[data-theme]) .topic-row .topic-meta{color: var(--text-3)}
:where(html[data-theme]) .topic-pinned{background: var(--signal-soft) !important}
:where(html[data-theme]) .admin-sidebar{background: var(--ink-950);color: var(--text)}
:where(html[data-theme]) .admin-sidebar a{color: var(--text-2)}
:where(html[data-theme]) .admin-sidebar a:hover,:where(html[data-theme]) .admin-sidebar a.active{background: var(--tint-2);color: var(--text)}
:where(html[data-theme]) .admin-sidebar .sidebar-section{color: var(--text-2)}
:where(html[data-theme]) .admin-content{background: var(--ink-950)}
:where(html[data-theme]) .admin-card{background: var(--ink-850);border: 1px solid var(--line-strong)}
:where(html[data-theme]) .help-text{color: var(--text-3);background: var(--ink-950);border-left: 3px solid var(--signal-border)}
:where(html[data-theme]) .stat-box{background: var(--ink-850);border: 1px solid var(--line-strong)}
:where(html[data-theme]) .stat-box .stat-num{color: var(--signal)}
:where(html[data-theme]) .stat-box .stat-label{color: var(--text-3)}
:where(html[data-theme]) .badge-pending{background: var(--signal-fill);color:var(--signal-ink)}
:where(html[data-theme]) .badge-approved{background: var(--signal-soft);color: var(--signal)}
:where(html[data-theme]) .badge-rejected{background: var(--warn-soft);color: var(--warn-text)}
:where(html[data-theme]) .badge-active{background: var(--signal-soft);color: var(--signal)}
:where(html[data-theme]) .product-card{border: 1px solid var(--line-strong);background: var(--ink-850)}
:where(html[data-theme]) .product-card:hover{box-shadow: var(--sh-2)}
:where(html[data-theme]) .product-card .product-img{background: var(--signal-soft)}
:where(html[data-theme]) .product-card .product-name{color: var(--signal)}
:where(html[data-theme]) .product-card .product-desc{color: var(--text-2)}
:where(html[data-theme]) .product-card .product-price{color: var(--signal)}
:where(html[data-theme]) .product-card .product-type-badge{background: var(--signal-soft);color: var(--signal)}
:where(html[data-theme]) .modal-overlay{background: var(--backdrop)}
:where(html[data-theme]) .modal-box{background: var(--ink-850);box-shadow: var(--sh-2)}
:where(html[data-theme]) .modal-close{color: var(--text-3)}
:where(html[data-theme]) .color-green{color: var(--signal)}
:where(html[data-theme]) .color-yellow{color: var(--amber-text)}
:where(html[data-theme]) .color-red{color: var(--warn-text)}
:where(html[data-theme]) .alert-info{background: var(--signal-soft);color: var(--signal);border: 1px solid var(--signal-border)}
:where(html[data-theme]) .alert-warning{background: var(--amber-soft);color: var(--amber-text);border: 1px solid var(--amber-line)}
:where(html[data-theme]) .alert-success{background: var(--signal-soft);color: var(--signal);border: 1px solid var(--signal-border)}
:where(html[data-theme]) .alert-danger{background: var(--warn-soft);color: var(--warn-text);border: 1px solid var(--warn)}
:where(html[data-theme]) .site-footer{background: var(--ink-950);color: var(--text-2)}
:where(html[data-theme]) .footer-brand p{color: var(--text-2)}
:where(html[data-theme]) .footer-social a{color: var(--text-2);border: 1px solid var(--line)}
:where(html[data-theme]) .footer-social a:hover{background: var(--tint-1);color: var(--text)}
:where(html[data-theme]) .footer-links h4{color: var(--text)}
:where(html[data-theme]) .footer-links ul li a{color: var(--text-2)}
:where(html[data-theme]) .footer-links ul li a:hover{color: var(--text)}
:where(html[data-theme]) .footer-bottom{background: var(--ink-950)}
:where(html[data-theme]) .footer-bottom p{color: var(--text-3)}
:where(html[data-theme]) .tag{background: var(--signal-soft);color: var(--signal)}
:where(html[data-theme]) .result-PASS{color: var(--signal)}
:where(html[data-theme]) .result-FAIL{color: var(--warn-text)}
:where(html[data-theme]) .gateway-card{border: 2px solid var(--line-strong)}
:where(html[data-theme]) .gateway-card.selected{border-color: var(--signal-border);background: var(--signal-soft)}
:where(html[data-theme]) .hw-answer-btn span:first-child{background: var(--ink-950) !important;color: var(--signal) !important}
:where(html[data-theme]) #homepageWidget{background: var(--ink-850) !important;box-shadow: var(--sh-2) !important}
:where(html[data-theme]) #hwQuestionText{color: var(--text) !important}
@media (max-width: 680px){:where(html[data-theme]) .site-nav{background: var(--ink-800);box-shadow: var(--sh-2)}}
:where(html[data-theme]) .hw-answer-btn{border: 2px solid var(--line-strong) !important;background: var(--ink-850) !important}
:where(html[data-theme]) .hw-answer-btn span:first-child{background: var(--ink-950) !important;color: var(--signal) !important}
:where(html[data-theme]) #homepageWidget{background: var(--ink-850) !important;box-shadow: var(--sh-2) !important}
:where(html[data-theme]) #hwQuestionText{color: var(--text) !important}
@media (max-width: 680px){:where(html[data-theme]) .site-nav{background: var(--ink-800);box-shadow: var(--sh-2)}}
:where(html[data-theme]) body #homepageWidget{background: var(--ink-850) !important;box-shadow: var(--sh-2) !important}
:where(html[data-theme]) body #hwQuestionText{color: var(--text) !important}
:where(html[data-theme]) body .hw-answer-btn{border: 2px solid var(--line-strong) !important;background: var(--ink-850) !important}
:where(html[data-theme]) body .hw-answer-btn span:first-child{background: var(--ink-950) !important;color: var(--signal) !important}
:where(html[data-theme]) .homepage-quiz-widget{background: var(--ink-850);box-shadow: var(--sh-2)}
:where(html[data-theme]) .homepage-question-text{color: var(--text)}
:where(html[data-theme]) .homepage-answer-btn{border: 2px solid var(--line-strong);background: var(--ink-850)}
:where(html[data-theme]) .homepage-answer-btn span:first-child{background: var(--ink-950);color: var(--signal)}
@media (max-width: 768px){:where(html[data-theme]) #homepageWidget[style]{background: var(--ink-850) !important;box-shadow: var(--sh-2) !important}
:where(html[data-theme]) #hwQuestionText[style]{color: var(--text) !important}}
@media (max-width: 480px){:where(html[data-theme]) .hw-answer-btn[style]{border: 2px solid var(--line-strong) !important;background: var(--ink-850) !important}
:where(html[data-theme]) .hw-answer-btn[style] span:first-child{background: var(--ink-950) !important;color: var(--signal) !important}}
@media (max-width: 430px){:where(html[data-theme]) .question-card{box-shadow: var(--sh-2) !important}}
@media (prefers-color-scheme: dark){:where(html[data-theme]) .question-card{background: var(--ink-950) !important;border-color: var(--line-strong) !important;color: var(--text-3) !important}
:where(html[data-theme]) .question-text{color: var(--text-3) !important}
:where(html[data-theme]) .answer-option{background: var(--ink-950) !important;border-color: var(--line-strong) !important;color: var(--text-3) !important}
:where(html[data-theme]) .answer-option:hover{background: var(--ink-950) !important;border-color: var(--signal-border) !important}
:where(html[data-theme]) .answer-option.selected{background: var(--ink-950) !important;border-color: var(--signal-border) !important}}