�� * {
	           margin: 0;
	           padding: 0;
	           box-sizing: border-box;
	       }
.ccl-assessment-tool--wrapper {
           --ccl-primary-yellow: #FEF200;
           --ccl-primary-blue: #0081ff;
           --ccl-primary-navy: #0e2b5c;
           --ccl-accent-teal: #29C6B6;
           --ccl-accent-orange: #FF671F;
           --ccl-text-dark: #1e293b;
           --ccl-text-body: #475569;
           --ccl-text-light: #64748b;
           --ccl-bg-light: #f8fafc;
           --ccl-bg-lighter: #ffffff;
           --ccl-border-color: #e2e8f0;
           --ccl-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
           --ccl-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
           --ccl-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.1);
           --ccl-shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.12);
           --ccl-radius-sm: 8px;
           --ccl-radius-md: 12px;
           --ccl-radius-lg: 16px;
           --ccl-radius-xl: 20px;
       }

       .ccl-assessment-tool--wrapper ::selection {
           background: rgba(254, 242, 0, 0.3);
           color: var(--ccl-text-dark);
       }

       .ccl-assessment-tool--wrapper {
           font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
           color: var(--ccl-text-body);
           line-height: 1.6;
           background: white;
           font-size: 16px;
           min-height: 100vh;
           -webkit-font-smoothing: antialiased;
           -moz-osx-font-smoothing: grayscale;
       }

       .ccl-assessment-tool--wrapper h1,
       .ccl-assessment-tool--wrapper h2,
       .ccl-assessment-tool--wrapper h3,
       .ccl-assessment-tool--wrapper h4,
       .ccl-assessment-tool--wrapper h5,
       .ccl-assessment-tool--wrapper h6 {
           font-family: 'Inter Tight', sans-serif;
           color: var(--ccl-text-dark);
           font-weight: 700;
           line-height: 1.2;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--container {
           max-width: 1200px;
           margin: 0 auto;
           padding: 0 20px;
       }

       /* =============================================
          HEADER - Modern & Sticky
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--header {
           background: linear-gradient(135deg, var(--ccl-primary-yellow) 0%, #FFD700 100%);
           padding: 1rem 2rem;
           display: flex;
           justify-content: space-between;
           align-items: center;
           box-shadow: var(--ccl-shadow-md);
           border-bottom: 3px solid rgba(14, 43, 92, 0.1);
           flex-wrap: nowrap;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--logo-link {
           text-decoration: none;
           color: inherit;
           display: inline-flex;
           align-items: center;
           gap: 0.25rem;
       }
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--header-cta {
           display: inline-flex;
           align-items: center;
           background: #0e2b5c;
           color: #ffffff;
           padding: 0.65rem 1.25rem;
           border-radius: 999px;
           font-weight: 600;
           font-size: 0.9rem;
           text-decoration: none;
           margin-left: 1rem;
           transition: transform 0.15s ease, background 0.15s ease;
       }
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--header-cta:hover {
           background: #1e3a8a;
           transform: translateY(-1px);
       }
       @media (max-width: 768px) {
           .ccl-assessment-tool--wrapper .ccl-assessment-tool--header-cta {
               display: none;
           }
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--logo {
           display: flex;
           flex-direction: column;
           gap: 2px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--logo-carter,
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--logo-capner {
           font-size: 1.4rem;
           color: var(--ccl-primary-navy);
           line-height: 1;
           font-family: 'Inter Tight', sans-serif;
           font-weight: 800;
           letter-spacing: -0.5px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--logo-law {
           font-size: 0.7rem;
           color: var(--ccl-primary-navy);
           text-transform: uppercase;
           letter-spacing: 0.2em;
           font-weight: 700;
           margin-top: 2px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--header-contact {
           display: flex;
           flex-direction: column;
           align-items: flex-end;
           gap: 4px;
           margin-left: auto;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--phone-number {
           font-size: 1.75rem;
           font-weight: 900;
           color: var(--ccl-primary-navy);
           text-decoration: none;
           display: flex;
           align-items: center;
           gap: 0.65rem;
           font-family: 'Inter Tight', sans-serif;
           transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
           letter-spacing: -0.5px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--phone-number i {
           font-size: 1.5rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--phone-number:hover {
           color: var(--ccl-primary-blue);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--phone-hours {
           font-size: 0.7rem;
           color: var(--ccl-primary-navy);
           text-transform: uppercase;
           letter-spacing: 0.08em;
           font-weight: 700;
           opacity: 0.8;
       }

       /* =============================================
          PROGRESS BAR - Modern Stepper
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--progress-header {
           background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
           color: white;
           padding: 2rem 2rem;
           text-align: center;
           display: none;
           box-shadow: var(--ccl-shadow-md);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--progress-header.ccl-assessment-tool--active {
           display: block;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--progress-status {
           font-size: 0.8rem;
           margin-bottom: 0.5rem;
           opacity: 0.9;
           text-transform: uppercase;
           letter-spacing: 1.5px;
           font-weight: 700;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--progress-title {
           font-size: 1.5rem;
           font-weight: 700;
           font-family: 'Inter Tight', sans-serif;
           margin-bottom: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step {
           display: flex;
           justify-content: center;
           align-items: center;
           gap: 0.75rem;
           margin-top: 2rem;
           max-width: 700px;
           margin-left: auto;
           margin-right: auto;
           list-style: none;
           padding: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step {
           width: 52px;
           height: 52px;
           border-radius: 50%;
           background: rgba(255,255,255,0.1);
           display: flex;
           align-items: center;
           justify-content: center;
           font-weight: 800;
           font-size: 1.1rem;
           border: 3px solid rgba(255,255,255,0.2);
           transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
           position: relative;
           backdrop-filter: blur(10px);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step::before {
           content: '';
           position: absolute;
           inset: -3px;
           border-radius: 50%;
           background: transparent;
           transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step.ccl-assessment-tool--active {
           background: linear-gradient(135deg, var(--ccl-primary-blue) 0%, #0066cc 100%);
           color: white;
           border-color: var(--ccl-primary-blue);
           box-shadow: 0 8px 20px rgba(0, 129, 255, 0.5);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step.ccl-assessment-tool--completed {
           background: linear-gradient(135deg, var(--ccl-accent-teal) 0%, #20a89a 100%);
           color: white;
           border-color: var(--ccl-accent-teal);
           box-shadow: 0 4px 12px rgba(41, 198, 182, 0.4);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step.ccl-assessment-tool--completed::after {
           content: '✓';
           font-size: 1.5rem;
           font-weight: 900;
       }

       /* =============================================
          WELCOME SCREEN - Enhanced Hero Style
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-container {
           background: white;
           display: none;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-container.ccl-assessment-tool--active {
           display: block;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-header {
           padding: 4rem 2rem;
           background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
           color: white;
           position: relative;
           overflow: hidden;
           width: 100%;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-header-content {
           max-width: 1200px;
           margin: 0 auto;
           position: relative;
           z-index: 1;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-content-wrapper {
           max-width: 1200px;
           margin: 0 auto;
           padding: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-header::before {
           content: '';
           position: absolute;
           top: -50%;
           right: -20%;
           width: 500px;
           height: 500px;
           background: radial-gradient(circle, rgba(0, 129, 255, 0.15) 0%, transparent 70%);
           border-radius: 50%;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-header::after {
           content: '';
           position: absolute;
           bottom: -30%;
           left: -15%;
           width: 400px;
           height: 400px;
           background: radial-gradient(circle, rgba(254, 242, 0, 0.1) 0%, transparent 70%);
           border-radius: 50%;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-badge {
           display: inline-block;
           padding: 0.6rem 1.75rem;
           background: rgba(254, 242, 0, 0.15);
           border: 2px solid rgba(254, 242, 0, 0.3);
           border-radius: 50px;
           font-size: 0.875rem;
           font-weight: 800;
           text-transform: uppercase;
           letter-spacing: 1.5px;
           color: var(--ccl-primary-yellow);
           margin-bottom: 1.75rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-header h1 {
           font-size: 3.5rem;
           margin-bottom: 1.5rem;
           color: white;
           line-height: 1.1;
           letter-spacing: -1.5px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-header p {
           font-size: 1.35rem;
           line-height: 1.8;
           color: #cbd5e1;
           margin-bottom: 0;
           max-width: 950px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-features {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
           gap: 2.5rem;
           padding: 4rem 2rem;
           background: linear-gradient(to bottom, #f8fafc 0%, #ffffff 100%);
           max-width: 1200px;
           margin: 0 auto;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-feature {
           display: flex;
           align-items: flex-start;
           gap: 1.25rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-feature-icon {
           width: 56px;
           height: 56px;
           background: linear-gradient(135deg, var(--ccl-primary-blue) 0%, #0066cc 100%);
           border-radius: var(--ccl-radius-md);
           display: flex;
           align-items: center;
           justify-content: center;
           color: white;
           font-size: 1.5rem;
           flex-shrink: 0;
           box-shadow: 0 4px 12px rgba(0, 129, 255, 0.3);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-feature-content h3 {
           font-size: 1.25rem;
           margin-bottom: 0.6rem;
           color: var(--ccl-text-dark);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-feature-content p {
           font-size: 1rem;
           color: var(--ccl-text-light);
           line-height: 1.7;
           margin: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll {
           padding: 3.5rem 0;
           background: white;
           max-width: 1200px;
           margin: 0 auto;
           border-top: 1px solid var(--ccl-border-color);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll::-webkit-scrollbar {
           width: 10px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll::-webkit-scrollbar-track {
           background: #e2e8f0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll::-webkit-scrollbar-thumb {
           background: #cbd5e1;
           border-radius: 5px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll::-webkit-scrollbar-thumb:hover {
           background: #94a3b8;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll h3 {
           color: var(--ccl-text-dark);
           font-size: 1.35rem;
           margin-top: 2rem;
           margin-bottom: 1rem;
           padding-bottom: 0.75rem;
           border-bottom: 3px solid var(--ccl-primary-yellow);
           display: inline-block;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll h3:first-child {
           margin-top: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll p {
           margin-bottom: 1.25rem;
           line-height: 1.8;
           font-size: 1.05rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll ul {
           margin-left: 1.5rem;
           margin-bottom: 1.5rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll li {
           margin-bottom: 0.75rem;
           line-height: 1.7;
           font-size: 1.05rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll strong {
           color: var(--ccl-text-dark);
           font-weight: 700;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-footer {
           padding: 3.5rem 2rem;
           background: white;
           border-top: 1px solid var(--ccl-border-color);
           text-align: center;
           max-width: 1200px;
           margin: 0 auto;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-start {
           background: linear-gradient(135deg, var(--ccl-primary-blue) 0%, #0066cc 100%);
           color: white;
           padding: 1.4rem 4.5rem;
           border: none;
           border-radius: var(--ccl-radius-md);
           font-size: 1.2rem;
           font-weight: 700;
           cursor: pointer;
           transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
           font-family: 'Inter Tight', sans-serif;
           box-shadow: 0 8px 24px rgba(0, 129, 255, 0.3);
           position: relative;
           overflow: hidden;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-start::before {
           content: '';
           position: absolute;
           top: 0;
           left: -100%;
           width: 100%;
           height: 100%;
           background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
           transition: left 0.5s;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-start:hover {
           background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
           box-shadow: 0 12px 32px rgba(0, 129, 255, 0.4);
           transform: translateY(-2px);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-start:hover::before {
           left: 100%;
       }

       /* =============================================
          CALCULATOR GRID
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--calculator-grid {
           display: none;
           grid-template-columns: 1fr;
           gap: 2rem;
           max-width: 1400px;
           margin: 0 auto;
           padding: 2rem;
       }

       @media (max-width: 768px) {
           .ccl-assessment-tool--wrapper .ccl-assessment-tool--calculator-grid {
               padding: 0;
           }
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--calculator-grid.ccl-assessment-tool--active {
           display: grid;
       }

       /* Two column layout only when sidebar is visible */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--calculator-grid:has(.ccl-assessment-tool--sidebar.ccl-assessment-tool--show) {
           grid-template-columns: 380px 1fr;
       }

       /* =============================================
          SIDEBAR - Enhanced Cards
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar {
           display: none;
           flex-direction: column;
           gap: 1.5rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar.ccl-assessment-tool--show {
           display: flex;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-card {
           background: white;
           border-radius: var(--ccl-radius-lg);
           box-shadow: none;
           position: sticky;
           top: 110px;
           overflow: hidden;
           border: 1px solid var(--ccl-border-color);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-header {
           background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
           color: white;
           padding: 2rem;
           position: relative;
           overflow: hidden;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-header::before {
           content: '';
           position: absolute;
           top: -50%;
           right: -50%;
           width: 200px;
           height: 200px;
           background: radial-gradient(circle, rgba(254, 242, 0, 0.1) 0%, transparent 70%);
           border-radius: 50%;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-header h4 {
           font-size: 0.9rem;
           font-weight: 700;
           margin-bottom: 0.75rem;
           color: white;
           letter-spacing: 0.5px;
           text-transform: uppercase;
           opacity: 0.9;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-total {
           font-size: 2.5rem;
           font-weight: 900;
           color: var(--ccl-primary-yellow);
           font-family: 'Inter Tight', sans-serif;
           text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
           letter-spacing: -1px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-breakdown {
           padding: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--breakdown-item {
           padding: 1.5rem 2rem;
           border-bottom: 1px solid var(--ccl-border-color);
           transition: all 0.3s ease;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--breakdown-item:hover {
           background: var(--ccl-bg-light);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--breakdown-item:last-child {
           border-bottom: none;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--breakdown-label {
           font-size: 0.875rem;
           font-weight: 600;
           color: var(--ccl-text-light);
           margin-bottom: 0.5rem;
           text-transform: uppercase;
           letter-spacing: 0.5px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--breakdown-value {
           font-size: 1.375rem;
           color: var(--ccl-primary-blue);
           font-weight: 800;
           font-family: 'Inter Tight', sans-serif;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--regime-badge {
           display: inline-block;
           padding: 0.5rem 1.25rem;
           border-radius: 50px;
           font-size: 0.7rem;
           font-weight: 800;
           margin-bottom: 1rem;
           text-transform: uppercase;
           letter-spacing: 1px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--regime-badge.ccl-assessment-tool--international {
           background: linear-gradient(135deg, var(--ccl-accent-teal) 0%, #20a89a 100%);
           color: white;
           box-shadow: 0 4px 12px rgba(41, 198, 182, 0.3);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--regime-badge.ccl-assessment-tool--domestic {
           background: linear-gradient(135deg, var(--ccl-accent-orange) 0%, #e65a1b 100%);
           color: white;
           box-shadow: 0 4px 12px rgba(255, 103, 31, 0.3);
       }

       /* =============================================
          FORM CONTAINER - Modern Forms
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-container {
           background: white;
           border-radius: 0;
           box-shadow: none;
           padding: 3rem;
           border: none;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-section {
           display: none;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-section.ccl-assessment-tool--active {
           display: block;
           animation: ccl-assessment-tool--fadeInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1);
       }

       @keyframes ccl-assessment-tool--fadeInUp {
           from {
               opacity: 0;
               transform: translateY(20px);
           }
           to {
               opacity: 1;
               transform: translateY(0);
           }
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--section-title {
           font-size: 2rem;
           font-weight: 800;
           margin-bottom: 2rem;
           color: var(--ccl-text-dark);
           padding-bottom: 1rem;
           border-bottom: 3px solid var(--ccl-primary-yellow);
           letter-spacing: -0.5px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--question-number {
           font-size: 0.875rem;
           color: var(--ccl-primary-blue);
           font-weight: 800;
           margin-bottom: 0.75rem;
           text-transform: uppercase;
           letter-spacing: 1px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group {
           margin-bottom: 2.5rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-label {
           display: block;
           font-weight: 700;
           margin-bottom: 1.25rem;
           color: var(--ccl-text-dark);
           font-size: 1.05rem;
       }

       /*.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-label-required::after {
           content: ' *';
           color: #FF6347;
       }*/
	   span.req {
			color: #FF6347;
		}

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-help {
           font-size: 0.875rem;
           color: var(--ccl-text-light);
           margin-top: 0.75rem;
           font-style: italic;
           line-height: 1.6;
       }

       /* =============================================
          RADIO OPTIONS - Card Style
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-group {
           display: flex;
           flex-direction: column;
           gap: 0rem;
       }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-group .ccl-assessment-tool--radio-option {
     margin-bottom: 1rem;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-group .ccl-assessment-tool--radio-option:last-of-type { margin-bottom: 0;}



       .ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option {
           display: flex;
           align-items: flex-start;
           padding: 1.25rem 1.75rem;
           border: 2px solid var(--ccl-border-color);
           border-radius: var(--ccl-radius-md);
           cursor: pointer;
           transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
           background: white;
           position: relative;
           overflow: hidden;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           width: 4px;
           height: 100%;
           background: var(--ccl-primary-blue);
           transform: scaleY(0);
           transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option:hover {
           border-color: var(--ccl-primary-blue);
           background: var(--ccl-bg-light);
           box-shadow: var(--ccl-shadow-md);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option:hover::before {
           transform: scaleY(1);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option input[type="radio"] {
           width: 24px;
           height: 24px;
           margin-top: 0.15rem;
           margin-right: 1rem;
           cursor: pointer;
           accent-color: var(--ccl-primary-blue);
           flex-shrink: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option input[type="radio"]:checked + label {
           color: var(--ccl-primary-blue);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option label {
           flex: 1;
           cursor: pointer;
           font-weight: 600;
           color: var(--ccl-text-dark); min-width: auto;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option-desc {
           font-size: 0.875rem;
           color: var(--ccl-text-light);
           font-weight: 400;
           margin-top: 0.5rem;
           line-height: 1.5;
       }

       /* =============================================
          CHECKBOX GROUP
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-group {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
           gap: 1rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option {
           display: flex;
           align-items: center;
           padding: 1.25rem 1.5rem;
           border: 2px solid var(--ccl-border-color);
           border-radius: var(--ccl-radius-md);
           cursor: pointer;
           transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
           background: white;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option:hover {
           border-color: var(--ccl-primary-blue);
           background: var(--ccl-bg-light);
           box-shadow: var(--ccl-shadow-sm);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option input[type="checkbox"] {
           width: 22px;
           height: 22px;
           margin-right: 1rem;
           cursor: pointer;
           accent-color: var(--ccl-primary-blue);
           flex-shrink: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option label {
           flex: 1;
           cursor: pointer;
           font-weight: 600;
           color: var(--ccl-text-dark);
           font-size: 0.95rem;
       }

       /* =============================================
          FORM INPUTS - Modern Style
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-input,
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-select,
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-textarea {
           width: 100%;
           padding: 1rem 1.25rem;
           border: 2px solid var(--ccl-border-color);
           border-radius: var(--ccl-radius-md);
           font-size: 1rem;
           font-family: 'Inter', sans-serif;
           transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
           background: white;
           color: var(--ccl-text-dark);
           font-weight: 500;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-textarea {
           resize: vertical;
           min-height: 120px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-input:focus,
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-select:focus,
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-textarea:focus {
           outline: none;
           border-color: var(--ccl-primary-blue);
           background: white;
           box-shadow: 0 0 0 4px rgba(0, 129, 255, 0.1);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group {
           display: flex;
           align-items: center;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--input-addon {
           background: linear-gradient(135deg, var(--ccl-text-dark) 0%, #334155 100%);
           border: 2px solid var(--ccl-text-dark);
           padding: .8rem 1.25rem;
           color: white;
           font-weight: 700;
           border-radius: var(--ccl-radius-md) 0 0 var(--ccl-radius-md);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--input-addon:first-child {
           border-right: none;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group .ccl-assessment-tool--form-input {
           border-left: none;
           border-radius: 0 var(--ccl-radius-md) var(--ccl-radius-md) 0;
       }

       /* =============================================
          SLIDER - Modern Range Input
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--slider-container {
           padding: 2rem;
           background: linear-gradient(to bottom, var(--ccl-bg-light) 0%, #ffffff 100%);
           border-radius: var(--ccl-radius-md);
           border: 2px solid var(--ccl-border-color);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--slider {
           width: 100%;
           height: 12px;
           border-radius: 6px;
           background: linear-gradient(to right, #e2e8f0 0%, #cbd5e1 100%);
           outline: none;
           -webkit-appearance: none;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--slider::-webkit-slider-thumb {
           -webkit-appearance: none;
           appearance: none;
           width: 32px;
           height: 32px;
           border-radius: 50%;
           background: linear-gradient(135deg, var(--ccl-primary-blue) 0%, #0066cc 100%);
           cursor: pointer;
           box-shadow: 0 4px 12px rgba(0, 129, 255, 0.4);
           transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--slider::-webkit-slider-thumb:hover {
           box-shadow: 0 6px 16px rgba(0, 129, 255, 0.5);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--slider::-moz-range-thumb {
           width: 32px;
           height: 32px;
           border-radius: 50%;
           background: linear-gradient(135deg, var(--ccl-primary-blue) 0%, #0066cc 100%);
           cursor: pointer;
           border: none;
           box-shadow: 0 4px 12px rgba(0, 129, 255, 0.4);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--slider-value {
           text-align: center;
           font-size: 2rem;
           font-weight: 900;
           color: var(--ccl-text-dark);
           margin-top: 1.5rem;
           font-family: 'Inter Tight', sans-serif;
       }

       /* =============================================
          CONDITIONAL FIELDS
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--conditional-field {
           display: none;
           margin-top: 2rem;
           padding-top: 2rem;
           border-top: 2px dashed #cbd5e1;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--conditional-field.ccl-assessment-tool--active {
           display: block;
           animation: ccl-assessment-tool--fadeIn 0.4s ease;
       }

       @keyframes ccl-assessment-tool--fadeIn {
           from { opacity: 0; }
           to { opacity: 1; }
       }

       /* =============================================
          BUTTONS - Enhanced
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--button-group {
           display: flex;
           gap: 1rem;
           margin-top: 3rem;
           padding-top: 2.5rem;
           border-top: 2px solid var(--ccl-border-color);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn {
           padding: 1.125rem 2.5rem;
           font-weight: 700;
           font-size: 1rem;
           cursor: pointer;
           transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
           border: none;
           display: inline-flex;
           align-items: center;
           gap: 0.75rem;
           font-family: 'Inter Tight', sans-serif;
           justify-content: center;
           border-radius: var(--ccl-radius-md);
           position: relative;
           overflow: hidden;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn::before {
           content: '';
           position: absolute;
           top: 50%;
           left: 50%;
           width: 0;
           height: 0;
           border-radius: 50%;
           background: rgba(255,255,255,0.2);
           transform: translate(-50%, -50%);
           transition: width 0.6s, height 0.6s;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn:active::before {
           width: 300px;
           height: 300px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-primary {
           background: linear-gradient(135deg, var(--ccl-primary-blue) 0%, #0066cc 100%);
           color: white;
           flex: 1;
           box-shadow: 0 6px 18px rgba(0, 129, 255, 0.3);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-primary:hover {
           background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
           box-shadow: 0 8px 24px rgba(0, 129, 255, 0.4);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-secondary {
           background: white;
           color: var(--ccl-text-body);
           border: 2px solid #cbd5e1;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-secondary:hover {
           border-color: var(--ccl-primary-blue);
           color: var(--ccl-primary-blue);
           background: var(--ccl-bg-light);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn:disabled {
           opacity: 0.5;
           cursor: not-allowed;
           transform: none !important;
       }

       /* =============================================
          ALERTS - Modern Notifications
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--alert {
           padding: 1.25rem;
           margin-top: 1.25rem;
           display: flex;
           gap: 1rem;
           align-items: flex-start;
           font-size: 0.9rem;
           border-left: 4px solid;
           border-radius: var(--ccl-radius-md);
           box-shadow: var(--ccl-shadow-sm);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--alert i {
           margin-top: 0.125rem;
           flex-shrink: 0;
           font-size: 1.25rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--alert-danger {
           background: linear-gradient(to right, #fef2f2 0%, #fee2e2 100%);
           border-color: #FF6347;
           color: #991b1b; margin-bottom: 20px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--alert-warning {
           background: linear-gradient(to right, #fffbeb 0%, #fef3c7 100%);
           border-color: var(--ccl-accent-orange);
           color: #92400e; margin-bottom: 20px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--alert-info {
           background: linear-gradient(to right, #eff6ff 0%, #dbeafe 100%);
           border-color: var(--ccl-primary-blue);
           color: #1e40af; margin-bottom: 20px;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--alert-success {
           background: linear-gradient(to right, #f0fdf4 0%, #dcfce7 100%);
           border-color: var(--ccl-accent-teal);
           color: #15803d;
       }

       /* =============================================
          RESULTS PAGE - Modern Redesigned Layout
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container {
           display: none;
           background: #f8fafc;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container.ccl-assessment-tool--active {
           display: block;
       }

       /* Hero Section - Enhanced */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero {
           background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
           color: white;
           padding: 3.5rem 2rem;
           position: relative;
           overflow: hidden;
           border-bottom: 4px solid var(--ccl-primary-yellow);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero::before {
           content: '';
           position: absolute;
           top: -30%;
           right: -10%;
           width: 500px;
           height: 500px;
           background: radial-gradient(circle, rgba(254, 242, 0, 0.08) 0%, transparent 70%);
           border-radius: 50%;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero::after {
           content: '';
           position: absolute;
           bottom: -20%;
           left: -5%;
           width: 400px;
           height: 400px;
           background: radial-gradient(circle, rgba(0, 129, 255, 0.08) 0%, transparent 70%);
           border-radius: 50%;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-content {
           max-width: 1400px;
           margin: 0 auto;
           position: relative;
           z-index: 1;
           display: flex;
           justify-content: space-between;
           align-items: center;
           gap: 2rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-text h2 {
           font-size: 2.5rem;
           margin-bottom: 1rem;
           color: white;
           line-height: 1.2;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-text p {
           font-size: 1.15rem;
           color: #cbd5e1;
           margin: 0;
           line-height: 1.6;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-name {
           display: flex;
           align-items: center;
           gap: 1rem;
           padding: 1.25rem 2.5rem;
           background: rgba(255, 255, 255, 0.1);
           border-radius: var(--ccl-radius-md);
           backdrop-filter: blur(10px);
           border: 1px solid rgba(255, 255, 255, 0.2);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-name-icon {
           width: 56px;
           height: 56px;
           background: linear-gradient(135deg, var(--ccl-primary-yellow) 0%, #FFD700 100%);
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 1.75rem;
           color: var(--ccl-primary-navy);
           flex-shrink: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-name-text {
           font-size: 1.25rem;
           font-weight: 700;
           color: white;
       }

       /* Main Results Layout */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-main {
           max-width: 1400px;
           margin: 0 auto;
           padding: 3rem 2rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-top-section {
           display: grid;
           grid-template-columns: 1fr;
           gap: 2.5rem;
           margin-bottom: 2.5rem;
       }

       @media (min-width: 1200px) {
           .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-top-section {
               grid-template-columns: 550px 1fr;
           }
       }

       /* Compensation Summary Card - Featured & Enhanced */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--compensation-summary-card {
           background: linear-gradient(135deg, var(--ccl-primary-navy) 0%, #1e40af 100%);
           color: white;
           padding: 3rem;
           border-radius: var(--ccl-radius-xl);
           box-shadow: 0 15px 50px rgba(14, 43, 92, 0.4);
           position: relative;
           overflow: hidden;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--compensation-summary-card::before {
           content: '';
           position: absolute;
           top: -50%;
           right: -30%;
           width: 400px;
           height: 400px;
           background: radial-gradient(circle, rgba(254, 242, 0, 0.15) 0%, transparent 70%);
           border-radius: 50%;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--compensation-summary-card-content {
           position: relative;
           z-index: 1;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-badge {
           display: inline-block;
           padding: 0.6rem 1.25rem;
           background: rgba(254, 242, 0, 0.2);
           border: 1px solid rgba(254, 242, 0, 0.3);
           border-radius: 50px;
           font-size: 0.8rem;
           font-weight: 800;
           text-transform: uppercase;
           letter-spacing: 1.2px;
           color: var(--ccl-primary-yellow);
           margin-bottom: 1.75rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-label {
           font-size: 0.95rem;
           text-transform: uppercase;
           letter-spacing: 1.5px;
           opacity: 0.9;
           margin-bottom: 1rem;
           font-weight: 700;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-amount {
           font-size: 3.5rem;
           font-weight: 900;
           font-family: 'Inter Tight', sans-serif;
           color: var(--ccl-primary-yellow);
           margin-bottom: 2rem;
           line-height: 1;
           text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-list {
           list-style: none;
           padding: 0;
           margin: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-item {
           display: flex;
           justify-content: space-between;
           align-items: center;
           padding: 1.25rem 0;
           border-bottom: 1px solid rgba(255, 255, 255, 0.1);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-item:last-child {
           border-bottom: none;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-label {
           font-size: 0.95rem;
           opacity: 0.9;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-value {
           font-size: 1.25rem;
           font-weight: 800;
           font-family: 'Inter Tight', sans-serif;
       }

       /* Info Cards Grid - Enhanced */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-cards-grid {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
           gap: 1.75rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card {
           background: white;
           padding: 2.25rem;
           border-radius: var(--ccl-radius-lg);
           border: 2px solid var(--ccl-border-color);
           transition: all 0.3s ease;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card:hover {
           border-color: var(--ccl-primary-blue);
           box-shadow: var(--ccl-shadow-lg);
           transform: translateY(-4px);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-header {
           display: flex;
           align-items: center;
           gap: 1.25rem;
           margin-bottom: 1.5rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-icon {
           width: 56px;
           height: 56px;
           background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
           border-radius: var(--ccl-radius-md);
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 1.75rem;
           color: var(--ccl-primary-blue);
           flex-shrink: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-icon.ccl-assessment-tool--warning {
           background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
           color: var(--ccl-accent-orange);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-icon.ccl-assessment-tool--success {
           background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
           color: var(--ccl-accent-teal);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-title {
           font-size: 0.9rem;
           text-transform: uppercase;
           letter-spacing: 0.5px;
           color: var(--ccl-text-light);
           font-weight: 700;
           margin: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-value {
           font-size: 2rem;
           font-weight: 900;
           color: var(--ccl-text-dark);
           font-family: 'Inter Tight', sans-serif;
           margin: 0.75rem 0;
           line-height: 1.1;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-desc {
           font-size: 0.95rem;
           color: var(--ccl-text-light);
           line-height: 1.6;
           margin: 0;
       }

       /* Accordion Sections - Enhanced */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-accordion {
           margin-top: 2.5rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item {
           background: white;
           border-radius: var(--ccl-radius-lg);
           margin-bottom: 1.25rem;
           border: 2px solid var(--ccl-border-color);
           overflow: hidden;
           transition: all 0.3s ease;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item.ccl-assessment-tool--active {
           border-color: var(--ccl-primary-blue);
           box-shadow: var(--ccl-shadow-md);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-header {
           display: flex;
           align-items: center;
           justify-content: space-between;
           padding: 2rem 2.5rem;
           cursor: pointer;
           background: white;
           transition: all 0.3s ease;
           user-select: none;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-header:hover {
           background: var(--ccl-bg-light);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item.ccl-assessment-tool--active .ccl-assessment-tool--accordion-header {
           background: linear-gradient(to right, #eff6ff 0%, #ffffff 100%);
           border-bottom: 2px solid var(--ccl-border-color);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-header-left {
           display: flex;
           align-items: center;
           gap: 1.5rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-icon {
           width: 56px;
           height: 56px;
           background: linear-gradient(135deg, var(--ccl-primary-blue) 0%, #0066cc 100%);
           border-radius: var(--ccl-radius-md);
           display: flex;
           align-items: center;
           justify-content: center;
           color: white;
           font-size: 1.75rem;
           flex-shrink: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-title {
           font-size: 1.35rem;
           font-weight: 700;
           color: var(--ccl-text-dark);
           margin: 0;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-toggle {
           width: 42px;
           height: 42px;
           background: var(--ccl-bg-light);
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           color: var(--ccl-text-body);
           font-size: 1.35rem;
           transition: all 0.3s ease;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item.ccl-assessment-tool--active .ccl-assessment-tool--accordion-toggle {
           background: var(--ccl-primary-blue);
           color: white;
           transform: rotate(180deg);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-content {
           max-height: 0;
           overflow: hidden;
           transition: max-height 0.4s ease;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item.ccl-assessment-tool--active .ccl-assessment-tool--accordion-content {
           max-height: 5000px !important;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body {
           padding: 2.5rem;
           line-height: 1.8;
           font-size: 1.05rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body p {
           margin-bottom: 1.5rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body ul,
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body ol {
           margin-left: 2rem;
           margin-bottom: 1.5rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body li {
           margin-bottom: 0.85rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body strong {
           color: var(--ccl-text-dark);
           font-weight: 700;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body h5 {
           margin-top: 2rem;
           margin-bottom: 1rem;
           color: var(--ccl-text-dark);
           font-size: 1.25rem;
       }

       /* CTA Section - Enhanced */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-section {
           background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
           padding: 4rem 3rem;
           border-radius: var(--ccl-radius-lg);
           text-align: center;
           color: white;
           margin-top: 3rem;
           position: relative;
           overflow: hidden;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-section::before {
           content: '';
           position: absolute;
           top: -30%;
           left: -10%;
           width: 350px;
           height: 350px;
           background: radial-gradient(circle, rgba(0, 129, 255, 0.15) 0%, transparent 70%);
           border-radius: 50%;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-section::after {
           content: '';
           position: absolute;
           bottom: -30%;
           right: -10%;
           width: 350px;
           height: 350px;
           background: radial-gradient(circle, rgba(41, 198, 182, 0.15) 0%, transparent 70%);
           border-radius: 50%;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-content {
           position: relative;
           z-index: 1;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-section h3 {
           font-size: 2.25rem;
           margin-bottom: 1.25rem;
           color: white;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-section p {
           font-size: 1.2rem;
           margin-bottom: 2.5rem;
           color: #e2e8f0;
           max-width: 700px;
           margin-left: auto;
           margin-right: auto;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-buttons {
           display: flex;
           gap: 1.25rem;
           justify-content: center;
           flex-wrap: wrap;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-primary {
           background: linear-gradient(135deg, var(--ccl-primary-yellow) 0%, #FFD700 100%);
           color: var(--ccl-primary-navy);
           padding: 1.4rem 3.5rem;
           font-size: 1.2rem;
           font-weight: 800;
           border-radius: var(--ccl-radius-md);
           text-decoration: none;
           display: inline-flex;
           align-items: center;
           gap: 0.85rem;
           transition: all 0.3s ease;
           box-shadow: 0 8px 24px rgba(254, 242, 0, 0.3);
           font-family: 'Inter Tight', sans-serif;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-primary:hover {
           transform: translateY(-2px);
           box-shadow: 0 12px 32px rgba(254, 242, 0, 0.4);
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-secondary {
           background: rgba(255, 255, 255, 0.1);
           border: 2px solid rgba(255, 255, 255, 0.3);
           color: white;
           padding: 1.4rem 3.5rem;
           font-size: 1.2rem;
           font-weight: 700;
           border-radius: var(--ccl-radius-md);
           text-decoration: none;
           display: inline-flex;
           align-items: center;
           gap: 0.85rem;
           transition: all 0.3s ease;
           font-family: 'Inter Tight', sans-serif;
           backdrop-filter: blur(10px);
           cursor: pointer;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-secondary:hover {
           background: rgba(255, 255, 255, 0.15);
           border-color: rgba(255, 255, 255, 0.5);
       }

       /* =============================================
          FOOTER
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--footer {
           background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
           color: white;
           padding: 3.5rem 2rem 2.5rem 2rem;
           text-align: center;
           font-size: 0.9rem;
           margin-top: 4rem;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--footer-text {
           opacity: 0.8;
           line-height: 1.8;
       }

       /* =============================================
          UTILITIES
       ============================================= */
       .ccl-assessment-tool--wrapper .ccl-assessment-tool--hidden {
           display: none !important;
       }

       .ccl-assessment-tool--wrapper .ccl-assessment-tool--text-center {
           text-align: center;
       }





.isv_value_group span {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    color: #1e293b;
    font-family: 'Inter Tight', sans-serif;
}
.isv_value_group .ccl-assessment-tool--slider-labels {
    display: flex;
    justify-content: space-between;
}












       /* =============================================
          RESPONSIVE DESIGN
       ============================================= */
       @media (min-width: 969px) {
           .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--sidebar-card {
               position: sticky;
               top: 110px;
           }
       }

       @media (max-width: 968px) {
           .ccl-assessment-tool--wrapper .ccl-assessment-tool--calculator-grid,
           .ccl-assessment-tool--wrapper .ccl-assessment-tool--calculator-grid:has(.ccl-assessment-tool--sidebar.ccl-assessment-tool--show) {
               grid-template-columns: 1fr;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-top-section {
               grid-template-columns: 1fr;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-cards-grid {
               grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
           }
       }


	@media (max-width:1250px){
.ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll{
padding-inline: 2rem;
}
	}




       @media (max-width: 768px) {
           .ccl-assessment-tool--wrapper .ccl-assessment-tool--header {
               flex-wrap: nowrap;
               padding: 0.75rem 1rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--logo {
               flex-shrink: 0;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--logo-carter,
           .ccl-assessment-tool--wrapper .ccl-assessment-tool--logo-capner {
               font-size: 1.1rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--logo-law {
               font-size: 0.6rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--header-contact {
               align-items: flex-end;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--phone-number {
               font-size: 1.25rem;
               gap: 0.4rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--phone-number i {
               font-size: 1.1rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--phone-hours {
               font-size: 0.6rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-container,
           .ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-card {
               border-radius: 0;
               box-shadow: none;
               border: none;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-container {
               padding: 1.5rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-header {
               border-radius: 0;
               padding: 2.5rem 1.5rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-header h1 {
               font-size: 2rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-header p {
               font-size: 1.05rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-features {
               grid-template-columns: 1fr;
               padding: 2.5rem 1.5rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll {
               padding: 2.5rem 1.5rem;
               border-radius: 0;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-footer {
               border-radius: 0;
               padding: 2.5rem 1.5rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero {
               padding: 2.5rem 1.5rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-content {
               flex-direction: column;
               align-items: flex-start;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-text h2 {
               font-size: 1.85rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-text p {
               font-size: 1rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-main {
               padding: 2rem 1.5rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-cards-grid {
               grid-template-columns: 1fr;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-header {
               padding: 1.5rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-title {
               font-size: 1.1rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body {
               padding: 1.5rem;
               font-size: 1rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-section {
               padding: 2.5rem 1.5rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-section h3 {
               font-size: 1.75rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-section p {
               font-size: 1rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-buttons {
               flex-direction: column;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-primary,
           .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-secondary {
               width: 100%;
               justify-content: center;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-group {
               grid-template-columns: 1fr;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar {
               position: static;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-card {
               position: static;
               margin-bottom: 1rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step {
               width: 44px;
               height: 44px;
               font-size: 1rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--section-title {
               font-size: 1.75rem;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-start {
               padding: 1rem 3rem;
               font-size: 1rem;
               width: 100%;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--button-group {
               flex-direction: column;
           }

           .ccl-assessment-tool--wrapper .ccl-assessment-tool--button-group .ccl-assessment-tool--btn {
               width: 100%;
           }

           .ccl-assessment-tool--wrapper input[type="date"] {
               min-height: 50px;
               -webkit-appearance: none;
               appearance: none;
               padding: 1rem 1.25rem;
           }

           .ccl-assessment-tool--wrapper input[type="date"]::-webkit-calendar-picker-indicator {
               font-size: 1.2rem;
               cursor: pointer;
           }
       }

/* Replace the existing @media print section with this enhanced version */
@media print {
    /* Hide navigation and interactive elements */
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--header,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--progress-header,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--footer,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--button-group,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-section,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero {
        display: none;
    }

    /* Force white background for entire page */
    .ccl-assessment-tool--wrapper,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container {
        background: white !important;
    }

    /* Fix compensation summary card for printing */
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--compensation-summary-card {
        background: white !important;
        border: 2px solid #000 !important;
        box-shadow: none !important;
        page-break-inside: avoid;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--compensation-summary-card::before {
        display: none !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-badge {
        background: #f0f0f0 !important;
        color: #000 !important;
        border: 1px solid #000 !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-label,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-amount {
        color: #000 !important;
        text-shadow: none !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-item {
        border-bottom: 1px solid #ccc !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-label,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-value {
        color: #000 !important;
    }

    /* Force all accordions to be expanded */
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item {
        border: 1px solid #000 !important;
        margin-bottom: 1rem !important;
        page-break-inside: avoid;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-content {
        max-height: none !important;
        display: block !important;
        overflow: visible !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-header {
        background: #f0f0f0 !important;
        border-bottom: 1px solid #000 !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-toggle {
        display: none !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-icon {
        background: #333 !important;
        color: white !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-title,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body p,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body li,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body h5 {
        color: #000 !important;
    }

    /* Info cards print styles */
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-cards-grid {
        page-break-inside: avoid;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card {
        border: 1px solid #000 !important;
        box-shadow: none !important;
        background: white !important;
        page-break-inside: avoid;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-icon {
        background: #333 !important;
        color: white !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-title,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-value,
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-desc {
        color: #000 !important;
    }

    /* Alert boxes for printing */
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--alert {
        background: white !important;
        border: 2px solid #000 !important;
        box-shadow: none !important;
        page-break-inside: avoid;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--alert-danger {
        border-color: #000 !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--alert-warning {
        border-color: #666 !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--alert-info {
        border-color: #333 !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--alert * {
        color: #000 !important;
    }

    /* Ensure main content is visible */
    .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-main {
        background: white !important;
    }

    .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-top-section {
        page-break-inside: avoid;
    }

    /* Remove background gradients and shadows */
    .ccl-assessment-tool--wrapper * {
        box-shadow: none !important;
    }
}
span.help-block {
    color: red;
}


.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group:has(#netWeeklyIncome-error) {
    position: relative;
    padding-bottom: 25px;
}

span#netWeeklyIncome-error {
    position: absolute;
    bottom: 0;
    left: 0;
}




/* =============================================
   RESULTS TABLE - Enhanced Professional Design
   Add this to your existing CSS
============================================= */

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    background: white;
    border-radius: var(--ccl-radius-md);
    overflow: hidden;
    border: 1px solid var(--ccl-border-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tbody {
    width: 100%;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr {
    transition: background-color 0.2s ease;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr:hover {
    background-color: var(--ccl-bg-light);
}

/* Standard table cells */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table td {
    padding: 1.25rem 1.75rem;
    font-size: 1.05rem;
    color: var(--ccl-text-body);
    line-height: 1.6;
    border-bottom: 1px solid #e5e7eb;
    vertical-align: middle;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table td:first-child {
    font-weight: 500;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table td:last-child {
    text-align: right;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table td strong {
    font-weight: 700;
    color: var(--ccl-text-dark);
}

/* Amount column styling */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table .ccl-assessment-tool--amount {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 800;
    font-size: 1.35rem;
    color: var(--ccl-primary-blue);
    white-space: nowrap;
}

/* Sub-item rows (indented explanations like "└ PV @5%") */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr:has(td[style*="padding-left:1.5rem"]) {
    background-color: #fafbfc;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr:has(td[style*="padding-left:1.5rem"]):hover {
    background-color: #f3f4f6;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr:has(td[style*="padding-left:1.5rem"]) td {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.95rem;
    border-bottom: none;
}

/* Subtotal/Total rows (Gross Total) */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="border-top: 2px solid"],
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="border-top:2px solid"] {
    background-color: #f8fafc;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="border-top: 2px solid"]:hover,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="border-top:2px solid"]:hover {
    background-color: #f1f5f9;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="border-top: 2px solid"] td,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="border-top:2px solid"] td {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-top: 2px solid #cbd5e1;
    font-size: 1.1rem;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="border-top: 2px solid"] td strong,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="border-top:2px solid"] td strong {
    font-size: 1.15rem;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="border-top: 2px solid"] .ccl-assessment-tool--amount strong,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="border-top:2px solid"] .ccl-assessment-tool--amount strong {
    font-size: 1.5rem;
}

/* Final total row - GREEN HIGHLIGHT (most important row) */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="background:#f9fafb"],
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="background: #f9fafb"] {
    background: linear-gradient(to right, #f0fdf4 0%, #dcfce7 100%) !important;
    border-top: 3px solid var(--ccl-accent-teal) !important;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="background:#f9fafb"]:hover,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="background: #f9fafb"]:hover {
    background: linear-gradient(to right, #dcfce7 0%, #bbf7d0 100%) !important;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="background:#f9fafb"] td,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="background: #f9fafb"] td {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    border-bottom: none;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="background:#f9fafb"] td strong,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="background: #f9fafb"] td strong {
    color: #065f46;
    font-size: 1.2rem;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="background:#f9fafb"] .ccl-assessment-tool--amount strong,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="background: #f9fafb"] .ccl-assessment-tool--amount strong {
    color: #059669 !important;
    font-size: 1.75rem;
}

/* Contributory negligence row - RED HIGHLIGHT (reduction/deduction) */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="color:#dc2626"],
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="color: #dc2626"] {
    background-color: #fef2f2;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="color:#dc2626"]:hover,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="color: #dc2626"]:hover {
    background-color: #fee2e2;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="color:#dc2626"] td,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="color: #dc2626"] td {
    color: #991b1b;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="color:#dc2626"] .ccl-assessment-tool--amount,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr[style*="color: #dc2626"] .ccl-assessment-tool--amount {
    color: #dc2626 !important;
    font-weight: 800;
}

/* Last row cleanup */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-table tr:last-child td {
    border-bottom: none;
}
.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--input-addon:first-child {
    white-space: nowrap !important;
}





.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group.has-error .ccl-assessment-tool--radio-option,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group.has-error .ccl-assessment-tool--form-input,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group.has-error .ccl-assessment-tool--form-textarea
{
border: 2px solid red;
}


.ccl-assessment-tool--radio-option input.ccl-field-invalid {
    box-shadow: none !important;
}





.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--form-group.has-error .ccl-assessment-tool--checkbox-group:has(#product_condition-error) .ccl-assessment-tool--checkbox-option,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group.has-error .ccl-assessment-tool--form-select,

.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--form-group.has-error .ccl-assessment-tool--radio-group:has(.ccl-field-invalid) .ccl-assessment-tool--radio-option,

.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--form-group.has-error .ccl-assessment-tool--checkbox-group:has(#injury_locations-error) .ccl-assessment-tool--checkbox-option,
.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--checkbox-group:has(#ppe-error) .ccl-assessment-tool--checkbox-option,
.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--checkbox-group:has(#hazards-error) .ccl-assessment-tool--checkbox-option,
#calculatorForm #step8.ccl-assessment-tool--form-section .ccl-assessment-tool--form-group .ccl-assessment-tool--form-input.ccl-field-invalid,
.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--checkbox-group:has(#evidence_sources-error) .ccl-assessment-tool--checkbox-option,
.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--checkbox-group:has(#injury_location-error) .ccl-assessment-tool--checkbox-option,
.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--checkbox-group:has(#contributors-error) .ccl-assessment-tool--checkbox-option
{border: 2px solid red;}


.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--form-group.has-error .ccl-assessment-tool--checkbox-group .ccl-assessment-tool--checkbox-option {
    border: 2px solid red !important;
}


.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option:has(input[type="radio"]:checked){
    /* box-shadow: none !important; */
        box-shadow: 0 0 0 4px rgba(239, 68, 68, .12) !important;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group.has-error .ccl-assessment-tool--form-input:focus{
     box-shadow: 0 0 0 4px rgba(239, 68, 68, .12) !important;
}




#estimated_vehicle_speed-error,
#speed_at_impact-error,
#following_distance_sec-error,
#hours_since_last_break-error,
#hours_driven_before_crash-error,
#replacement_driver_cost-error,
#owner_profit_week-error,
#contributors-error,
#nsw_benefit_total-error,
#medical_costs_future_est-error,
#medical_costs_past-error,
#pta_days-error,
#loc_minutes-error,
#calculatorForm .ccl-assessment-tool--input-group.input-group #income_weekly-error,
#calculatorForm #hazards-error,
#injury_locations-error,
#evidence_sources-error,
#injury_locations-error,
#product_condition-error,
#injury_location-error
{
    position: absolute;
    bottom: 0;
    left: 0;
}


.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--checkbox-group:has(.ccl-is-checked) .ccl-assessment-tool--checkbox-option
{
    border: 2px solid #e2e8f0 !important;
}


.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group.input-group:has(#estimated_vehicle_speed-error),


.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group.input-group:has(#speed_at_impact-error),
.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group.input-group:has(#following_distance_sec-error),

.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group.input-group:has(#hours_since_last_break-error),
.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group.input-group:has(#hours_driven_before_crash-error),
.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group.input-group:has(#replacement_driver_cost-error),
.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group.input-group:has(#owner_profit_week-error),
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-group.input-group:has(#contributors-error),
.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group:has(#loc_minutes-error),
.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group:has(#pta_days-error),
.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group:has(#medical_costs_past-error),
.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group:has(#medical_costs_future_est-error)
{
    position: relative; padding-bottom: 30px;
}


.ccl-assessment-tool--wrapper .ccl-assessment-tool--input-group:has(#nsw_benefit_total-error),
#calculatorForm .ccl-assessment-tool--input-group.input-group:has(#income_weekly-error),
.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--checkbox-group:has(#hazards-error),
.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--checkbox-group:has(#injury_locations-error),
.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--checkbox-group:has(#product_condition-error)
{
    position: relative;
    padding-bottom: 25px;
}


.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--checkbox-group:has(#evidence_sources-error),
.ccl-assessment-tool--wrapper #calculatorForm .ccl-assessment-tool--checkbox-group:has(#injury_location-error)
{
    position: relative;
    padding-bottom: 25px;
}



/* ------------------------------------------------------------------------------------------------------ */


 @media (max-width: 1240px) {


.ccl-assessment-tool--wrapper .ccl-assessment-tool--welcome-scroll {
    padding-inline: 1.5rem !important;
}
 }

/* .ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option-desc{flex: 1;} */

 @media (max-width: 480px) {

.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-container {padding-inline: 0;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option {padding: 1.25rem;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option-desc {padding-left: 10px;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-amount {font-size: 31px;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--compensation-summary-card {padding: 35px;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-item {flex-direction: column;align-items: flex-start;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-value {font-size: 27px;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card {padding: 28px;}

}



 @media (max-width: 380px) {

.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-header-left {gap: 7px;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-secondary i {flex-shrink: 0;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-title{font-size: 16.6px;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-label {font-size: 16px !important;}

 }




/* ============================================================
   CCL Results-Page Conversion Uplift - Layer A
   Shared visual styles for the upgraded results experience.
   All new layout rules are gated by opt-in modifier classes so
   non-upgraded engines remain unchanged.
   ============================================================ */

/* --- 1. Stacked top-section + 3-column info-cards (opt-in modifiers) --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-top-section.ccl-assessment-tool--results-top-section--stacked {
  grid-template-columns: 1fr;
}
@media (min-width: 1200px) {
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--results-top-section.ccl-assessment-tool--results-top-section--stacked {
    grid-template-columns: 1fr;
  }
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-top-section--stacked .ccl-assessment-tool--compensation-summary-card {
  width: 100%;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-cards-grid.ccl-assessment-tool--info-cards-grid--three-col {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
@media (max-width: 968px) {
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-cards-grid.ccl-assessment-tool--info-cards-grid--three-col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-cards-grid.ccl-assessment-tool--info-cards-grid--three-col {
    grid-template-columns: 1fr;
  }
}

/* --- 2. Range-modifier line --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--range-context {
  margin: -0.75rem 0 2rem 0;
  padding: 0.875rem 1.25rem;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--ccl-text-body);
  font-style: italic;
  border-left: 3px solid var(--ccl-primary-yellow);
  background: rgba(254, 242, 0, 0.06);
  border-radius: 0 var(--ccl-radius-sm) var(--ccl-radius-sm) 0;
}

/* --- 3. Time-limit ribbon --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--time-limit-ribbon {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin: 0 0 2rem 0;
  padding: 1.25rem 1.5rem;
  background: #fff5f3;
  border: 1px solid #fbd1c8;
  border-left: 5px solid var(--ccl-accent-orange);
  border-radius: var(--ccl-radius-md);
  color: var(--ccl-text-dark);
  font-size: 0.97rem;
  line-height: 1.6;
  box-shadow: var(--ccl-shadow-sm);
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--time-limit-ribbon i {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--ccl-accent-orange);
  line-height: 1.6;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--time-limit-ribbon strong {
  color: var(--ccl-primary-navy);
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--time-limit-ribbon a {
  color: var(--ccl-primary-navy);
  font-weight: 700;
  text-decoration: underline;
  white-space: nowrap;
}

/* --- 4. Trust strip pills --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--trust-strip {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  margin: 0 0 1.5rem 0;
  padding: 1rem 1.25rem;
  background: var(--ccl-bg-light);
  border: 1px solid var(--ccl-border-color);
  border-radius: var(--ccl-radius-md);
  font-size: 0.93rem;
  color: var(--ccl-text-dark);
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--trust-pill {
  font-weight: 600;
  letter-spacing: 0.01em;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--trust-pill + .ccl-assessment-tool--trust-pill::before {
  content: "\B7";
  display: inline-block;
  margin-right: 1.5rem;
  color: var(--ccl-text-light);
  font-weight: 400;
}
@media (max-width: 480px) {
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--trust-strip {
    flex-direction: column;
    gap: 0.5rem;
  }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--trust-pill + .ccl-assessment-tool--trust-pill::before {
    display: none;
  }
}

/* --- 5. Mid-page CTA card --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--midpage-cta {
  margin: 1.5rem 0;
  padding: 1.5rem 1.75rem;
  background: linear-gradient(135deg, #fffef0 0%, #fffce0 100%);
  border: 1px solid #f3e98a;
  border-left: 5px solid var(--ccl-primary-yellow);
  border-radius: var(--ccl-radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--midpage-cta-text {
  font-size: 1rem;
  line-height: 1.55;
  color: var(--ccl-text-dark);
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--midpage-cta-text strong {
  display: block;
  font-size: 1.08rem;
  margin-bottom: 0.35rem;
  color: var(--ccl-primary-navy);
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--midpage-cta a.ccl-assessment-tool--btn-cta-primary {
  align-self: flex-start;
}

/* --- 6. Bottom CTA restructure (opt-in modifier) --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-buttons.ccl-assessment-tool--cta-buttons--stacked {
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-buttons--stacked .ccl-assessment-tool--btn-cta-primary {
  min-width: 320px;
  font-size: 1.15rem;
  padding: 1rem 2rem;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-secondary-links {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-secondary-links button {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
  cursor: pointer;
  padding: 0.4rem 0.75rem;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-secondary-links button:hover {
  color: #ffffff;
}
@media (max-width: 480px) {
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-buttons--stacked .ccl-assessment-tool--btn-cta-primary {
    min-width: unset;
    width: 100%;
  }
}

/* --- 7. Sticky mobile call bar (results-only, mobile-only) --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--sticky-call-bar {
  display: none;
}
@media (max-width: 768px) {
  .ccl-assessment-tool--wrapper.ccl-assessment-tool--results-visible .ccl-assessment-tool--sticky-call-bar {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: var(--ccl-primary-yellow);
    border-top: 2px solid var(--ccl-primary-navy);
    padding: 0.9rem 1rem;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.15);
    justify-content: center;
    align-items: center;
  }
  .ccl-assessment-tool--wrapper.ccl-assessment-tool--results-visible .ccl-assessment-tool--sticky-call-bar a {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--ccl-primary-navy);
    font-weight: 800;
    font-size: 1.05rem;
    text-decoration: none;
    width: 100%;
    justify-content: center;
  }
  .ccl-assessment-tool--wrapper.ccl-assessment-tool--results-visible .ccl-assessment-tool--sticky-call-bar i {
    font-size: 1.2rem;
  }
  .ccl-assessment-tool--wrapper.ccl-assessment-tool--results-visible {
    padding-bottom: 72px;
  }
}

/* --- 8. Hero "Prepared for" eyebrow --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-name-eyebrow {
  display: block;
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 0.15rem;
}

/* --- 9. Contributory negligence row --- */
.ccl-assessment-tool--wrapper #resultsContribRow .ccl-assessment-tool--comp-breakdown-value {
  color: #ffb3a8;
  font-weight: 600;
}

/* --- 10. Print safety --- */
@media print {
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--time-limit-ribbon,
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--trust-strip,
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--midpage-cta,
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--sticky-call-bar,
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-secondary-links {
    display: none !important;
  }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--range-context {
    background: none;
    border-left: 2px solid #999;
  }
}


/* === Layer A | 11. Print enhancements (results-page only) === */
/* Hairlines, brand mast, ink-friendly typography, page-break controls */

/* @page rule omitted - browser defaults handle A4 margins fine */

@media print {
  /* Hide all WP chrome and site frame */
  html, body { background: #fff !important; margin-top: 0 !important; }
  #wpadminbar,
  .site-header, header[role="banner"], #masthead,
  .site-footer, footer[role="contentinfo"], #colophon,
  .ccl-assessment-tool--header,
  .ccl-assessment-tool--sticky-call-bar,
  .ccl-assessment-tool--midpage-cta,
  .ccl-assessment-tool--time-limit-ribbon,
  .ccl-assessment-tool--cta-secondary-links,
  .ccl-assessment-tool--cta-section .ccl-assessment-tool--btn,
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--btn,
  .ccl-assessment-tool--wrapper button { display: none !important; }

  /* Print-only brand mast injected on first page */
  .ccl-assessment-tool--results-main::before {
    content: "Carter Capner Law  -  1300 529 529  -  Public Liability Claim Estimate";
    display: block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11pt;
    font-weight: 700;
    color: #000;
    border-bottom: 2pt solid #000;
    padding-bottom: 4pt;
    margin-bottom: 12pt;
    letter-spacing: 0.02em;
  }
  .ccl-assessment-tool--results-main::after {
    content: "This estimate is indicative only and not legal advice. Time limits may apply. Contact Carter Capner Law on 1300 529 529.";
    display: block;
    font-size: 8.5pt;
    color: #333;
    border-top: 1pt solid #999;
    padding-top: 6pt;
    margin-top: 18pt;
    font-style: italic;
  }

  /* Ink-friendly typography */
  .ccl-assessment-tool--wrapper,
  .ccl-assessment-tool--wrapper * {
    color: #000 !important;
    text-shadow: none !important;
  }
  .ccl-assessment-tool--wrapper { font-size: 10.5pt; line-height: 1.45; }

  /* Range card - bold, prominent */
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--compensation-summary-card {
    border: 2pt solid #000 !important;
    padding: 10pt !important;
    page-break-inside: avoid;
  }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-amount {
    font-size: 22pt !important;
    font-weight: 800 !important;
  }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-label {
    font-size: 9pt !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }

  /* Breakdown rows as a clean table-like list */
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-item {
    border-bottom: 0.5pt solid #000 !important;
    padding: 4pt 0 !important;
  }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-value {
    font-weight: 700 !important;
  }

  /* Trust strip as a single plain printable line */
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--trust-strip {
    display: block !important;
    border: 0.5pt solid #000 !important;
    background: #fff !important;
    padding: 4pt 6pt !important;
    font-size: 9pt !important;
    page-break-inside: avoid;
  }

  /* Section spacing and page-break safety */
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item,
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card,
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--alert {
    page-break-inside: avoid;
  }
  .ccl-assessment-tool--wrapper h2,
  .ccl-assessment-tool--wrapper h3,
  .ccl-assessment-tool--wrapper h4,
  .ccl-assessment-tool--wrapper h5 {
    page-break-after: avoid;
  }

  /* External link URLs after anchor text */
  .ccl-assessment-tool--wrapper a[href^="http"]:after {
    content: " (" attr(href) ")";
    font-size: 8pt;
    color: #555;
    word-break: break-all;
  }
  .ccl-assessment-tool--wrapper a[href^="tel:"]:after,
  .ccl-assessment-tool--wrapper a[href^="mailto:"]:after { content: ""; }

  /* Make sure backgrounds print in modern browsers */
  .ccl-assessment-tool--wrapper { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* === End Layer A === */


/* ============================================================
   CCL Assessment Tool - Sticky Bottom Toolbar
   Single-source styling for "Need help" / trust strip area.
   Hides the legacy unstyled CTA and bland trust strip.
   ============================================================ */

/* 1. Hide the legacy plain trust strip and sticky-cta containers */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--trust-strip { display: none !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--sticky-cta,
.ccl-assessment-tool--sticky-cta { display: none !important; }

/* 2. New sticky bottom toolbar */
.ccl-sticky-toolbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9990;
  background: linear-gradient(180deg, #142544 0%, #0f1c33 100%);
  border-top: 3px solid #f4c20d;
  box-shadow: 0 -8px 24px -6px rgba(0,0,0,.35);
  padding: 12px 20px;
  color: #f5f7fb;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  display: flex;
  align-items: center;
  gap: 18px;
  transform: translateY(0);
  transition: transform .25s ease;
}
.ccl-sticky-toolbar--hidden { transform: translateY(110%); }
.ccl-sticky-toolbar__inner {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}
.ccl-sticky-toolbar__deadline {
  flex: 1 1 auto;
  font-size: 13px;
  line-height: 1.45;
  color: #e6ecf5;
  font-weight: 500;
  letter-spacing: -.005em;
}
.ccl-sticky-toolbar__deadline strong {
  color: #f4c20d;
  font-weight: 700;
}
.ccl-sticky-toolbar__pills {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
  color: #cdd6e6;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
}
.ccl-sticky-toolbar__pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ccl-sticky-toolbar__pill::before {
  content: '\f00c';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 10px;
  color: #f4c20d;
}
.ccl-sticky-toolbar__divider {
  width: 1px;
  height: 24px;
  background: rgba(255,255,255,.14);
  flex: 0 0 auto;
}
.ccl-sticky-toolbar__cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  background: linear-gradient(135deg, #f4c20d 0%, #e0a800 100%);
  color: #0f1c33 !important;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.005em;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  text-decoration: none !important;
  box-shadow: 0 6px 18px -4px rgba(244,194,13,.45);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  font-family: inherit;
}
.ccl-sticky-toolbar__cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 10px 24px -4px rgba(244,194,13,.55);
}
.ccl-sticky-toolbar__cta:active { transform: translateY(0); }
.ccl-sticky-toolbar__cta i { font-size: 12px; }

/* Sticky toolbar dynamic actions (Prev/Next/Calculate/Call/Start Over) */
.ccl-sticky-toolbar__actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.ccl-sticky-toolbar__btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .01em;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  text-decoration: none !important;
  font-family: inherit;
  line-height: 1;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background-color .18s ease, color .18s ease;
}
.ccl-sticky-toolbar__btn i { font-size: 12px; }
.ccl-sticky-toolbar__btn:hover { transform: translateY(-2px); }
.ccl-sticky-toolbar__btn:active { transform: translateY(0); }

.ccl-sticky-toolbar__btn-secondary {
  background: rgba(255,255,255,.08);
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18);
}
.ccl-sticky-toolbar__btn-secondary:hover {
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.28);
}

.ccl-sticky-toolbar__btn-ghost {
  background: transparent;
  color: rgba(255,255,255,.7) !important;
  padding: 11px 14px;
  font-weight: 600;
}
.ccl-sticky-toolbar__btn-ghost:hover {
  color: #f4c20d !important;
  background: rgba(244,194,13,.06);
}

/* Hide divider2 when in step/results mode for cleaner layout */
.ccl-sticky-toolbar[data-mode="step"] .ccl-sticky-toolbar__divider:last-of-type,
.ccl-sticky-toolbar[data-mode="results"] .ccl-sticky-toolbar__divider:last-of-type {
  display: none;
}

/* Mobile - stack actions and reduce padding */
@media (max-width: 720px) {
  .ccl-sticky-toolbar__actions {
    order: 3;
    flex: 1 1 100%;
    justify-content: center;
    gap: 6px;
  }
  .ccl-sticky-toolbar__btn {
    padding: 10px 12px;
    font-size: 12px;
  }
  .ccl-sticky-toolbar__btn-ghost { padding: 10px 8px; }
}

/* Tablet pills compact in step mode */
@media (max-width: 1100px) {
  .ccl-sticky-toolbar[data-mode="step"] .ccl-sticky-toolbar__pills,
  .ccl-sticky-toolbar[data-mode="results"] .ccl-sticky-toolbar__pills {
    display: none;
  }
  .ccl-sticky-toolbar[data-mode="step"] .ccl-sticky-toolbar__divider,
  .ccl-sticky-toolbar[data-mode="results"] .ccl-sticky-toolbar__divider {
    display: none;
  }
}


/* Footer padding so content isn't covered and dark bg extends to sticky toolbar */
body.ccl-sticky-toolbar-active { padding-bottom: 0; }
body.ccl-sticky-toolbar-active .ccl-assessment-tool--footer { padding-bottom: 90px; }
@media (max-width: 768px) {
  body.ccl-sticky-toolbar-active .ccl-assessment-tool--footer { padding-bottom: 130px; }
}

/* Tablet */
@media (max-width: 1024px) {
  .ccl-sticky-toolbar__deadline { font-size: 12px; }
  .ccl-sticky-toolbar__pills { font-size: 11px; gap: 10px; }
  .ccl-sticky-toolbar__cta { padding: 10px 18px; font-size: 13px; }
}

/* Mobile */
@media (max-width: 720px) {
  .ccl-sticky-toolbar { padding: 10px 14px; gap: 10px; }
  .ccl-sticky-toolbar__inner { flex-wrap: wrap; gap: 8px 12px; }
  .ccl-sticky-toolbar__deadline {
    flex: 1 1 100%;
    font-size: 11.5px;
    line-height: 1.35;
    order: 1;
  }
  .ccl-sticky-toolbar__pills {
    order: 2;
    flex: 1 1 auto;
    font-size: 10.5px;
    gap: 8px;
    text-transform: none;
    letter-spacing: 0;
  }
  .ccl-sticky-toolbar__divider { display: none; }
  .ccl-sticky-toolbar__cta {
    order: 3;
    flex: 0 0 auto;
    padding: 8px 14px;
    font-size: 12px;
  }
  body.ccl-sticky-toolbar-active { padding-bottom: 0; }
}

/* Print: hide */
@media print {
  .ccl-sticky-toolbar { display: none !important; }
}

/* ============================================================
   END Sticky Bottom Toolbar
   ============================================================ */


/* CCL_RESULTS_SOCIALPROOF_CSS */
.ccl-assessment-tool--results-socialproof{display:flex;flex-direction:column;gap:1rem;margin-top:2.5rem;}
.ccl-assessment-tool--results-testimonial{position:relative;background:var(--ccl-bg-light);border:1px solid var(--ccl-border-color);border-left:4px solid #2563eb;border-radius:var(--ccl-radius-md);padding:1.5rem 1.75rem;}
.ccl-assessment-tool--results-testimonial-icon{color:#2563eb;opacity:.35;font-size:1.4rem;margin-bottom:.4rem;}
.ccl-assessment-tool--results-testimonial-text{margin:0 0 .9rem 0;font-size:1.02rem;line-height:1.6;color:var(--ccl-text-dark);font-style:italic;}
.ccl-assessment-tool--results-testimonial-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .85rem;}
.ccl-assessment-tool--results-testimonial-stars{color:#f59e0b;letter-spacing:1px;font-size:1rem;}
.ccl-assessment-tool--results-testimonial-name{font-weight:600;color:var(--ccl-text-dark);font-size:.92rem;}
.ccl-assessment-tool--results-crosslink{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;align-self:flex-start;padding:.85rem 1.4rem;background:#fff;border:1.5px solid #2563eb;border-radius:var(--ccl-radius-md);color:#1e3a8a;font-weight:600;text-decoration:none;transition:all .18s ease;}
.ccl-assessment-tool--results-crosslink:hover{background:#2563eb;color:#fff;transform:translateY(-1px);}
.ccl-assessment-tool--results-crosslink i{transition:transform .18s ease;}
.ccl-assessment-tool--results-crosslink:hover i{transform:translateX(3px);}


/* CCL_CALC_FAQ_CSS */
.ccl-assessment-tool--results-faq{margin-top:2.5rem;}
.ccl-assessment-tool--results-faq-heading{font-size:1.35rem;font-weight:700;color:var(--ccl-text-dark);margin:0 0 1rem 0;}
.ccl-assessment-tool--results-faq-item{border:1px solid var(--ccl-border-color);border-radius:var(--ccl-radius-md);margin-bottom:.75rem;background:#fff;overflow:hidden;}
.ccl-assessment-tool--results-faq-q{cursor:pointer;padding:1rem 1.25rem;font-weight:600;color:var(--ccl-text-dark);list-style:none;position:relative;padding-right:2.5rem;}
.ccl-assessment-tool--results-faq-q::-webkit-details-marker{display:none;}
.ccl-assessment-tool--results-faq-q::after{content:'+';position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-size:1.3rem;color:#2563eb;font-weight:400;}
.ccl-assessment-tool--results-faq-item[open] .ccl-assessment-tool--results-faq-q::after{content:'\2212';}
.ccl-assessment-tool--results-faq-a{padding:0 1.25rem 1.15rem 1.25rem;color:var(--ccl-text-medium,#475569);line-height:1.65;}
.ccl-assessment-tool--results-faq-a p{margin:0 0 .6rem 0;}


/* ============================================================
   CCL Assessment — Insurer-grade redesign layer v2 (appended)
   Overrides only; original rules preserved above this block.
   ============================================================ */

/* ---- Named checkmark stepper (labels via nth-child, no markup change) ---- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step{display:flex;justify-content:space-between;align-items:flex-start;max-width:860px;margin:0 auto;position:relative;background:transparent;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step::before{content:"";position:absolute;top:26px;left:7%;right:7%;height:2px;background:rgba(255,255,255,.18);z-index:0;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step{
  position:relative;z-index:1;flex:1;width:auto;min-width:0;height:auto;background:transparent!important;border:none!important;
  display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:14px;box-shadow:none!important;
  color:#fff;font-size:15px;font-weight:800;overflow:visible;isolation:isolate;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:52px;height:52px;border-radius:50%;
  background:rgba(255,255,255,.10);border:2px solid rgba(255,255,255,.30);z-index:-1;transition:background .2s,border-color .2s,box-shadow .2s;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step::after{
  display:block;margin-top:22px;font-size:11.5px;font-weight:600;line-height:1.2;max-width:88px;text-align:center;color:rgba(255,255,255,.6);
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step.ccl-assessment-tool--active::before{background:#1e63ff;border-color:#1e63ff;box-shadow:0 0 0 5px rgba(30,99,255,.28);}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step.ccl-assessment-tool--active::after{color:#fff;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step.ccl-assessment-tool--completed::before{background:#f5c400 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230f1b33' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/20px no-repeat;border-color:#f5c400;color:transparent;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step.ccl-assessment-tool--completed::after{color:rgba(255,255,255,.85);}
/* Step-rail labels are supplied per template via a data-label attribute. The eight hardcoded labels were removed 2026-08-04: they fitted the crash-family calculators but mislabelled seven of eight steps on nine others. The current step name is rendered by #progressTitle above the rail. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step[data-label]::after{content:attr(data-label);}

/* ---- One-question-per-screen breathing room + typographic hierarchy ---- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--question-number{color:#1e63ff;font-weight:800;letter-spacing:.11em;text-transform:uppercase;font-size:12.5px;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--progress-title{font-size:clamp(20px,2.4vw,28px);line-height:1.2;font-weight:800;color:#ffffff;letter-spacing:-.01em;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--step-content h2,
.ccl-assessment-tool--wrapper #calculatorForm h2{font-size:clamp(28px,3.4vw,40px);line-height:1.14;font-weight:800;color:#0f1b33;letter-spacing:-.02em;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group{margin-bottom:40px;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group > label,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group legend{font-size:19px;font-weight:700;color:#1a2540;letter-spacing:-.01em;margin-bottom:8px;display:block;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-group,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-group{display:flex;flex-direction:column;gap:12px;margin:20px 0 8px;max-width:780px;}

/* ---- Selectable tiles: single clean navy/gold state ---- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option{position:relative;border:1.5px solid #e2e7f0;border-radius:14px;background:#ffffff;padding:0;margin:0;transition:border-color .16s,box-shadow .16s,background .16s;overflow:hidden;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option:hover,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option:hover{border-color:#1d3a6e;box-shadow:0 6px 18px -10px rgba(15,27,51,.4);}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option label,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option label{display:flex;align-items:center;gap:14px;padding:17px 20px 17px 18px;cursor:pointer;font-size:16px;font-weight:600;color:#1a2540;margin:0;line-height:1.35;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option-desc{display:block;font-weight:400;font-size:13.5px;color:#6b7590;margin-top:3px;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option input[type="radio"],
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option label::before,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option label::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #e2e7f0;background:#ffffff;transition:border-color .16s,background .16s,box-shadow .16s;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option label::before{border-radius:6px;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option:has(input[type="radio"]:checked),
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option:has(input[type="checkbox"]:checked),
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group.has-error .ccl-assessment-tool--radio-option:has(input:checked){border-color:#1e63ff!important;background:#eef4ff!important;box-shadow:0 0 0 3px rgba(30,99,255,.14)!important;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option:has(input:checked) label,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option:has(input:checked) label{color:#0f1b33;font-weight:700;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option:has(input:checked) label::before{border-color:#1e63ff;background:#1e63ff;box-shadow:inset 0 0 0 4px #ffffff;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option:has(input:checked) label::before{border-color:#1e63ff;background:#1e63ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:none;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group.has-error .ccl-assessment-tool--radio-group:not(:has(input:checked)){outline:1.5px solid rgba(214,69,69,.35);outline-offset:6px;border-radius:14px;}

/* ---- Primary buttons ---- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-primary,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-primary{background:linear-gradient(180deg,#1e63ff,#1a4fd0);border:1px solid #1a4fd0;border-radius:11px;font-weight:700;box-shadow:0 8px 20px -8px rgba(30,99,255,.6);transition:filter .15s,box-shadow .15s,transform .1s;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-primary:hover,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-primary:hover{filter:brightness(1.06);box-shadow:0 12px 26px -8px rgba(30,99,255,.7);}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-primary:active,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-primary:active{transform:translateY(1px);}

/* ---- Results hero polish ---- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero{background:linear-gradient(160deg,#0f1b33 0%,#16264a 55%,#1d3a6e 100%)!important;border-radius:18px;overflow:hidden;position:relative;}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#1e63ff,#f5c400);}

@media(max-width:768px){
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--process-step .ccl-assessment-tool--step::after{display:none;}
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--progress-title,.ccl-assessment-tool--wrapper h2{font-size:26px;}
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group{margin-bottom:30px;}
}


/* ===== Option group alignment fix ===== */
/* Radio/checkbox option cards were capped at 780px while text/date inputs and the
   Next button run full width (1000px), causing a misaligned right edge. Match them. */
.ccl-assessment-tool--radio-group.input-group,
.ccl-assessment-tool--checkbox-group.input-group,
.ccl-assessment-tool--radio-group,
.ccl-assessment-tool--checkbox-group {
  max-width: 100% !important;
  width: 100% !important;
}
.ccl-assessment-tool--radio-option,
.ccl-assessment-tool--checkbox-option {
  width: 100% !important;
}

/* ===== Sticky toolbar: chat-clearance reservation removed 2026-07-29 =====
   The Online Now chat launcher no longer loads on the calculators, so the
   210-230px right-hand reservation on .ccl-sticky-toolbar__inner was squashing
   the deadline text into three lines. Reservation removed; box-sizing kept. ===== */
@media (min-width: 1100px) {
  .ccl-sticky-toolbar__inner { box-sizing: border-box; }
}



/* ========================================================================
   CCL RESULTS PAGE — REDESIGN + RADIUS REMOVAL (scoped, additive)
   Appended 2026-07-23. Reversible: delete this block.
   Scope: results-page components only (leaves wizard/form controls untouched).
   ======================================================================== */

/* --- Remove border radius on results components (avatar stays round) --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--sidebar-card,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-card,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-header,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-accordion,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--compensation-summary-card,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-icon,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-testimonial,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-crosslink,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-faq-item,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--breakdown-item,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-item {
  border-radius: 0 !important;
}

/* --- Hero: flatter, cleaner, tighter --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero {
  background: linear-gradient(120deg, #0b1d3f 0%, #0e2b5c 60%, #143a73 100%) !important;
  padding: 3rem 2.5rem !important;
  border-bottom: 3px solid var(--ccl-primary-yellow) !important;
  border-top: none !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-text h2 {
  font-size: 2.35rem !important;
  letter-spacing: -0.5px !important;
  font-weight: 800 !important;
  margin-bottom: 0.5rem !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-text p {
  opacity: 0.82 !important;
  font-size: 1.05rem !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-name {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 0 !important;
}

/* --- Estimate block: brand navy, crisp edge, yellow accent, depth --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--compensation-summary-card {
  background: linear-gradient(135deg, #0b1d3f 0%, #0e2b5c 55%, #143a73 100%) !important;
  border-left: 5px solid var(--ccl-primary-yellow) !important;
  box-shadow: 0 14px 36px -14px rgba(14,43,92,0.45) !important;
  padding: 2.5rem 2.75rem !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-header {
  background: linear-gradient(135deg, #0e2b5c 0%, #143a73 100%) !important;
  border-left: 5px solid var(--ccl-primary-yellow) !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-total {
  font-size: 2.9rem !important;
  letter-spacing: -1.5px !important;
  line-height: 1.05 !important;
  text-shadow: none !important;
}

/* --- Estimate card shell: crisp edge, subtle depth --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--sidebar-card,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--sidebar-card {
  border: 1px solid #d3dae5 !important;
  box-shadow: 0 10px 30px -12px rgba(14,43,92,0.28) !important;
  overflow: hidden !important;
}

/* --- Breakdown rows: cleaner separators, better rhythm --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-item,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--breakdown-item {
  padding: 1.15rem 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-item:last-child,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--breakdown-item:last-child {
  border-bottom: none !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-value {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
}

/* --- Info cards / testimonial / crosslink / FAQ: flat, defined edges --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-testimonial,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-crosslink,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-faq-item {
  border: 1px solid var(--ccl-border-color) !important;
}

/* --- Accordion: flat, defined edge --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-accordion {
  border: 1px solid var(--ccl-border-color) !important;
  overflow: hidden !important;
}


/* ========================================================================
   CCL RESULTS — OPTION A REPORT DASHBOARD (scoped, additive)
   Appended 2026-07-23. Reversible: delete this block.
   Works with the cclEnhanceResults() post-processor in the template JS.
   ======================================================================== */

/* --- Header: functional report header --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero{
  background:linear-gradient(120deg,#0b1d3f 0%,#0e2b5c 55%,#143a73 100%) !important;
  border-bottom:3px solid var(--ccl-primary-yellow) !important;
  padding:2.6rem 2.6rem 2.3rem !important; border-radius:0 !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-text h2{ font-size:2.15rem !important; font-weight:800 !important; letter-spacing:-0.5px !important; margin-bottom:.35rem !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-text p{ opacity:.8 !important; font-size:1rem !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-hero-name{ background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:0 !important; }

/* --- Summary card becomes the report shell --- */
.ccl-assessment-tool--wrapper .ccl-rd-host, .ccl-assessment-tool--wrapper .ccl-assessment-tool--compensation-summary-card{
  background:#f4f6fa !important; border:1px solid #e0e6ef !important; border-left:none !important;
  box-shadow:0 14px 40px -18px rgba(14,43,92,.35) !important; border-radius:0 !important; padding:0 !important; overflow:hidden;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-label{
  background:linear-gradient(120deg,#0b1d3f,#143a73); color:var(--ccl-primary-yellow) !important;
  text-transform:uppercase; letter-spacing:1.5px; font-size:.74rem !important; font-weight:700;
  padding:1.4rem 2rem .2rem; margin:0 !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-amount{
  background:linear-gradient(120deg,#0b1d3f,#143a73); color:var(--ccl-primary-yellow) !important;
  font-size:3rem !important; font-weight:900 !important; letter-spacing:-2px !important; line-height:1.02 !important;
  padding:0 2rem 1.6rem !important; margin:0 !important; border-bottom:3px solid var(--ccl-primary-yellow);
}

/* --- Breakdown list -> card grid --- */
.ccl-assessment-tool--wrapper .ccl-rd__grid{
  list-style:none !important; margin:0 !important; padding:1px !important;
  display:grid !important; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:1px !important; background:#e4e9f1 !important;
}
.ccl-assessment-tool--wrapper .ccl-rd__row{
  background:#fff !important; padding:1.4rem 1.5rem !important; margin:0 !important;
  display:flex !important; flex-direction:column !important; gap:.5rem !important;
  border:none !important; transition:background .15s ease;
}
.ccl-assessment-tool--wrapper .ccl-rd__row:hover{ background:#fafbfe !important; }
.ccl-assessment-tool--wrapper .ccl-rd__row.is-zero{ opacity:.55 !important; }
.ccl-assessment-tool--wrapper .ccl-rd__row .ccl-assessment-tool--comp-breakdown-label{
  font-size:.78rem !important; font-weight:700 !important; letter-spacing:.4px !important;
  text-transform:uppercase !important; color:#5a6b85 !important; order:1;
}
.ccl-assessment-tool--wrapper .ccl-rd__row .ccl-assessment-tool--comp-breakdown-value{
  font-size:1.42rem !important; font-weight:800 !important; color:#0e2b5c !important;
  letter-spacing:-.5px !important; line-height:1.15 !important; order:2;
}
.ccl-assessment-tool--wrapper .ccl-rd__bar{ height:8px; width:100%; align-self:stretch; background:#eef1f6; overflow:hidden; order:3; margin-top:.35rem; margin-bottom:.15rem; }
.ccl-assessment-tool--wrapper .ccl-rd__bar span{ display:block; height:100%; background:linear-gradient(90deg,#0e2b5c,#2f6fd6); }
.ccl-assessment-tool--wrapper .ccl-rd__row.is-zero .ccl-rd__bar span{ background:#c8d0dd; }
.ccl-assessment-tool--wrapper .ccl-rd__foot{ order:4; }
.ccl-assessment-tool--wrapper .ccl-rd__share{ font-size:.74rem; font-weight:800; color:#0081ff; }

/* --- Info boxes: match report card system --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-cards-grid{ gap:1px !important; background:#e4e9f1 !important; padding:1px !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card{
  border-radius:0 !important; border:none !important; background:#fff !important;
  padding:1.4rem 1.5rem !important; box-shadow:none !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-icon{ border-radius:0 !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-title{ text-transform:uppercase; letter-spacing:.4px; font-size:.76rem !important; color:#5a6b85 !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-value{ color:#0e2b5c !important; font-weight:800 !important; }

/* --- Next steps / CTA: cleaner action strip --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-section{
  background:linear-gradient(120deg,#0b1d3f 0%,#0e2b5c 60%,#143a73 100%) !important;
  border-radius:0 !important; border-top:3px solid var(--ccl-primary-yellow) !important; padding:2.6rem !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-testimonial,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-crosslink,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-faq-item{ border-radius:0 !important; border:1px solid var(--ccl-border-color) !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-accordion{ border-radius:0 !important; border:1px solid var(--ccl-border-color) !important; overflow:hidden; }


/* ========================================================================
   CCL RESULTS — OPTION A REFINEMENTS v2 (scoped, additive)
   Appended 2026-07-23. Reversible: delete this block.
   (1) Pain & Suffering hero card + even secondary grid (no empty cells)
   (2) Accordion restructured into a connected report-section list
   ======================================================================== */

/* --- (1) Card grid: flex-wrap, Pain & Suffering = hero, no empty boxes --- */
.ccl-assessment-tool--wrapper .ccl-rd__grid{ display:flex !important; flex-wrap:wrap !important; gap:1px !important; }
.ccl-assessment-tool--wrapper .ccl-rd__row{ flex:1 1 0 !important; min-width:200px !important; padding:1.4rem 1.5rem !important; text-align:left !important; align-items:flex-start !important; }
.ccl-assessment-tool--wrapper .ccl-rd__row:first-child{
  flex:1 1 100% !important; min-width:100% !important;
  background:linear-gradient(120deg,#eef3fb 0%,#ffffff 60%) !important;
  border-left:5px solid var(--ccl-primary-yellow) !important;
  padding:1.8rem 2rem !important;
}
.ccl-assessment-tool--wrapper .ccl-rd__row:first-child .ccl-assessment-tool--comp-breakdown-value{ font-size:2rem !important; }
.ccl-assessment-tool--wrapper .ccl-rd__row:first-child .ccl-assessment-tool--comp-breakdown-label{ font-size:.85rem !important; color:#0e2b5c !important; }

/* --- (2) Accordion redesign: connected report-section list --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-accordion{
  border:1px solid #dbe2ec !important; border-radius:0 !important; overflow:hidden;
  background:#fff !important; box-shadow:0 10px 30px -16px rgba(14,43,92,.22) !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item{
  background:transparent !important; border:none !important; border-radius:0 !important;
  border-bottom:1px solid #e6ebf3 !important; margin:0 !important; box-shadow:none !important;
  border-left:4px solid transparent !important; transition:border-color .2s, background .2s !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item:last-child{ border-bottom:none !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item.ccl-assessment-tool--active{
  border-left-color:var(--ccl-primary-yellow) !important; background:#fafbfe !important; box-shadow:none !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-header{ padding:1.15rem 1.6rem !important; background:transparent !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item.ccl-assessment-tool--active .ccl-assessment-tool--accordion-header{ background:transparent !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-header-left{ gap:.9rem !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-icon{
  width:34px !important; height:34px !important; min-width:34px !important; border-radius:0 !important;
  background:#0e2b5c !important; color:#fff !important; display:flex !important; align-items:center; justify-content:center; font-size:.85rem !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item.ccl-assessment-tool--active .ccl-assessment-tool--accordion-icon{ background:var(--ccl-primary-yellow) !important; color:#0e2b5c !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-title{ font-size:1.02rem !important; font-weight:700 !important; color:#0e2b5c !important; letter-spacing:-.2px !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-toggle{
  width:28px !important; height:28px !important; border-radius:0 !important; background:transparent !important;
  color:#8a97ab !important; transition:transform .25s ease !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item.ccl-assessment-tool--active .ccl-assessment-tool--accordion-toggle{ transform:rotate(180deg) !important; color:#0e2b5c !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body{
  padding:1.25rem 1.6rem 1.5rem 1.6rem !important; color:#3a4557 !important; line-height:1.7 !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body p{ margin:0 0 .8rem !important; }


/* ========================================================================
   CCL RESULTS — OPTION A REFINEMENTS v3 (scoped, additive)
   Appended 2026-07-23. Reversible: delete this block.
   (1) Accordion inner-content alignment fix
   (2) "Your Details" left sidebar + two-column results layout
   ======================================================================== */

/* --- Accordion inner content: aligned report layout --- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body{ padding-left:1.6rem !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body > *:first-child{ margin-top:0 !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body p{ margin:0 0 .85rem !important; color:#3a4557 !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body p:last-child{ margin-bottom:0 !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body ul,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body ol{
  margin:.2rem 0 1rem !important; padding-left:1.15rem !important; list-style-position:outside !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body li{
  margin:0 0 .5rem !important; padding-left:.35rem !important; color:#3a4557 !important; line-height:1.6 !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body li::marker{ color:var(--ccl-primary-yellow); }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body strong{ color:#0e2b5c !important; font-weight:700 !important; }
/* labelled "Critical Time Limits:" style leading strong -> mini heading feel handled by strong color */


/* --- Two-column results: Your Details sidebar (left) + summary (right) --- */
.ccl-assessment-tool--wrapper .ccl-ds__twocol{ display:grid !important; grid-template-columns:300px 1fr !important; gap:1.5rem !important; align-items:start !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--details-sidebar{
  background:#fff !important; border:1px solid #dbe2ec !important;
  box-shadow:0 10px 30px -16px rgba(14,43,92,.22) !important; align-self:start; position:sticky; top:100px;
}
.ccl-assessment-tool--wrapper .ccl-ds__head{
  background:linear-gradient(120deg,#0b1d3f,#143a73); color:#fff; display:flex; align-items:center; gap:.6rem;
  padding:1rem 1.25rem; font-weight:700; font-size:.95rem; border-bottom:3px solid var(--ccl-primary-yellow);
}
.ccl-assessment-tool--wrapper .ccl-ds__head i{ color:var(--ccl-primary-yellow); }
.ccl-assessment-tool--wrapper .ccl-ds__body{
  padding:.35rem 1.25rem;
  /* One row per answer, and a full workplace claim runs to seventeen of them: the card
     reaches 915px beside a 436px estimate, so the thing people came for ends up the
     shorter element on the page. Cap the list and scroll it inside the card - the
     heading and the Edit answers footer stay where they are. */
  max-height:clamp(260px, 52vh, 560px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#c6cfdd transparent;
  /* Shadows that show only while there is more to see, in whichever direction it sits.
     The two white panels are anchored to the content and the two shadows to the frame,
     so scrolling slides one out from behind the other. No script, no extra markup. */
  background:
    linear-gradient(#fff 30%, rgba(255,255,255,0)) top/100% 26px no-repeat,
    linear-gradient(rgba(255,255,255,0), #fff 70%) bottom/100% 26px no-repeat,
    radial-gradient(farthest-side at 50% 0, rgba(11,29,63,.16), rgba(11,29,63,0)) top/100% 11px no-repeat,
    radial-gradient(farthest-side at 50% 100%, rgba(11,29,63,.16), rgba(11,29,63,0)) bottom/100% 11px no-repeat;
  background-attachment:local, local, scroll, scroll;
}
.ccl-ds__body::-webkit-scrollbar{ width:8px; }
.ccl-ds__body::-webkit-scrollbar-thumb{ background:#c6cfdd; border-radius:4px; }
.ccl-ds__body::-webkit-scrollbar-thumb:hover{ background:#aab6c9; }
.ccl-ds__body::-webkit-scrollbar-track{ background:transparent; }
@media print{
  /* On paper there is no scrolling, so the cap would silently cut answers off. */
  .ccl-ds__body{ max-height:none; overflow:visible; background:none; }
}
.ccl-assessment-tool--wrapper .ccl-ds__row{
  /* Real question labels have replaced humanize()'s two-word guesses, and a 300px rail
     has no room for "Where will the common-law claim be brought?" sitting beside its
     answer - side by side, the label refused to shrink and pushed the value out of the
     card. Stack them instead: the question reads as a caption, the answer takes the
     weight underneath it. */
  display:flex; flex-direction:column; align-items:flex-start; gap:.15rem;
  padding:.6rem 0; border-bottom:1px solid #eef1f6;
}
/* The answers that do not move the figure sit behind this control, so the card
   opens on the handful worth checking rather than thirty rows in a scroller. */
.ccl-ds__more[hidden]{ display:none !important; }
.ccl-assessment-tool--wrapper .ccl-ds__more-btn{
  display:block; width:100%; margin:.5rem 0 .2rem; padding:.55rem .25rem;
  background:none; border:0; border-top:1px solid #eef1f6;
  font:inherit; font-size:.78rem; font-weight:700; letter-spacing:.2px;
  color:#1f4e9c; text-align:left; cursor:pointer;
}
.ccl-assessment-tool--wrapper .ccl-ds__more-btn:hover,
.ccl-assessment-tool--wrapper .ccl-ds__more-btn:focus-visible{ text-decoration:underline; }
.ccl-ds__label{
  font-size:.68rem; text-transform:uppercase; letter-spacing:.4px; font-weight:700;
  color:#8a97ab; line-height:1.35;
  max-width:100%; min-width:0; white-space:normal; overflow-wrap:anywhere;
}
.ccl-ds__val{
  font-size:.92rem; font-weight:600; color:#0e2b5c; text-align:left; line-height:1.35;
  max-width:100%; min-width:0; overflow-wrap:anywhere;
}
.ccl-assessment-tool--wrapper .ccl-ds__row:last-child{ border-bottom:none; }
.ccl-assessment-tool--wrapper 
.ccl-assessment-tool--wrapper 
.ccl-assessment-tool--wrapper .ccl-ds__foot{ padding:.9rem 1.25rem 1.1rem; border-top:1px solid #eef1f6; }
.ccl-assessment-tool--wrapper .ccl-ds__edit{ font-size:.82rem; font-weight:700; color:#0081ff; text-decoration:none; display:inline-flex; align-items:center; gap:.4rem; }
.ccl-assessment-tool--wrapper .ccl-ds__edit:hover{ text-decoration:underline; }
/* responsive: stack on narrow screens */
@media (max-width: 860px){
  .ccl-assessment-tool--wrapper .ccl-ds__twocol{ grid-template-columns:1fr !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--details-sidebar{ position:static; }
}


/* =====================================================
   CCL RESULTS — OPTION A REFINEMENTS v4
   (sidebar row-span fix + value parenthetical note)
   ===================================================== */
.ccl-assessment-tool--wrapper .ccl-ds__twocol{ grid-template-columns:1fr 300px !important; align-items:start !important; }
.ccl-assessment-tool--wrapper .ccl-ds__twocol .ccl-assessment-tool--compensation-summary-card{ grid-column:1 !important; grid-row:1 !important; }
.ccl-assessment-tool--wrapper .ccl-ds__twocol .ccl-assessment-tool--details-sidebar{ grid-column:2 !important; grid-row:1 / span 2 !important; }
.ccl-assessment-tool--wrapper .ccl-ds__twocol .ccl-assessment-tool--info-cards-grid{ grid-column:1 !important; grid-row:2 !important; margin-top:1.5rem !important; }
.ccl-assessment-tool--wrapper .ccl-rd__note{ display:block !important; font-size:.72rem !important; font-weight:500 !important; color:#64748b !important; margin-top:.3rem !important; line-height:1.35 !important; letter-spacing:0 !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--breakdown-value .ccl-rd__note,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--comp-breakdown-value .ccl-rd__note{ text-transform:none !important; }


/* =====================================================
   CCL RESULTS — OPTION A REFINEMENTS v5
   (info-cards flex flow: no phantom empty cell)
   ===================================================== */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-cards-grid{ display:flex !important; flex-wrap:wrap !important; gap:1px !important; background:#e4e9f1 !important; padding:1px !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--info-cards-grid .ccl-assessment-tool--info-card{ flex:1 1 300px !important; min-width:280px !important; }


/* =====================================================
   CCL RESULTS — OPTION A REFINEMENTS v6
   (CTA "Ready to take the next step" redesign)
   ===================================================== */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-section{ background:linear-gradient(135deg,#0e2b5c 0%,#143a73 60%,#0b1d3f 100%) !important; border-radius:0 !important; padding:3.5rem 2rem !important; text-align:center !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-content h3{ color:#fff !important; font-size:2rem !important; letter-spacing:-.01em !important; margin-bottom:.75rem !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-content p{ color:rgba(255,255,255,.8) !important; font-size:1.05rem !important; max-width:560px !important; margin:0 auto 2rem !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--cta-buttons{ gap:1rem !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-primary{ background:var(--ccl-primary-yellow) !important; background-image:none !important; color:#0e2b5c !important; border:2px solid var(--ccl-primary-yellow) !important; border-radius:0 !important; padding:1.05rem 2.25rem !important; font-size:1.05rem !important; font-weight:700 !important; box-shadow:0 8px 22px -10px rgba(254,242,0,.6) !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-primary:hover{ background:#fff59a !important; border-color:#fff59a !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-secondary{ background:transparent !important; border:2px solid rgba(255,255,255,.35) !important; color:#fff !important; border-radius:0 !important; padding:1.05rem 2.25rem !important; font-size:1.05rem !important; font-weight:600 !important; box-shadow:none !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--btn-cta-secondary:hover{ background:rgba(255,255,255,.12) !important; border-color:#fff !important; }


/* =====================================================
   CCL RESULTS — OPTION A PRINT FIXES v6
   (redesign elements: sidebar, dashboard bars, notes,
    accordion, info-cards — print-safe)
   ===================================================== */
@media print {
  .ccl-assessment-tool--wrapper .ccl-ds__twocol{ display:block !important; }
  .ccl-assessment-tool--wrapper .ccl-ds__twocol .ccl-assessment-tool--details-sidebar,
  .ccl-assessment-tool--wrapper .ccl-ds__twocol .ccl-assessment-tool--compensation-summary-card,
  .ccl-assessment-tool--wrapper .ccl-ds__twocol .ccl-assessment-tool--info-cards-grid{ width:100% !important; float:none !important; margin:0 0 12pt 0 !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--details-sidebar{ background:#fff !important; border:1px solid #000 !important; box-shadow:none !important; position:static !important; page-break-inside:avoid !important; }
  .ccl-assessment-tool--wrapper .ccl-ds__head{ background:#fff !important; color:#000 !important; border-bottom:1px solid #000 !important; }
  .ccl-assessment-tool--wrapper .ccl-ds__label{ color:#333 !important; }
  .ccl-assessment-tool--wrapper .ccl-ds__val{ color:#000 !important; }
  .ccl-assessment-tool--wrapper .ccl-ds__foot,
  .ccl-assessment-tool--wrapper .ccl-ds__edit{ display:none !important; }
  .ccl-assessment-tool--wrapper .ccl-rd__bar{ display:none !important; }
  .ccl-assessment-tool--wrapper .ccl-rd__note{ color:#333 !important; display:block !important; }
  .ccl-assessment-tool--wrapper .ccl-rd__grid{ display:block !important; }
  .ccl-assessment-tool--wrapper .ccl-rd__row{ page-break-inside:avoid !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-cards-grid{ display:block !important; background:#fff !important; padding:0 !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card{ border:1px solid #000 !important; margin:0 0 8pt 0 !important; page-break-inside:avoid !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--info-card-value{ color:#000 !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-content{ display:block !important; max-height:none !important; height:auto !important; overflow:visible !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-item{ border:1px solid #000 !important; border-left:1px solid #000 !important; page-break-inside:avoid !important; margin-bottom:8pt !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-header{ background:#fff !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-icon{ background:#fff !important; border:1px solid #000 !important; color:#000 !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-icon i{ color:#000 !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-title{ color:#000 !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-toggle{ display:none !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body{ color:#000 !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body strong{ color:#000 !important; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--accordion-body ::marker{ color:#000 !important; }
}


/* =====================================================
   CCL RESULTS — OPTION A REFINEMENTS v7
   (mobile responsive: collapse two-column dashboard)
   ===================================================== */
@media (max-width: 860px){
  .ccl-assessment-tool--wrapper .ccl-ds__twocol{ display:block !important; }
  .ccl-assessment-tool--wrapper .ccl-ds__twocol .ccl-assessment-tool--details-sidebar,
  .ccl-assessment-tool--wrapper .ccl-ds__twocol .ccl-assessment-tool--compensation-summary-card,
  .ccl-assessment-tool--wrapper .ccl-ds__twocol .ccl-assessment-tool--info-cards-grid{ grid-column:auto !important; grid-row:auto !important; width:100% !important; margin:0 0 1.25rem 0 !important; }
  .ccl-assessment-tool--wrapper .ccl-ds__twocol .ccl-assessment-tool--details-sidebar{ position:static !important; }
  .ccl-assessment-tool--wrapper .ccl-ds__twocol .ccl-assessment-tool--info-cards-grid{ margin-top:0 !important; }
}

/* ===== Calculator footer: structure and styling pass 2026-07-29 ===== */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--footer { padding: 2.75rem 1.5rem 2rem; margin-top: 3rem; font-size: 0.875rem; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--footer-inner { max-width: 760px; margin: 0 auto; text-align: center; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--footer-note { margin: 0; font-size: 14px; line-height: 1.65; color: rgba(226, 232, 240, 0.92); }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--footer-rule { height: 1px; margin: 20px auto; background: rgba(148, 163, 184, 0.24); }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--footer-meta { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--footer-copyright { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: 0.01em; color: rgba(226, 232, 240, 0.88); }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--footer-psl { margin: 0; font-size: 12px; line-height: 1.55; color: rgba(148, 163, 184, 0.95); }
@media (max-width: 720px) {
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--footer { padding: 2rem 1.125rem 1.5rem; margin-top: 2.25rem; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--footer-note { font-size: 13.5px; }
  .ccl-assessment-tool--wrapper .ccl-assessment-tool--footer-rule { margin: 16px auto; }
}

/* ===== CCL MOBILE BOTTOM-BAR SWITCHER (calculator pages only) - 2026-07-29 =====
   Two fixed bars used to stack on phones: the calculator toolbar and the site call/callback bar.
   On phones only one is shown at a time. Default is the calculator toolbar. A pill button toggles.
   Scoped to body.ccl-sticky-toolbar-active so nothing changes on non-calculator pages. ===== */
@media (max-width: 768px) {
  body.ccl-sticky-toolbar-active .ccl-mobile-cta-bar { display: none !important; }
  body.ccl-sticky-toolbar-active.ccl-bars-contact .ccl-mobile-cta-bar { display: flex !important; }
  body.ccl-sticky-toolbar-active.ccl-bars-contact .ccl-sticky-toolbar { display: none !important; }
  .ccl-bar-switch {
    position: fixed;
    right: 12px;
    bottom: 68px;
    z-index: 100001;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 7px 13px;
    border: 0;
    border-radius: 999px;
    background: #12203a;
    color: #ffffff;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;
    box-shadow: 0 3px 10px rgba(10, 20, 40, 0.35);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
  }
  .ccl-bar-switch i { font-size: 12px; }
  .ccl-bar-switch:active { transform: scale(0.97); }
  .ccl-bar-switch:focus-visible { outline: 2px solid #ffc400; outline-offset: 2px; }
  body.ccl-bars-contact .ccl-bar-switch { background: #ffc400; color: #12203a; }
}
@media (min-width: 769px) {
  .ccl-bar-switch { display: none !important; }
}
/* ===== END CCL MOBILE BOTTOM-BAR SWITCHER ===== */

/* ==========================================================================
   Results page - design pass, 7 September 2026
   --------------------------------------------------------------------------
   The results block was carrying sixteen distinct size/weight pairs, with
   weights running 400, 600, 700, 800 and 900. That is not a type scale, and
   the cost was hierarchy: "Significant" and "Lodged" - two pieces of context -
   were set at 32px/900, the same visual weight as "$1,100,000", and only 16px
   short of the estimate itself. The page shouted its least important facts.

   This reduces the block to six roles and three weights, and spends the
   remaining emphasis on one thing: the money. Everything here is scoped to the
   results container, so the question pages are untouched, and it is one file
   for all fifteen calculators.
   ========================================================================== */

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container{
  /* One scale. Every size below is drawn from it, and nothing else is invented. */
  --r-display: 46px;   /* the estimate, and only the estimate */
  --r-figure:  27px;   /* a head of damage */
  --r-title:   20px;   /* a section heading */
  --r-fact:    19px;   /* a piece of context - severity, claim status */
  --r-body:    16px;
  --r-label:   11px;   /* small caps above a value */

  --r-ink:     #0e2b5c;
  --r-muted:   #6b7a90;
  --r-faint:   #8a97ab;
  --r-line:    #e4e9f1;
  --r-tint:    #eef2f8;
  --r-navy:    #143a73;
}

/* --- The estimate keeps the largest type on the page --------------------- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--comp-amount{
  font-size: var(--r-display) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  line-height: 1.05 !important;
}

/* --- Heads of damage: second largest, and the only other bold figures ----- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--comp-breakdown-value,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--breakdown-value{
  font-size: var(--r-figure) !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
  line-height: 1.2 !important;
  color: var(--r-ink) !important;
}

/* --- Context facts step down. They are worth stating, not worth shouting. - */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card-value{
  font-size: var(--r-fact) !important;
  font-weight: 700 !important;
  letter-spacing: -.005em !important;
  line-height: 1.3 !important;
  color: var(--r-ink) !important;
}

/* --- Every small-caps label on the page reads the same ------------------- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--comp-breakdown-label,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--breakdown-label,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card-title,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--comp-label{
  font-size: var(--r-label) !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--comp-breakdown-label,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card-title{
  color: var(--r-faint) !important;
}

/* --- Supporting copy sits at one size ----------------------------------- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card-desc,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--accordion-body p,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--accordion-body li{
  font-size: var(--r-body) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--r-muted) !important;
}

/* --- Section and accordion headings ------------------------------------- */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--accordion-title,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--accordion-header h3,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--section-title{
  font-size: var(--r-title) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: var(--r-ink) !important;
}

/* The accordion repeats each head as a run-in heading. At 23px/800 it competed
   with the figures in the card above; it is a paragraph lead, so it reads as one. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--accordion-body h5{
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -.005em !important;
  color: var(--r-ink) !important;
  margin: 1.5rem 0 .35rem !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--accordion-body h5:first-child{
  margin-top: 0 !important;
}

/* --- Icon chips ---------------------------------------------------------
   56px squares carrying a pastel peach-to-mint gradient, on a page whose whole
   palette is navy and yellow. Smaller, and in the palette the page actually
   uses, so they support the card instead of competing with it. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card-icon{
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  font-size: 19px !important;
  background: var(--r-tint) !important;
  color: var(--r-navy) !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* --- One card treatment -------------------------------------------------
   The block was running five: square-cornered with a yellow rule, rounded with
   a shadow, rounded hairline, and two more in the accordion. Border, radius and
   fill each mean "separate object"; spending them five different ways in one
   view flattens the hierarchy rather than building it. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--accordion-item{
  border: 1px solid var(--r-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card{
  padding: 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .55rem !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-cards-grid{
  gap: 14px !important;
}

/* --- Vertical rhythm ----------------------------------------------------
   The accordion rows were 72px of mostly air apiece, six of them, before any
   content. Tighter, so the page stops feeling padded out. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--accordion-header{
  padding: 15px 18px !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--accordion-item{
  margin-bottom: 10px !important;
}

/* --- Design pass, part two: the four sizes that escaped the first ---------
   The scale now runs 46 / 30 / 27 / 20 / 19 / 17 / 16 / 14 / 11, and these are
   the elements that were sitting between its steps. */

/* Pain & suffering was set at 2rem while the other three heads sat at 1.42rem,
   on a rule carrying :first-child and therefore beating the scale. It is also
   the wrong head to enlarge: on this claim it is $150,000 against $1,100,000 of
   lost earnings, so the smallest figure was reading as the biggest. All four
   heads now carry the same weight and let the numbers speak. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-rd__row:first-child .ccl-assessment-tool--comp-breakdown-value,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-rd__row .ccl-assessment-tool--comp-breakdown-value{
  font-size: var(--r-figure) !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
}

/* The page title and the closing call to action were at 34px and 32px - two
   sizes, one step apart, doing the same job. One step, used twice. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--results-hero-text h2,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--cta-content h3{
  font-size: 30px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  line-height: 1.2 !important;
}

/* A section heading is a section heading, wherever it appears. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--results-faq-heading{
  font-size: var(--r-title) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}

/* --- Design pass, part three: the context strip and the bars -------------
   Two cards were spending 221px of vertical space to deliver two words. Each
   held an icon, a label, a one-word value and a caption, stacked - the layout
   of a feature card, carrying the content of a spec row. Laid out as a row
   instead, the same information takes about 90px and reads as fact rather than
   as feature.

   The left column runs to roughly 815px against a 464px sidebar, so this also
   closes most of the ragged gap beside them. */

.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card{
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 3px 18px !important;
  padding: 14px 18px !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card-header{
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card-value{
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  text-align: right !important;
  align-self: center !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card-desc{
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* The icon is a marker beside a label, not an illustration. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card-icon{
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}
/* The warning variant was carrying its own amber gradient, which put a second
   accent colour on a page that has one. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--info-card-icon.ccl-assessment-tool--warning{
  background: var(--r-tint) !important;
  color: var(--r-navy) !important;
}

/* --- The share bars -----------------------------------------------------
   Each bar is a head's share of the largest head, which is real information -
   it was just drawn at hairline weight in a colour close to its own track.
   Same data, legible. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-rd__bar{
  height: 5px !important;
  border-radius: 99px !important;
  background: #e6ecf5 !important;
  overflow: hidden !important;
  margin-top: 10px !important;
}
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-rd__bar > *{
  height: 100% !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, #143a73 0%, #2f6bc4 100%) !important;
  display: block !important;
}

/* --- The details rail ---------------------------------------------------
   It is already sticky, so it follows the reader down; giving it a little
   breathing room from the top stops it colliding with the site header. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--results-container .ccl-assessment-tool--details-sidebar{
  top: 24px !important;
}

/* ==========================================================================
   Calculator questions - layout pass, 8 September 2026
   --------------------------------------------------------------------------
   Measured on the workplace calculator before any change: the eight steps ran
   to 12,904px, or 17.7 screens of scrolling for 42 questions. Step 5 spent
   2,105px on three questions. Two things account for most of it.

   First, every answer gets a full-width row 61px tall, so "Yes" and "No" cost
   138px of a phone screen between them, and 100 options cost about 6,900px -
   over half the page. Short answers now sit two or three across; anything long
   enough to wrap keeps its own row, because a wrapped option costs more height
   than the grid saves. The class that decides this is written by
   ccl-error-surface.js, which measures the longest option in each group; a
   group it has not classified simply stays as it is.

   Second, each step printed its title twice - once in the purple band and
   again 250px below it - along with a "Question 1 of 8" that was wrong on its
   face, since there are 42. The band already carries the title and an honest
   "Step 1 of 8", so the second copy goes.

   Result on the same eight steps: 8,113px, or 11.2 screens. Scoped to the
   question pages, so the results block is untouched, and it is one file for
   all fifteen calculators.
   ========================================================================== */

.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-group,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-group{
  display: grid !important;
  gap: 7px !important;
}
.ccl-assessment-tool--wrapper .ccl-ogrid-2{ grid-template-columns: repeat(2,1fr) !important; }
.ccl-assessment-tool--wrapper .ccl-ogrid-3{ grid-template-columns: repeat(3,1fr) !important; }

/* Three across is comfortable on a laptop and cramped on a handset, so the
   three-column groups fold to two rather than shrinking the target. */
@media (max-width: 640px){
  .ccl-assessment-tool--wrapper .ccl-ogrid-3{ grid-template-columns: repeat(2,1fr) !important; }
}

/* 46px keeps every option above the 44px minimum with room to spare - measured
   at 267px wide on a laptop and 172px on a handset. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--radio-option,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--checkbox-option{
  min-height: 46px !important;
  padding: 8px 13px !important;
  margin: 0 !important;
  border-radius: 9px !important;
}

.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-group{ margin-bottom: 18px !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-label{ margin-bottom: 8px !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--progress-header{
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* The step title and the question counter, repeated inside the step. The band
   above already says both, and says the count correctly. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-section .ccl-assessment-tool--question-number,
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-section .ccl-assessment-tool--section-title{
  display: none !important;
}

/* The 48px of air above the questions was holding up that title; without it the
   gap reads as a missing element rather than as space. */
.ccl-assessment-tool--wrapper .ccl-assessment-tool--form-container{ padding-top: 20px !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--calculator-grid{ padding-top: 18px !important; }
.ccl-assessment-tool--wrapper .ccl-assessment-tool--button-group{
  margin-top: 6px !important;
  padding-top: 0 !important;
}