/* Test library, using the shared test and role page palette. */
.tc-editorial--test-index .tv2-breadcrumb ol { justify-content:flex-start!important; text-align:left!important; }
.tc-tests-hub-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center; padding:28px 0 16px; }
.tc-tests-hub-hero-grid .tv2-hero__h1 { font-size:clamp(38px,4.4vw,54px); line-height:1.1; }
.tc-tests-hub-hero-grid .tv2-hero__ctas { justify-content:flex-start; gap:20px; flex-wrap:wrap; }
.tc-tests-hub-hero-grid .tv2-hero__intro { font-size:18px; max-width:550px; }
.tc-tests-builder { background:#fff; color:#1b1c40; padding:30px; border-radius:18px; border:1px solid #e0e6eb; transform:rotate(1deg); }
.tc-tests-builder-top { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:10px; letter-spacing:.1em; font-weight:700; }
.tc-tests-builder-badge { background:#e7f3ed; color:#267d63; padding:7px 9px; border-radius:5px; letter-spacing:0; font-weight:400; }
.tc-tests-builder h2 { color:#1b1c40; font-size:26px; line-height:1.2; margin:24px 0 10px; }
.tc-tests-builder p { font-size:14px; color:#526079; }
.tc-tests-builder ul { list-style:none; padding:0; margin:26px 0; }
.tc-tests-builder li { display:flex; align-items:center; gap:12px; padding:15px 0; border-top:1px solid #e0e6eb; font-size:14px; }
.tc-tests-builder li > span:last-child { margin-left:auto; color:#526079; font-size:12px; white-space:nowrap; }
.tc-tests-builder-check { display:grid; place-items:center; width:26px; height:26px; flex:none; border-radius:50%; color:#267d63; background:#e7f3ed; }
.tc-tests-builder-bottom { display:flex; justify-content:space-between; background:#f1f6f3; border-radius:8px; padding:15px; font-size:14px; }
.tc-tests-builder .tc-tests-builder-note { margin:16px 0 0; font-size:12px; }
.tc-tests-hub-hero .tv2-btn--ghost { color:#fff!important; }
.tc-editorial--test-index .tc-tests-categories { gap:20px; }
.tc-editorial--test-index .tc-tests-categories > a { padding:26px; border:1px solid #dce3eb; border-radius:14px; background:#f1f6f3; align-items:flex-start; }
.tc-editorial--test-index .tc-tests-categories > a:nth-child(3n+2) { background:#f2f5fa; }
.tc-editorial--test-index .tc-tests-categories > a:nth-child(3n) { background:#f5f2fa; }
.tc-tests-try { background:#f1f5f3; }
.tc-tests-demo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.tc-tests-demo-grid > a { display:flex; flex-direction:column; padding:28px; background:#fff; border:1px solid #dce3eb; border-radius:14px; text-decoration:none; color:#1b1c40; }
.tc-tests-demo-grid h3,.tc-tests-guide h3 { font-size:22px; line-height:1.3; }
.tc-tests-demo-grid p,.tc-tests-guide p { color:#526079; font-size:16px; line-height:1.7; }
.tc-tests-demo-grid .tc-card-action { margin-top:auto; }
.tc-tests-guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; margin-top:32px; }
.tc-tests-guide-steps article { display:flex; gap:20px; padding:22px 0; border-bottom:1px solid #dce3eb; }
.tc-tests-guide-steps article:first-child { padding-top:0; }
.tc-tests-guide-steps article > span { color:#267d63; font-size:12px; padding-top:7px; }
.tc-tests-guide-steps h3 { margin:0 0 10px; }.tc-tests-guide-steps p { margin:0; }
.tc-tests-hub-faq { display:grid; grid-template-columns:1fr 1fr; gap:0 40px; margin-top:30px; align-items:start; }
.tc-tests-hub-faq details { border-bottom:1px solid #dce3eb; padding:20px 0; }.tc-tests-hub-faq summary { cursor:pointer; font-weight:700; }.tc-tests-hub-faq p { color:#526079; font-size:15px; line-height:1.7; }
@media(max-width:900px) { .tc-tests-hub-hero-grid { gap:30px; }.tc-tests-builder { padding:22px; } }
@media(max-width:720px) { .tc-tests-hub-hero-grid,.tc-tests-guide-grid,.tc-tests-demo-grid,.tc-tests-hub-faq { grid-template-columns:1fr; }.tc-tests-builder { transform:none; }.tc-tests-hub-hero-grid { padding-top:16px; }.tc-tests-guide-grid { gap:28px; }.tc-editorial--test-index .tc-tests-categories > a { padding:20px; }.tc-tests-hub-hero-grid .tv2-hero__h1 { font-size:38px; } }

/* The two routes are the primary choices in the library. */
.tc-tests-choice { padding-top:48px; padding-bottom:48px; }
.tc-tests-routes .tc-tests-route { display:flex; flex-direction:column; padding:34px; border:1px solid #d9e3df; border-radius:16px; background:#fff; color:#1b1c40; }
.tc-tests-routes .tc-tests-route--roles { background:#1b1c40; color:#fff; border-color:#1b1c40; }
.tc-tests-route-stat { display:flex; align-items:center; gap:18px; margin-bottom:24px; }
.tc-tests-route-stat > strong { color:#2ED18A; font-size:64px; line-height:1; font-weight:600; letter-spacing:-3px; }
.tc-tests-route--roles .tc-tests-route-stat > strong { color:#3ddc97; }
.tc-tests-route-stat strong span { font-size:40px; letter-spacing:-1px; }
.tc-tests-route-stat > span { max-width:130px; font-size:14px; line-height:1.5; }
.tc-tests-routes .tc-tests-route h2 { color:inherit; font-size:32px; line-height:1.2; margin:0 0 14px; }
.tc-tests-route .tc-tests-route-lead { color:inherit; font-size:18px; font-weight:600; line-height:1.5; margin:0 0 12px; }
.tc-tests-route .tc-tests-route-description { font-size:15px; line-height:1.7; color:#526079; margin:0; }
.tc-tests-route--roles .tc-tests-route-description { color:#d0d3e3; }
.tc-tests-route-tags { display:flex; flex-wrap:wrap; gap:7px; list-style:none; padding:0; margin:20px 0 24px; }
.tc-tests-route-tags li { font-size:12px; line-height:1.4; border:1px solid #d4e2da; background:#ffffff80; border-radius:5px; padding:5px 9px; }
.tc-tests-route--roles .tc-tests-route-tags li { border-color:#ffffff30; background:#ffffff08; color:#e1e4ee; }
.tc-tests-route-how { margin-top:auto; padding-top:22px; border-top:1px solid #d4e2da; }
.tc-tests-route--roles .tc-tests-route-how { border-color:#ffffff30; }
.tc-tests-route-how h3 { font-size:16px; font-weight:600; color:inherit; margin:0 0 12px; }
.tc-tests-route-how ol { list-style:decimal; padding-left:20px; margin:0; }
.tc-tests-route-how li { padding:4px 0 4px 5px; font-size:14px; line-height:1.5; }
.tc-tests-route-how li::marker { color:#267d63; font-weight:600; }
.tc-tests-route--roles .tc-tests-route-how li::marker { color:#3ddc97; }
.tc-marketing .tc-tests-route .tc-tests-route-link { align-self:flex-start; margin-top:24px; color:inherit; font-size:16px; font-weight:600; line-height:1.5; text-decoration:none; border-bottom:2px solid #26cc88; padding-bottom:3px; }
.tc-tests-route-link:hover { opacity:.8; }
.tc-tests-route-link:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media(max-width:900px) { .tc-tests-routes .tc-tests-route { padding:26px; } .tc-tests-route .tc-tests-route-lead { font-size:17px; } }
@media(max-width:720px) { .tc-tests-choice { padding-top:32px; padding-bottom:32px; } .tc-tests-route-stat > strong { font-size:56px; } .tc-tests-route-stat { margin-bottom:20px; } }