/* assessment_start.css - New launch layout for assessments */
:root {
  --as-start-hero-max: 1040px;
}
.assessment-start {max-width: var(--as-start-hero-max); margin:0 auto; padding: var(--pf-t--global--spacer--2xl) var(--pf-t--global--spacer--lg);}
.assessment-start__hero {margin-bottom: var(--pf-t--global--spacer--2xl);} 
.assessment-start__hero-inner {display:flex; flex-direction:column; gap: var(--pf-t--global--spacer--2xl);} 
.assessment-start__hero-col--content {text-align:center;} 
.assessment-start__hero-col--media {display:flex; align-items:center; justify-content:center;} 
.assessment-start__logo {margin:0 auto var(--pf-t--global--spacer--lg); height:72px; display:flex; align-items:center; justify-content:center;}
.assessment-start__logo .logo-svg {height:100%; width:auto; max-width:420px;} 
.assessment-start__hero-title {margin-top:0;} 
.assessment-start__hero-media-wrapper {width:100%; max-width:640px;} 
.assessment-start__hero-media-aspect {position:relative; width:100%; aspect-ratio: 16/9; border-radius: var(--pf-t--global--border-radius--default); overflow:hidden; border:1px solid var(--pf-t--global--border-color--default); background: var(--pf-t--global--background-color--secondary);} 
.assessment-start__hero-media-aspect picture, .assessment-start__hero-media-aspect img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;} 
.assessment-start__hero-media-aspect img {filter:brightness(0.95) contrast(1.05);} 
.pf-v6-theme-dark .assessment-start__hero-media-aspect img {filter:brightness(1) contrast(1.1);} 
@media (min-width: 980px) { 
  .assessment-start__hero-inner {flex-direction:row; align-items:stretch;} 
  .assessment-start__hero-col {flex:1; display:flex; flex-direction:column; justify-content:center;} 
  .assessment-start__hero-col--content {text-align:left; padding-right: var(--pf-t--global--spacer--2xl);} 
  .assessment-start__logo {margin-left:0;} 
}
.assessment-start__subtitle {max-width: 760px; margin: var(--pf-t--global--spacer--md) auto 0; font-size:1.05rem; color: var(--pf-t--global--text--color--subtle);} 
.assessment-start__banner {margin: 0 auto var(--pf-t--global--spacer--lg); max-width: var(--as-start-hero-max);} 
/* Refined banner styling */
.assessment-start__banner {
  background: var(--pf-t--global--background-color--secondary);
  border: 1px solid var(--pf-t--global--border-color--default);
  border-left: 4px solid var(--pf-t--global--color--brand--default);
  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
  font-size: .75rem;
  letter-spacing: .2px;
  color: var(--pf-t--global--text--color--subtle);
  border-radius: var(--pf-t--global--border-radius--default);
}
.pf-v6-theme-dark .assessment-start__banner { background: var(--pf-t--global--background-color--tertiary); }

/* Stats strip */
.assessment-start__stats {display:grid; gap: var(--pf-t--global--spacer--md); grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); margin-bottom: var(--pf-t--global--spacer--2xl);} 
.assessment-start__stat {background: var(--pf-t--global--background-color--primary); border:1px solid var(--pf-t--global--border-color--default); border-radius: var(--pf-t--global--border-radius--default); padding: var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--lg); display:flex; align-items:center; gap: var(--pf-t--global--spacer--md);} 
.assessment-start__stat-icon {font-size:1.25rem; color: var(--pf-t--global--color--brand--default);} 
.assessment-start__stat-label {font-size:.75rem; text-transform:uppercase; letter-spacing:.5px; color: var(--pf-t--global--text--color--subtle);} 
.assessment-start__stat-value {font-weight:600; font-size:.95rem;} 

/* Categories */
.assessment-start__categories {margin-bottom: var(--pf-t--global--spacer--2xl);} 
.assessment-start__categories-grid {display:grid; gap: var(--pf-t--global--spacer--md); grid-template-columns: repeat(auto-fill,minmax(240px,1fr));} 
.assessment-start__category {background: var(--pf-t--global--background-color--secondary); border:1px solid var(--pf-t--global--border-color--default); border-radius: var(--pf-t--global--border-radius--default); padding: var(--pf-t--global--spacer--lg); position:relative; overflow:hidden; transition: background .25s,border-color .25s,transform .25s, box-shadow .25s; outline:none;} 
.assessment-start__category:hover,
.assessment-start__category:focus {border-color: var(--pf-t--global--color--brand--default); transform: translateY(-2px); background: var(--pf-t--global--background-color--primary); box-shadow:0 0 0 2px rgba(250,190,48,.25),0 2px 4px rgba(0,0,0,.3);} 
.assessment-start__category h3 {margin:0 0 var(--pf-t--global--spacer--sm); font-size:1rem;} 
.assessment-start__category p {margin:0; font-size:.8rem; line-height:1.3; color: var(--pf-t--global--text--color--subtle);} 

/* Outcomes */
.assessment-start__outcomes {margin-bottom: var(--pf-t--global--spacer--2xl);} 
.assessment-start__outcomes-grid {display:grid; gap: var(--pf-t--global--spacer--md); grid-template-columns: repeat(auto-fit,minmax(220px,1fr));} 
.assessment-start__outcome {background: var(--pf-t--global--background-color--primary); border:1px solid var(--pf-t--global--border-color--default); border-radius: var(--pf-t--global--border-radius--default); padding: var(--pf-t--global--spacer--lg); text-align:center; box-shadow: var(--pf-t--global--box-shadow--sm--shadow); transition:background .25s,border-color .25s,transform .25s, box-shadow .25s; outline:none;} 
.assessment-start__outcome:hover,
.assessment-start__outcome:focus {border-color: var(--pf-t--global--color--brand--default); background: var(--pf-t--global--background-color--secondary); box-shadow:0 0 0 2px rgba(250,190,48,.25),0 2px 4px rgba(0,0,0,.3); transform: translateY(-2px);} 
.assessment-start__outcome-icon {display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin:0 auto var(--pf-t--global--spacer--sm); border-radius:50%; background: rgba(250,190,48,0.08); box-shadow: inset 0 0 0 1px rgba(250,190,48,0.25); color: var(--pf-t--global--color--brand--default); font-size:1.45rem;} 
.assessment-start__outcome h4 {margin:0 0 var(--pf-t--global--spacer--xs); font-size:1rem;} 
.assessment-start__outcome p {margin:0; font-size:.75rem; color: var(--pf-t--global--text--color--subtle);} 

/* Actions */
.assessment-start__actions {display:flex; flex-direction:column; align-items:center; gap: var(--pf-t--global--spacer--md); margin-bottom: var(--pf-t--global--spacer--2xl);} 
.assessment-start__primary-group {display:flex; flex-wrap:wrap; gap: var(--pf-t--global--spacer--md); justify-content:center;} 
.assessment-start__primary-group .pf-v6-c-button {min-width:170px;} 
.assessment-start__secondary-links {display:flex; flex-wrap:wrap; gap: var(--pf-t--global--spacer--md); justify-content:center; font-size:.85rem;} 
.assessment-start__secondary-links a {text-decoration:none;} 

.assessment-start__back {text-align:center; font-size:.8rem; color: var(--pf-t--global--text--color--subtle);} 

/* Dark Theme Tweaks */
.pf-v6-theme-dark .assessment-start__stat,
.pf-v6-theme-dark .assessment-start__outcome {background: var(--pf-t--global--background-color--primary);} 
.pf-v6-theme-dark .assessment-start__category {background: var(--pf-t--global--background-color--secondary);} 

@media (max-width: 640px) { .assessment-start {padding: var(--pf-t--global--spacer--xl) var(--pf-t--global--spacer--md);} }
@media (max-width: 600px) { .assessment-start__stats {grid-template-columns: repeat(2,minmax(0,1fr));} }
.assessment-start h1.pf-v6-c-title,
.assessment-start section > h2.pf-v6-c-title {margin-bottom: var(--pf-t--global--spacer--md);}