@charset "utf-8";
.hero-research {background:url("/about/images/research.webp");}
.hero-research {
background-size: contain;
background-repeat:no-repeat; 
background-position:center bottom;
}
/* INFO PANEL GRID, Pages: about/research, tools/menu
--------------------------------------------------------------------------------------------------*/
.info-panel-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
}
.info-panel-section {
padding:20px;
background:#F2F7FA;
border:1px solid #D6E2E8;
border-radius:20px;
}
.info-panel-section h2 {
margin:0 0 14px;
color:var(--wowi-blue);
font-size:1.2rem;
line-height:1.2;
}
.info-panel-section p {
margin:0 0 14px;
font-size:1.15rem;
line-height:1.2;
}
.info-panel-card {
display:grid;
grid-template-columns:50px minmax(0, 1fr);
gap:16px;
align-items:start;
padding:16px;
background:#fff;
border:1px solid #D6E2E8;
border-radius:16px;
text-decoration:none;
transition:
transform .18s ease,
border-color .18s ease,
box-shadow .18s ease;
}
.info-panel-card-simple {
align-items:center;
}
.info-panel-card + .info-panel-card {
margin-top:12px;
}
.info-panel-card:hover,
.info-panel-card:focus {
transform:translateY(-2px);
border-color:var(--wowi-green);
box-shadow:0 6px 16px rgba(46,72,87,.08);
}
.info-number {
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
background:#E7EEF2;
border-radius:14px;
color:var(--wowi-blue);
font-size:.9rem;
font-weight:800;
}
.info-content h3 {
margin:0 0 5px;
color:var(--wowi-blue);
font-size:1.02rem;
line-height:1.2;
}
.info-content p {
margin:0;
color:#4f6470;
font-size:.95rem;
line-height:1.4;
}

.research-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem;
}
.research-card {
display: flex;
flex-direction: column;
padding: 1.5rem;
background: #fff;
border: 1px solid #d6e2e8;
border-left: 6px solid var(--wowi-blue);
border-radius: 18px;
box-shadow: 0 10px 24px rgba(46, 72, 87, .07);
}
.research-type {
display: inline-block;
width: fit-content;
margin-bottom: .85rem;
padding: .25rem .65rem;
font-size: .78rem;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--wowi-blue);
background: #eef5f8;
border-radius: 999px;
}
.research-card h2 {
margin: 0 0 .75rem;
color: var(--wowi-blue);
font-size: 1.25rem;
line-height: 1.25;
}
.research-card h2 span {
white-space: nowrap;
}
.research-card p {
margin: 0 0 1.25rem;
line-height: 1.55;
}
.research-link {
margin-top: auto;
font-weight: 700;
color: var(--wowi-blue);
text-decoration: none;
}
.research-link:hover,
.research-link:focus {
text-decoration: underline;
}	
/* RESEARCH TABLE (Page:about/research)
--------------------------------------------------------------------------------------------------*/
table.research-other {
width:100%;
border:1px solid #D6E2E8;
border-collapse:separate;
border-spacing:0;
border-radius:20px;
overflow:hidden;
background:#fff;
}
table.research-other th {
background-color:var(--wowi-blue);
color:#fff;
padding:16px 20px;
text-align:left;
}
table.research-other td {
padding:18px 24px;
border-bottom:1px solid #D6E2E8;
vertical-align:top;
line-height:1.5;
}
table.research-other tr:last-child td {
border-bottom:none;
}
table.research-other tr:nth-child(even) {
background-color:#F2F7FA;
}
table.research-other td:nth-child(1) {
white-space:nowrap;
width:130px;
font-weight:700;
color:var(--wowi-blue);
}
table.research-other a {
color:var(--wowi-blue);
text-decoration:none;
font-weight:600;
}
table.research-other a:hover {
text-decoration:underline;
}
/* WIDE TABLES - Tablet, Pages:about/tables/table#, about/norms
--------------------------------------------------------------------------------------------------*/
.table-container {
min-width: 0;
margin-top: .5em;
margin-bottom: 2em;
}
/* Top scrollbar */
.table-scroll-top {
overflow-x: auto;
overflow-y: hidden;
height: 16px;
margin-bottom: 0;
-webkit-overflow-scrolling: touch;
}
/* This creates the scrollbar width */
.table-scroll-inner {
height: 1px;
}
/* Table scrollbar */
.table-scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/* Keep table width */
.table-scroll table {
 overflow-x: auto;
}
/* RESEARCH TABLE (Page:about/tables/table1-11, about/tables/validitytable1-3, about/tables/workforce_table.php)
--------------------------------------------------------------------------------------------------*/
.table-card {
background: #fff;
border: 1px solid #D9E4EA;
border-radius:20px;
overflow:hidden;
box-shadow: 0 8px 24px rgba(46,72,87,.04);
padding: 1.5rem;
margin-bottom: 3em;
}
.table-card-simple {
margin-top: 3rem;
}
table.research {
min-width: 100%;
border-collapse: separate;
border-spacing: 0;
margin-bottom: 2em;
}
table.research caption {
caption-side: top;
padding:
1.35rem
1.5rem
1rem;
background: #fff;
font-size: clamp(1.35rem, 2vw, 1.7rem);
font-weight: 700;
line-height: 1.2;
text-align: left;
color: var(--wowi-blue);
}
table.research thead th {
padding: 1rem 1.15rem;
text-align: left;
font-size: .98rem;
line-height: 1.3;
border-bottom: 1px solid #D9E4EA;
}
/* PRIMARY HEADER */
table.research thead tr:first-child th:first-child {
background: #466676;
color: #fff;
font-weight: 700;
}
/* SECOND HEADER */
table.research thead tr:first-child th:not(:first-child) {
background: #EDF3F6;
color: var(--wowi-blue);
font-weight: 700;
}
table.research tbody td {
padding: .9rem 1.15rem;
border-bottom: 1px solid #E7EDF1;
font-size: 1rem;
line-height: 1.45;
}
/* REMOVE LAST BORDER */
table.research tbody tr:last-child td {
border-bottom: none;
}
/* STRIPING */
table.research tbody tr:nth-child(even) {
background: #FAFCFD;
}
table.research tbody tr:hover {
background: #F2F7FA;
}
/* VALUE COLUMN */
table.research tbody td:last-child {
white-space: nowrap;
}
/* SECTION ROWS */
table.research td[colspan] {
background: #F4F7F9;
font-weight: 600;
color: #48606D;
}
table.research tfoot th,
table.research tfoot td {
padding: 1rem 1.15rem;
border-top: 2px solid #D9E4EA;
background: #F4F7F9;
font-weight: 700;
color: var(--wowi-blue);
text-align: left;
}
/* RESEARCH RELIABILTIY - Page: about/tables/reliability-split-half
------------------------------------------------------------------------------*/
.research-intro {
margin: 0 auto;
padding-top: clamp(2rem, 4vw, 3rem);
padding-bottom: 1em;
}
.research-intro h1 {
font-size: clamp(2.2rem, 5vw, 3.5rem);
line-height: 1.08;
margin-bottom: 1rem;
color: var(--wowi-blue);
}
.research-intro h2 {
font-size: clamp(1.45rem, 3vw, 2.25rem);
line-height: 1.25;
max-width: 1050px;
margin-bottom: clamp(2rem, 4vw, 3rem);
color: var(--wowi-blue);
font-weight: 600;
}
.research-intro-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;
margin-bottom: 1.25rem;
}
.research-info-grid {
margin-top: 1em;
display: grid;
gap: 1.25rem;
}
.research-info-card {
background: #F7FAFB;
border: 1px solid #D9E4EA;
border-radius: 18px;
padding: 1.5rem;
}
.research-info-card h3 {
font-size: 1.2rem;
margin-bottom: .75rem;
color: var(--wowi-blue);
}
.research-info-card p {
font-size: 1rem;
line-height: 1.65;
margin-bottom: .9rem;
}
.research-info-card p:last-child {
margin-bottom: 0;
}
.research-sample-strip {
display: flex;
flex-wrap: wrap;
gap: .65rem;
align-items: center;
background: #fff;
border: 1px solid #D9E4EA;
border-radius: 16px;
padding: .9rem 1rem;
font-family: 'Open Sans';
font-weight: 400;
font-style: normal;
font-size: .95rem;
line-height: 1.4;
margin-bottom: 0;
}
.research-sample-strip span,
.research-sample-strip strong {
background: #F2F7FA;
border-radius: 999px;
padding: .45rem .75rem;
font-size: 0.9rem;
}
.research-sample-strip strong {
color: var(--wowi-blue);
}

/* VALIDITY - Page: about/validity
------------------------------------------------------------------------------*/
.validity-step-card {
position: relative;
margin-bottom: 1.5rem;
padding: clamp(1.5rem, 3vw, 2rem);
}
.validity-step-header {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
gap: 1rem;
align-items: center;
margin-bottom: 1rem;
}
.validity-step-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 14px;
background: #E6EEF3;
color: var(--wowi-blue);
font-weight: 800;
font-size: .9rem;
}
.validity-step-header h3 {
margin: 0;
color: var(--wowi-blue);
font-size: clamp(1.2rem, 2vw, 1.45rem);
line-height: 1.25;
}
.validity-table-link {
margin: 1.25rem 0;
font-weight: 700;
break-inside: avoid;
}
.validity-table-link a {
color: var(--wowi-blue);
}
.validity-text-columns {
column-count: 2;
column-gap: clamp(2rem, 5vw, 4rem);
column-rule: 1px solid #D9E3E8;
}
.validity-text-columns p {
font-size:1rem;
break-inside: avoid;
margin-top: 0;
margin-bottom: 1.25rem;
line-height: 1.7;
}
/* ROI - Page: about/workforce
------------------------------------------------------------------------------*/
.study-brief {
  background: #f6f8fa;
  border: 1px solid #d9e1e6;
  border-radius: 22px;
padding:2em;
margin-bottom: 2em;
}

.study-label {
  margin: 0 0 .75rem;
  color: #5f6f7a;
  font-size: .85rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.study-brief h2 {
  margin: 0 0 1rem;
  color: #24313a;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.05;
}

.study-lede {
  max-width: 850px;
  margin: 0;
  color: #5f6f7a;
  font-size: 1.2rem;
  line-height: 1.55;
}

.study-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-top: 2rem;
}

.study-stats div {
  padding: 1.25rem;
  background: #fff;
  border: 1px solid #d9e1e6;
  border-radius: 16px;
}

.study-stats strong {
  display: block;
  color: #24313a;
  font-size: 2rem;
  line-height: 1;
}

.study-stats span {
  display: block;
  margin-top: .5rem;
  color: #5f6f7a;
}
/* Study sections */
.study-section {
  padding: 2rem 0;
  border-top: 1px solid #d9e1e6;
}
.study-section-first {
  border-top: none;
  padding-top: 0;
}
.study-section h3 {
  margin: 0 0 1rem;
  color: #24313a;
  font-size: 1.6rem;
}

.study-section p {
  color: #24313a;
  line-height: 1.65;
}
.findings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
margin-bottom: 2em;
}

.finding-card {
  padding: 1.5rem;
  background: #fff;
  border: 1px solid #d9e1e6;
  border-radius: 18px;
}

.finding-card h4 {
text-align: left;
  margin: 0 0 .75rem;
  font-size: 1.1rem;
}

.finding-card p {
  margin: 0;
  line-height: 1.6;
}
details {
  margin-bottom: 1rem;
  border: 1px solid #d9e1e6;
  border-radius: 12px;
  background: #fff;
}

summary {
  padding: 1rem 1.25rem;
  cursor: pointer;
  font-weight: 600;
}

details p {
  padding: 0 1.25rem 1rem;
  margin: 0;
}


/* =============================================================================
  MOBILE and SMALL TABLET
================================================================================ */
@media (max-width: 767px) {
	
.research-info-grid,
.research-intro-grid {
grid-template-columns: 1fr;
}	
	
}

/* =============================================================================
  TABLET and UP
================================================================================ */
@media (min-width:768px) {
	
.research-info-grid {
grid-template-columns: 1fr;
}

}	
/* =============================================================================
  DESKTOP
================================================================================ */ 
@media (min-width: 1366px) {
.research-info-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

}

/* =============================================================================
  PRINT
================================================================================ */ 
@media print {
	
}