.comparison-page{max-width:1180px;padding:clamp(58px, 8vw, 100px) var(--gutter) 120px;margin:auto}.comparison-page>header{max-width:940px}.comparison-page h1{letter-spacing:-.052em;margin:18px 0 28px;font:500 clamp(3.4rem,7vw,7rem)/.92 Newsreader,serif}.comparison-modes{border:1px solid var(--line);grid-template-columns:1fr 1fr;margin:75px 0;display:grid}.comparison-modes article{padding:clamp(28px,4vw,48px)}.comparison-modes article+article{border-left:1px solid var(--line)}.comparison-modes span{color:var(--gold);font-family:Newsreader,serif}.comparison-modes h2,.comparison-output-map h2{margin:26px 0 16px;font:500 clamp(2rem,3.6vw,3.5rem)/1 Newsreader,serif}.comparison-modes p{min-height:82px;color:var(--muted);line-height:1.65}.comparison-output-map{border-top:3px solid var(--ink);grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,100px);padding:70px 0;display:grid}.comparison-output-map ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.comparison-output-map li{border-bottom:1px solid var(--line);gap:7px;padding:20px 0;display:grid}.comparison-output-map li strong{font:600 1.3rem Newsreader,serif}.comparison-output-map li span{color:var(--muted);line-height:1.55}.comparison-warning{background:var(--wine);max-width:830px;color:var(--on-accent);padding:28px}.comparison-warning strong{font:600 1.55rem Newsreader,serif}.comparison-warning p{color:color-mix(in srgb, var(--on-accent) 82%, transparent);margin-bottom:0;line-height:1.65}.comparison-page .comparison-warning strong{color:var(--on-accent)}.comparison-page .comparison-warning p{color:color-mix(in srgb, var(--on-accent) 82%, transparent)}.invite-result{border:1px solid var(--line);background:var(--paper-deep);gap:10px;margin-top:22px;padding:18px;display:grid}.invite-result p{min-height:0;margin:0}.invite-result label{gap:7px;font-size:.78rem;font-weight:700;display:grid}.invite-result input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);padding:10px}.invite-result button{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;justify-self:start;padding:8px 12px}.comparison-modes article>.button+.button,.comparison-modes article>.invite-result+.button{margin-top:12px}.pair-privacy-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px;display:flex}.pair-privacy-actions button{color:var(--wine);cursor:pointer;background:0 0;border:0;text-decoration:underline}.pair-privacy-actions button:disabled{opacity:.55;cursor:wait}.matrix-results{border:1px solid var(--line);border-top:4px solid var(--wine);background:var(--surface);margin:70px 0;padding:clamp(28px,5vw,58px)}.matrix-results h2{margin:18px 0;font:500 clamp(2.5rem,5vw,5rem)/1 Newsreader,serif}.matrix-summary{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:34px 0;display:grid}.matrix-summary span{border-right:1px solid var(--line);color:var(--muted);gap:7px;padding:18px;display:grid}.matrix-summary span:last-child{border-right:0}.matrix-summary strong{color:var(--ink);font:600 2rem Newsreader,serif}.matrix-table{border-top:1px solid var(--line)}.matrix-visual{flex-wrap:wrap;gap:10px;margin:30px 0 38px;display:flex}.matrix-chip{border:1px solid var(--line);background:var(--paper-deep);color:var(--ink);padding:10px 13px;font-size:.82rem}.matrix-chip.matrix-different_texture{border-left:4px solid var(--gold)}.matrix-chart,.response-bars{gap:13px;margin:30px 0 38px;display:grid}.matrix-chart>div,.response-bar{grid-template-columns:minmax(150px,.8fr) minmax(160px,2fr) 34px;align-items:center;gap:14px;display:grid}.matrix-chart span,.response-bar span{color:var(--muted);font-size:.78rem}.matrix-chart i,.response-bar i{background:var(--paper-deep);border:1px solid var(--line);height:12px;display:block}.matrix-chart b,.response-bar b{background:var(--wine);min-width:2px;height:100%;display:block}.matrix-chart strong,.response-bar strong{text-align:right}.matrix-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(210px,1fr) minmax(240px,1.4fr);align-items:center;gap:18px;padding:16px 10px;display:grid}.matrix-head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.matrix-boundary,.matrix-one_person_not_interested{box-shadow:inset 4px 0 var(--wine)}.matrix-warnings{color:var(--muted);margin:30px 0 0;padding-left:20px;line-height:1.7}.pair-save-panel{border:1px solid var(--line);border-left:4px solid var(--wine);background:var(--surface);margin:28px 0;padding:22px}.pair-save-panel>strong{font:600 1.4rem Newsreader,serif}.solo-response-report{border:1px solid var(--line);background:var(--surface);grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,70px);margin:34px 0;padding:clamp(24px,4vw,42px);display:grid}.solo-response-report h3{margin:14px 0;font:500 clamp(2rem,3.4vw,3.2rem)/1 Newsreader,serif}.solo-response-report p{color:var(--muted);line-height:1.6}.response-HL b{background:var(--wine)}.response-A b,.response-T b{background:var(--gold)}.kink-written-report{border-top:3px solid var(--ink);margin:42px 0}.kink-written-report>h3{margin:12px 0 28px;font:500 clamp(2rem,4vw,3.5rem)/1 Newsreader,serif}.kink-written-report article{border-top:1px solid var(--line);grid-template-columns:55px 1fr;gap:18px;padding:25px 0;display:grid}.kink-written-report article>span{color:var(--gold);font:500 1.5rem Newsreader,serif}.kink-written-report h4{margin:0 0 10px;font:600 1.3rem Newsreader,serif}.kink-written-report p,.kink-written-report li{max-width:780px;color:var(--muted);line-height:1.6}.kink-written-report ul{padding-left:20px}@media (width<=600px){.kink-written-report article{grid-template-columns:36px 1fr;gap:10px}}@media (width<=760px){.comparison-page{padding-inline:20px}.comparison-modes,.comparison-output-map{grid-template-columns:1fr}.comparison-modes article+article{border-left:0;border-top:1px solid var(--line)}.comparison-modes p{min-height:0}.comparison-output-map{gap:24px;padding:48px 0}.matrix-summary{grid-template-columns:1fr 1fr}.matrix-summary span:nth-child(2){border-right:0}.matrix-summary span:nth-child(-n+2){border-bottom:1px solid var(--line)}.matrix-row{grid-template-columns:1fr 1fr;gap:8px 16px}.matrix-head{display:none}.matrix-row span:first-child{grid-column:1/-1;font-weight:700}.solo-response-report{grid-template-columns:1fr}.matrix-chart>div,.response-bar{grid-template-columns:minmax(110px,.9fr) minmax(90px,1.5fr) 28px}}