.relationships-page .check-symbol{background:#f8eaf0;color:#a66f88}
.relationships-page .check-intro{background:linear-gradient(150deg,var(--check-card) 65%,#fcf0f4)}
.relationships-page #relation-question{scroll-margin-top:100px}.relationships-page #relation-prompt{font-size:14px;line-height:1.7;color:var(--text-muted);margin:18px 0 24px}.relationships-page #relation-error{min-height:20px;font-size:13px;color:#b7425b;margin:14px 0 8px}
.relationships-page .nav-choice-summary h3{margin-bottom:12px}.relationships-page .relation-choice{font-size:22px;line-height:1.4;font-weight:700;margin:0 0 14px}.relationships-page .result-reflection{margin-top:20px}.relationships-page .nav-choice-summary{background:linear-gradient(135deg,var(--check-card),var(--check-soft))}
.relation-question{display:flex;gap:15px;border-top:1px solid var(--check-line);padding-top:22px;margin-top:24px}.relation-question i{color:var(--check-purple);font-size:23px}.relation-question p{font-size:16px;line-height:1.7;margin:0}
.relation-focus{padding:30px;border:1px solid var(--check-line);border-radius:24px;background:var(--check-soft)}.relation-focus>p{font-size:21px;line-height:1.65;margin:15px 0 0}.relationships-page .check-safety p{font-size:15px}
html[data-theme="dark"] .relationships-page .check-intro{background:linear-gradient(145deg,var(--check-card),#302635)}html[data-theme="dark"] .relationships-page .check-symbol{background:#443142;color:#e5b0c8}
@media(max-width:700px){.relation-focus{padding:22px}.relation-focus>p{font-size:18px}.relationships-page .relation-choice{font-size:20px}.relationships-page .check-intro .check-button{font-size:14px;padding:14px 12px}}
.reflection-page--saying-no .check-intro{background:linear-gradient(150deg,var(--check-card) 55%,var(--check-soft))}
.reflection-page--saying-no .check-symbol{background:#e5f1ed;color:#477d70}
.reflection-page--self-criticism .check-symbol{background:#f0eaff;color:#7961b7}
.relationships-page .result-explainer + .result-explainer{margin-top:12px}
html[data-theme="dark"] .reflection-page--saying-no .check-symbol{background:#233f39;color:#b1ddd0}
html[data-theme="dark"] .reflection-page--self-criticism .check-symbol{background:#3a3051;color:#d3c0ff}

/* A reflection result has an explanation, a chosen step and a separate reading shelf. */
.relation-summary{padding:30px;background:var(--check-card);border:1px solid var(--check-line);border-radius:22px}
.relationships-page .relation-summary .relation-choice{font-size:25px;line-height:1.35;letter-spacing:-.02em;margin:13px 0 23px}
.relation-meaning{border-top:1px solid var(--check-line);padding-top:22px}
.relation-meaning>h3{font-size:17px;line-height:1.4;margin:0 0 12px}
.relationships-page .relation-meaning .result-reflection{font-size:15px;line-height:1.8;margin:0}
.relation-selections{border-top:1px solid var(--check-line);padding:4px 0 0;margin-top:23px}
.relation-selections summary{font-size:13px;color:var(--check-purple)}
.relation-selections dl{margin:8px 0 10px;display:grid;gap:15px}.relation-selections dl>div{display:grid;grid-template-columns:130px 1fr;gap:18px}.relation-selections dt{font-size:12px;color:var(--text-muted)}.relation-selections dd{font-size:14px;line-height:1.6;margin:0}
.relationships-page .result-overview>.result-reflection{margin-top:0;font-size:15px;line-height:1.8}
.relation-question{gap:12px;padding-top:20px;margin-top:20px}.relation-question i{font-size:20px}.relation-question p{font-size:15px}
.relationships-page .relation-focus{position:relative;border-radius:20px;padding:27px 28px 27px 66px;border-left:3px solid var(--check-purple);background:var(--check-soft)}
.relation-focus-icon{position:absolute;left:25px;top:25px;color:var(--check-purple);font-size:22px}
.relationships-page .relation-focus>p{font-size:20px;line-height:1.7;margin-top:14px}
.relationships-page .result-explainer:not(.relation-selections){padding:0 16px;border:1px solid var(--check-line);border-radius:12px;background:var(--check-card)}
.relationships-page .result-library{margin-top:40px}.relationships-page .check-reading h3{letter-spacing:-.02em}
.relationships-page .check-result-heading h2{font-size:clamp(30px,3.7vw,42px);line-height:1.2;max-width:820px}
@media(max-width:700px){.relation-summary{padding:23px 20px;border-radius:20px}.relationships-page .relation-summary .relation-choice{font-size:22px;margin:12px 0 20px}.relation-meaning{padding-top:20px}.relationships-page .relation-meaning .result-reflection{font-size:14px;line-height:1.8}.relation-meaning>h3{font-size:16px}.relation-selections dl>div{grid-template-columns:1fr;gap:4px}.relation-selections dd{font-size:13px}.relationships-page .check-result-heading h2{font-size:30px}.relationships-page .relation-focus{padding:22px 20px 22px 48px}.relation-focus-icon{left:16px;top:20px;font-size:20px}.relationships-page .relation-focus>p{font-size:17px;line-height:1.75}.relationships-page .result-overview>.result-reflection{font-size:14px}.relation-question p{font-size:14px}.relationships-page .result-library{margin-top:32px}}