:root{--navy:#071e42;--red:#df1720;--cream:#fff8e8;--ink:#0b1b36;--muted:#667086}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.content-header{min-height:104px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px clamp(22px,5vw,80px);border-bottom:2px solid var(--navy);background:#fffaf0;position:relative;z-index:5}.content-header img{width:min(420px,54vw);display:block}.content-header nav{display:flex;gap:26px;align-items:center}.content-header a,.content-footer a{color:var(--navy);font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.content-header nav a:last-child{background:var(--navy);color:white;padding:15px 18px;box-shadow:5px 5px 0 var(--red)}.content-page,.hub{width:min(1180px,calc(100% - 36px));margin:auto}.content-hero{display:grid;grid-template-columns:1fr 1fr;min-height:520px;border-left:2px solid var(--navy);border-right:2px solid var(--navy);background:#fff}.content-hero>div{padding:clamp(44px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.content-hero h1,.article-title h1,.hub-hero h1{font-family:Georgia,serif;font-size:clamp(3.4rem,8vw,7.4rem);line-height:.89;margin:.12em 0 .22em;letter-spacing:-.055em}.content-hero p,.article-title>p,.hub-hero>p{font-family:Georgia,serif;font-size:clamp(1.25rem,2.1vw,1.8rem);line-height:1.45}.content-hero img{width:100%;height:100%;object-fit:cover;min-height:520px}.eyebrow{font:900 .78rem/1 Arial,sans-serif!important;letter-spacing:.2em;color:var(--red);text-transform:uppercase}.article-body{max-width:760px;margin:0 auto;padding:70px 20px 90px;font-family:Georgia,serif;font-size:1.18rem;line-height:1.75}.article-body .lede{font-size:1.55rem;line-height:1.55}.article-body h2{font-family:Arial,sans-serif;font-size:2rem;line-height:1.1;margin:2.2em 0 .6em}.field-list{list-style:none;padding:0;border-top:2px solid var(--navy)}.field-list li{padding:20px 4px 20px 44px;border-bottom:1px solid #b7b2a6;position:relative}.field-list li:before{content:'★';position:absolute;left:5px;color:var(--red)}.content-join{margin:55px 0 0;background:var(--navy);color:white;padding:28px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;box-shadow:9px 9px 0 var(--red)}.content-join label{font:800 .75rem/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.content-join input{display:block;width:100%;margin-top:10px;padding:15px;border:2px solid white;background:white;font-size:1rem}.content-join button,.survey-panel button{min-height:50px;border:0;background:var(--red);color:white;padding:0 22px;font-weight:900;text-transform:uppercase;cursor:pointer}.content-join .form-note{grid-column:1/-1;margin:4px 0 0;font:500 .78rem/1.4 Arial,sans-serif;color:#cbd4e3}.related{padding:60px 0 90px;border-top:2px solid var(--navy)}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-grid a{min-height:220px;padding:24px;background:white;border:2px solid var(--navy);color:var(--ink);text-decoration:none;display:flex;flex-direction:column}.related-grid small,.hub-card small,.survey-grid small{color:var(--red);font-weight:900;letter-spacing:.12em}.related-grid strong{font:700 1.45rem/1.05 Georgia,serif;margin:28px 0 12px}.related-grid span{color:var(--muted);line-height:1.45}.article-title{max-width:980px;margin:0 auto;padding:90px 20px 55px;text-align:center}.article-title h1{font-size:clamp(3rem,7vw,6.5rem)}.article-title time{display:block;margin-top:25px;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:var(--muted)}.article-image{width:min(1180px,calc(100% - 36px));height:min(62vw,650px);margin:0 auto;border:2px solid var(--navy);box-shadow:12px 12px 0 var(--red)}.article-image img{width:100%;height:100%;object-fit:cover}.editor-note{margin-top:45px;border-left:8px solid var(--red);background:white;padding:25px 28px}.editor-note strong{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.editor-note p{margin-bottom:0}.hub-hero{padding:110px max(22px,calc((100vw - 1120px)/2));background:var(--navy);color:white}.hub-hero.red{background:var(--red)}.hub-hero h1{max-width:1000px}.hub-hero h1 em{color:var(--red);font-style:normal}.hub-hero.red h1 em{color:var(--navy)}.hub-hero>p{max-width:760px}.hub{padding:70px 0 110px}.hub>h2{font:900 clamp(2rem,4vw,4rem)/1 Arial,sans-serif;text-transform:uppercase;margin:1.8em 0 .55em}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hub-card{display:block;background:white;border:2px solid var(--navy);color:var(--ink);text-decoration:none;transition:transform .15s}.hub-card:hover{transform:translateY(-5px)}.hub-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.hub-card div{padding:22px}.hub-card h2{font:700 1.6rem/1.05 Georgia,serif;margin:.45em 0}.hub-card p{color:var(--muted);line-height:1.5}.survey-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.survey-grid a{padding:38px;background:white;border:2px solid var(--navy);box-shadow:8px 8px 0 var(--red);color:var(--ink);text-decoration:none}.survey-grid h2{font:700 2.2rem/1 Georgia,serif}.survey-grid p{font-size:1.1rem;line-height:1.5;color:var(--muted)}.survey-grid span{font-weight:900;text-transform:uppercase}.survey-panel{max-width:820px;margin:0 auto 100px;padding:42px;background:white;border:2px solid var(--navy);box-shadow:12px 12px 0 var(--red);display:grid;grid-template-columns:1.3fr .7fr;gap:35px}.survey-panel fieldset{border:0;padding:0;margin:0 0 25px}.survey-panel legend{font-weight:900;text-transform:uppercase;margin-bottom:18px}.survey-panel fieldset label{display:block}.survey-panel fieldset span{display:block;padding:15px 16px 15px 48px;border:1px solid #b6b8bf;margin-top:-1px;position:relative;cursor:pointer}.survey-panel input[type=radio]{position:absolute;opacity:0}.survey-panel input:checked+span{background:var(--navy);color:white}.survey-panel input:checked+span:before{content:'★';position:absolute;left:18px;color:var(--red)}.state-answer{display:block;font-weight:800;margin-bottom:18px}.state-answer input{width:100%;display:block;margin-top:8px;padding:14px}.survey-panel button{width:100%}.survey-panel .form-note{font-size:.8rem;color:var(--muted)}.survey-status{background:var(--cream);padding:24px;align-self:start}.survey-status strong{font-size:1.25rem}.survey-status p{line-height:1.55;color:var(--muted)}.content-footer{background:var(--navy);color:white;padding:45px clamp(22px,5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:22px}.content-footer a{color:white}.content-footer a:last-child{color:#ff4e55}
@media(max-width:850px){.content-header{grid-template-columns:1fr}.content-header nav{margin-top:18px;gap:13px;flex-wrap:wrap}.content-header nav a{font-size:.72rem}.content-hero{grid-template-columns:1fr}.content-hero img{min-height:320px}.hub-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}.survey-panel{grid-template-columns:1fr}.content-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.content-header img{width:82vw}.content-header nav a:last-child{padding:10px}.content-hero h1,.article-title h1,.hub-hero h1{font-size:3.2rem}.hub-grid,.related-grid,.survey-grid{grid-template-columns:1fr}.content-join{grid-template-columns:1fr}.article-body{font-size:1.06rem}.survey-panel{padding:22px}.content-footer{font-size:.8rem}}
.hub-hero h1{color:white}
.dating-test-shell{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:80px 0 110px}.test-intro{max-width:820px;margin:0 auto 48px;text-align:center}.test-intro h2{margin:.25em 0;font:900 clamp(2.8rem,6vw,5.6rem)/.92 Arial,sans-serif;text-transform:uppercase}.test-intro>p:last-child{max-width:700px;margin:20px auto 0;color:var(--muted);font:1.15rem/1.65 Georgia,serif}.dating-test-card{max-width:880px;margin:0 auto;background:white;border:3px solid var(--navy);box-shadow:14px 14px 0 var(--red)}.test-progress{padding:22px 28px;background:var(--navy);color:white;display:grid;grid-template-columns:1fr auto;gap:12px;font-size:.76rem;letter-spacing:.12em}.test-progress>div{grid-column:1/-1;height:7px;background:rgba(255,255,255,.2)}.test-progress>div span{display:block;width:9%;height:100%;background:var(--red);transition:width .25s ease}.dating-test-card form{padding:clamp(24px,5vw,55px)}.test-step{border:0;padding:0;margin:0}.test-step legend{display:block;width:100%;margin:0 0 28px;font:700 clamp(2rem,4vw,3.5rem)/1.02 Georgia,serif}.test-step legend small{display:block;margin-bottom:12px;color:var(--red);font:900 .72rem/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.test-step label:not(.test-select-label){display:block}.test-step input[type=radio]{position:absolute;opacity:0}.test-step label span{display:block;position:relative;margin-top:-1px;padding:17px 18px 17px 52px;border:1px solid #b6b8bf;cursor:pointer;font-weight:700}.test-step label span:before{content:'';position:absolute;left:18px;top:50%;width:16px;height:16px;border:2px solid var(--navy);border-radius:50%;transform:translateY(-50%)}.test-step input:checked+span{background:var(--navy);color:white}.test-step input:checked+span:before{background:var(--red);border-color:white;box-shadow:inset 0 0 0 3px var(--navy)}.test-select-label{display:block;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.test-select-label select{display:block;width:100%;margin-top:12px;padding:17px;border:2px solid var(--navy);background:white;color:var(--navy);font-size:1rem}.test-context{color:var(--muted);font-size:.9rem}.test-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px}.test-actions button{min-height:52px;padding:0 24px;border:2px solid var(--navy);background:var(--navy);color:white;font-weight:900;text-transform:uppercase;cursor:pointer}.test-actions .test-back{margin-right:auto;background:white;color:var(--navy)}.test-actions .test-submit{background:var(--red);border-color:var(--red)}.dating-test-card .form-note{margin:20px 0 0;color:var(--muted);font-size:.82rem}.test-complete{padding:70px 40px;text-align:center}.test-complete>span{color:var(--red);font-size:3rem}.test-complete h2{margin:.25em 0;font:900 clamp(2.5rem,6vw,5rem)/.92 Arial,sans-serif;text-transform:uppercase}.test-complete p{font:1.25rem/1.5 Georgia,serif}.test-complete a{display:inline-block;margin-top:12px;color:var(--navy);font-weight:900;text-transform:uppercase}.research-promise{display:grid;grid-template-columns:1fr 1fr;max-width:880px;margin:55px auto 0;border-top:2px solid var(--navy);border-left:2px solid var(--navy)}.research-promise>div{padding:25px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy)}.research-promise strong{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.research-promise p{margin-bottom:0;color:var(--muted);line-height:1.5}
@media(max-width:560px){.dating-test-shell{padding-top:55px}.test-actions{flex-wrap:wrap}.test-actions button{flex:1}.test-actions .test-back{flex:0 0 100%;order:2}.research-promise{grid-template-columns:1fr}.dating-test-card{box-shadow:8px 8px 0 var(--red)}}
.test-step[hidden],.test-complete[hidden],.test-actions button[hidden],.dating-test-card form[hidden]{display:none!important}