.testing-recruitment{grid-column:1/-1}
.testing-recruitment{display:grid;grid-template-columns:1fr 340px;align-items:center;gap:24px;padding:32px 36px;margin:24px 0;border:1px solid var(--line,#d5e2e5);border-radius:24px;background:var(--panel,#f5faf9);color:var(--text,#213d4c);overflow:hidden;min-width:0}.testing-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--accent,#17695e)}.testing-recruitment h2{font-size:clamp(24px,3vw,34px);line-height:1.4;margin:10px 0}.testing-recruitment p{font-size:15px;line-height:1.9;max-width:540px;color:var(--muted,#5e7380)}.testing-requirements{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.testing-requirements span{font-size:12px;padding:5px 10px;border:1px solid var(--line,#d5e2e5);border-radius:20px}.testing-primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;border-radius:10px;background:var(--accent,#17695e);border:1px solid var(--accent,#17695e);color:var(--cta-text,#fff);padding:11px 20px;font:inherit;font-size:15px;text-decoration:none;cursor:pointer;box-sizing:border-box}.testing-recruitment-copy>small{display:block;font-size:12px;color:var(--muted,#5e7380);margin-top:12px}.testing-recruitment-visual{margin:0;min-width:0}.testing-phone-pair{display:flex;align-items:center;justify-content:center;gap:2px}.testing-phone-pair img{width:49%;height:auto;border-radius:12px;display:block}.testing-phone-pair img:first-child{transform:rotate(-5deg)}.testing-phone-pair img:last-child{transform:translateY(12px) rotate(5deg)}.testing-recruitment-visual figcaption{text-align:center;font-size:10px;color:var(--muted,#5e7380);margin-top:18px}.testing-main{max-width:1000px}.testing-main .testing-recruitment{grid-template-columns:1fr 270px;padding:24px}.testing-section{margin:24px 0}.testing-section h2{font-size:22px}.testing-section p{color:var(--muted,#5e7380)}.testing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.testing-grid label{display:grid;gap:7px;font-size:14px}.testing-grid .full{grid-column:1/-1}.testing-main input:not([type=checkbox]),.testing-main select,.testing-main textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--line,#cbd8df);border-radius:9px;color:inherit;background:var(--bg,#fff);font:inherit;font-size:16px;min-width:0}.testing-main textarea{resize:vertical}.testing-main input:read-only{background:#edf3f5}.testing-main .testing-check{display:flex;align-items:flex-start;gap:10px;line-height:1.8;font-size:14px;margin:16px 0}.testing-check input{flex:0 0 auto;width:18px;height:18px;margin-top:4px;accent-color:#17695e}.testing-consents{border:0;border-top:1px solid var(--line,#d5e2e5);margin:28px 0 0;padding:20px 0}.testing-consents legend{font-weight:700}.testing-check strong{display:block}.testing-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.testing-secondary{padding:10px 16px;min-height:44px;border:1px solid var(--line,#cbd8df);border-radius:9px;background:transparent;color:inherit;font:inherit;cursor:pointer}.testing-primary:focus-visible,.testing-secondary:focus-visible{outline:3px solid #269ed1;outline-offset:3px}.testing-main button:disabled{opacity:.55;cursor:wait}.testing-main [hidden]{display:none!important}.testing-status{display:block;min-height:24px;margin:16px 0;line-height:1.8}.testing-status[data-error=true]{color:#a52727}.testing-status-card{border-left:4px solid #17695e;background:#f0f7f5;border-radius:8px;padding:20px}.testing-status-card h3{margin-top:0}.testing-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.testing-facts div{display:grid;gap:5px}.testing-facts dt{font-size:12px;color:#5e7380}.testing-facts dd{margin:0;overflow-wrap:anywhere;font-size:15px}.testing-note{font-size:13px;line-height:1.9;color:var(--muted,#5e7380)}.testing-confirm{width:min(420px,calc(100vw - 40px));padding:24px;border:1px solid #cbd8df;border-radius:18px;font:inherit;color:#213d4c}.testing-confirm::backdrop{background:#07152388}.testing-confirm h2{font-size:20px}.testing-confirm p{line-height:1.8}#member-dialog[data-return-to=testing]{position:fixed;margin:auto}body:has(#member-dialog[open]){overflow:hidden}@media(max-width:760px){.testing-recruitment,.testing-main .testing-recruitment{grid-template-columns:1fr;padding:24px;gap:18px}.testing-recruitment-visual{max-width:340px;width:100%;justify-self:center}.testing-grid{grid-template-columns:1fr}.testing-facts{grid-template-columns:1fr 1fr}.testing-main .testing-recruitment-visual{max-width:270px}}@media(prefers-reduced-motion:reduce){.testing-phone-pair img{animation:none!important}}
/* Header entry stays visible when the desktop map fills the viewport. */
.testing-header-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--line,#cbd8df);border-radius:10px;background:transparent;color:var(--accent,#17695e);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}.testing-header-cta svg{width:20px;height:20px;flex:none}.testing-header-cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.testing-header-cta:hover{background:var(--tab-selected,#9bb0bf26)}
.testing-recruitment-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(900px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;border:1px solid var(--line,#cbd8df);border-radius:24px;padding:0;background:var(--panel,#f5faf9);color:var(--text,#213d4c);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #0005}.testing-recruitment-dialog::backdrop{background:#07152399;backdrop-filter:blur(6px)}.testing-recruitment-dialog .testing-recruitment{border:0;margin:0;padding:44px 36px 32px;grid-template-columns:minmax(0,1fr) 320px}.testing-recruitment-dialog .testing-recruitment h2{font-size:30px}.testing-recruitment-dialog #close-testing-recruitment{position:sticky;top:12px;z-index:1;display:grid;place-items:center;width:36px;height:36px;margin:12px 12px -48px auto;border:0;background:var(--panel,#f5faf9);color:var(--text,#213d4c);border-radius:8px;cursor:pointer}.testing-recruitment-dialog #close-testing-recruitment svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
body:has(.testing-recruitment-dialog[open]){overflow:hidden}
@media(max-width:760px){.testing-recruitment-dialog .testing-recruitment{grid-template-columns:1fr;padding:48px 24px 24px;gap:8px}.testing-recruitment-dialog .testing-recruitment h2{font-size:26px}.testing-recruitment-dialog .testing-recruitment-visual{max-width:300px}.testing-recruitment-dialog .testing-primary{width:100%}}
@media(max-width:600px){.testing-header-cta{width:40px;height:40px;min-height:40px;padding:0;border:0;color:var(--text,#213d4c)}.testing-header-cta span{display:none}.home-header{gap:8px}.home-header .home-actions{gap:2px}}

/* All testing actions use a solid, palette-aware accent. */
.testing-header-cta{background:var(--accent,#17695e);color:var(--cta-text,#fff);border-color:var(--accent,#17695e);font-weight:600}.testing-header-cta:hover{background:var(--accent,#17695e);filter:brightness(.94)}.testing-header-cta .testing-mobile-label{display:none}
@media(max-width:600px){.home-header .testing-header-cta{position:fixed;z-index:25;right:0;top:50%;transform:translateY(-50%);width:42px;height:auto;min-height:150px;padding:16px 10px;border:0;border-radius:14px 0 0 14px;background:var(--accent,#17695e);color:var(--cta-text,#fff);box-shadow:0 3px 16px #0003}.testing-header-cta svg,.testing-header-cta .testing-desktop-label{display:none}.testing-header-cta .testing-mobile-label{display:block;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.2em;font-size:14px;line-height:1.5}}

@media(max-width:600px){.home-header .testing-header-cta{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:190px;padding:14px 8px}.home-header .testing-header-cta svg{display:block;width:19px;height:19px}.testing-header-cta .testing-mobile-label{font-size:13px;letter-spacing:.12em}}

/* The introduction keeps the two real screenshots in an overlapping V. */
.testing-recruitment-dialog .testing-phone-pair{position:relative;isolation:isolate;aspect-ratio:.82;display:block;margin:0 auto;width:100%;overflow:visible}
.testing-recruitment-dialog .testing-phone-pair img{position:absolute;width:63%;height:auto;bottom:5%;left:3%;border-radius:0;transform-origin:50% 80%;--phone-angle:-14deg;transform:rotate(var(--phone-angle));opacity:0;filter:drop-shadow(0 14px 16px #0003);z-index:1}
.testing-recruitment-dialog .testing-phone-pair img:last-child{left:auto;right:2%;bottom:0;--phone-angle:13deg;transform:rotate(var(--phone-angle));z-index:2}
.testing-recruitment-dialog[open][data-phones=ready] .testing-phone-pair img{animation:testing-phone-enter .7s cubic-bezier(.2,.7,.25,1) both;animation-delay:.08s}
.testing-recruitment-dialog[open][data-phones=ready] .testing-phone-pair img:last-child{animation-delay:.34s}
@keyframes testing-phone-enter{from{opacity:0;transform:translateY(22px) rotate(var(--phone-angle))}to{opacity:1;transform:translateY(0) rotate(var(--phone-angle))}}
@media(prefers-reduced-motion:reduce){.testing-recruitment-dialog[open][data-phones=ready] .testing-phone-pair img{animation:none!important;opacity:1}}