/* The relationship explorer is independent from the test panel and type filters. */
.home-pair{grid-column:1/-1;min-width:0;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:#faf8f2;scroll-margin-top:24px}
.home-pair-heading h2{margin:8px 0 10px;color:var(--ink);font-size:28px;line-height:1.4;letter-spacing:-.025em}
.home-pair-heading p,.home-pair-note{color:var(--muted);font-size:14px;line-height:1.8}
.home-pair-heading p{max-width:650px;margin:0}
.home-pair-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.home-pair-person{min-width:0;padding:20px 20px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.home-pair-person label{display:block;color:var(--ink);font-size:15px;font-weight:700;margin-bottom:9px}
.home-pair-type-trigger{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;width:100%;max-width:100%;min-width:0;min-height:68px;padding:10px 28px 10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:white;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.home-pair-type-trigger strong{font-size:17px;line-height:1.3;letter-spacing:.045em}
.home-pair-type-name,.home-pair-type-placeholder{max-width:100%;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.home-pair-type-name{color:var(--muted)}
.home-pair-type-arrow{position:absolute;right:10px;top:50%;font-size:20px;transform:translateY(-65%);color:#59715d}
.home-pair-type-trigger:hover{border-color:#718a73;background:#f8faf4}
.home-pair-genders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:10px;padding:3px;border:1px solid #dce3d5;background:#f2f4ed;border-radius:10px}
.home-pair-genders button{min-width:0;min-height:44px;padding:6px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.home-pair-genders button[aria-pressed="true"]{background:#275e4b;border-color:#275e4b;color:white;box-shadow:0 1px 3px #193e2517}
.home-pair-genders button:disabled{opacity:.4;cursor:default}
.home-pair-portrait{display:flex;min-width:0;min-height:169px;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-top:12px;text-align:center}
.home-pair-portrait img{display:block;width:128px;height:128px;max-width:100%;object-fit:contain;border-radius:12px}
.home-pair-empty{display:flex;justify-content:center;align-items:center;width:82px;height:82px;border:1px dashed #bfcbbb;border-radius:50%;font-size:32px;color:#839282;background:#f5f6ef}
.home-pair-portrait p{font-size:13px;color:var(--muted);margin:10px 0}
.home-pair-guide{display:flex;align-items:center;min-height:44px;color:var(--ink);font-size:14px;font-weight:650;line-height:1.5;text-underline-offset:4px}
.home-pair-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}
.home-pair-tools button{min-height:44px;padding:9px 16px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink);font-size:14px}
.home-pair-tools button:hover:not(:disabled){background:#e6edde;border-color:#8aa18b}
.home-pair-status{min-height:24px;color:var(--muted);font-size:13px;line-height:1.7;margin:15px 0 0;text-align:center}
.home-pair-intro{padding:20px 22px;background:#eaf0e3;border-radius:14px;margin-top:20px}
.home-pair-intro h3{margin:0 0 7px;color:var(--ink);font-size:20px;line-height:1.5}
.home-pair-intro p{margin:0;font-size:14px;line-height:1.8;color:#52664f}
.home-pair-scene{margin-top:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden}
.home-pair-scene summary{position:relative;cursor:pointer;list-style:none;padding:19px 46px 19px 20px;min-height:60px}
.home-pair-scene summary::-webkit-details-marker{display:none}
.home-pair-scene summary::after{content:'+';position:absolute;right:20px;top:29px;font-size:22px;color:var(--ink);line-height:1}
.home-pair-scene[open] summary::after{content:'−'}
.home-pair-topic{font-size:12px;color:#557349;letter-spacing:.04em}
.home-pair-scene summary h3{margin:6px 0 0;font-size:18px;line-height:1.6;color:var(--ink)}
.home-pair-scene-content{padding:0 20px 20px;font-size:15px;line-height:1.9;color:var(--text)}
.home-pair-scene-content>p{margin:0}
.home-pair-scene-content .home-pair-action{margin-top:15px;padding:14px 16px;border-radius:9px;background:#f1f3eb}
.home-pair-scene blockquote{margin:14px 0 0;padding:15px 16px;border-left:3px solid #94ac7d;background:#edf2e5}
.home-pair-scene blockquote span{font-size:12px;color:var(--muted)}
.home-pair-scene blockquote p{margin:7px 0 0;font-size:15px;color:var(--ink);font-weight:550}
.home-pair-note{margin:20px 0 0;font-size:12px}
.home-pair-share-fallback{margin:16px 0;padding:14px;border-radius:10px;background:#edf2e5;font-size:13px;color:var(--ink)}
.home-pair-share-fallback label{display:block;margin-bottom:8px}
.home-pair-share-fallback input{display:block;width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid var(--line-strong);border-radius:6px;background:white;font:inherit;color:inherit}
.home-pair summary:focus-visible,.home-pair input:focus-visible,.home-pair button:focus-visible,.home-pair-type-dialog button:focus-visible{outline:3px solid #23704b;outline-offset:3px}
.home-pair-type-dialog{width:min(720px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);margin:auto;padding:22px;border:1px solid var(--line);border-radius:20px;background:#faf8f2;color:var(--ink);box-shadow:0 20px 80px #13251c33;overflow:auto;overscroll-behavior:contain}
.home-pair-type-dialog::backdrop{background:#14271f80;backdrop-filter:blur(3px)}
.home-pair-type-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.home-pair-type-dialog-heading h2{font-size:23px;line-height:1.4;margin:0 0 7px}
.home-pair-type-dialog-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.home-pair-type-dialog-heading button{flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid var(--line-strong);border-radius:50%;background:white;color:var(--ink);font-size:27px;line-height:1;cursor:pointer}
.home-pair-type-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.home-pair-type-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;min-height:88px;padding:13px 10px 12px 13px;border:1px solid #d8d1e5;border-top:4px solid #a590bf;border-radius:11px;background:#f5f0fb;text-align:left;color:#54416d;cursor:pointer;font:inherit}
.home-pair-type-choice[data-tone="green"]{border-color:#cfdbc8;border-top-color:#8aaa72;background:#f0f5e9;color:#3b622d}
.home-pair-type-choice[data-tone="blue"]{border-color:#c8dbe5;border-top-color:#82adc6;background:#edf5fa;color:#315e77}
.home-pair-type-choice[data-tone="gold"]{border-color:#e4d9b9;border-top-color:#cbb268;background:#faf5e5;color:#806722}
.home-pair-type-choice strong{font-size:18px;letter-spacing:.045em;line-height:1.25}
.home-pair-type-choice span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.home-pair-type-choice:hover{filter:brightness(.97)}
.home-pair-type-choice[aria-pressed="true"]{outline:2px solid #275e4b;outline-offset:1px;box-shadow:inset 0 0 0 1px #275e4b}
@media(max-width:800px){.home-pair{margin-top:32px;padding:26px}}
@media(max-width:540px){.home-pair{padding:23px 16px}.home-pair-heading h2{font-size:23px}.home-pair-selectors{gap:10px;margin-top:20px}.home-pair-person{padding:12px 9px 7px;border-radius:12px}.home-pair-person label{font-size:13px}.home-pair-type-trigger{padding:9px 22px 9px 8px;min-height:64px}.home-pair-type-trigger strong{font-size:16px}.home-pair-type-name,.home-pair-type-placeholder{font-size:12px}.home-pair-type-arrow{right:7px}.home-pair-genders{gap:2px;padding:2px;margin-top:8px}.home-pair-genders button{min-height:44px;font-size:13px}.home-pair-portrait{min-height:135px;margin-top:9px;gap:0}.home-pair-portrait img{width:96px;height:96px}.home-pair-portrait p{font-size:12px}.home-pair-guide{font-size:12px;min-height:39px;flex-wrap:wrap;justify-content:center}.home-pair-empty{width:62px;height:62px}.home-pair-tools{gap:8px}.home-pair-tools button{font-size:13px;padding:9px 12px}.home-pair-intro{padding:16px}.home-pair-intro h3{font-size:19px}.home-pair-scene summary{padding:16px 36px 16px 15px}.home-pair-scene summary::after{right:14px;top:29px}.home-pair-scene summary h3{font-size:16px}.home-pair-scene-content{padding:0 15px 16px;font-size:14px}.home-pair-scene-content .home-pair-action,.home-pair-scene blockquote{padding:12px}.home-pair-scene blockquote p{font-size:14px}.home-pair-type-dialog{padding:18px 14px;border-radius:17px;max-height:calc(100dvh - 24px)}.home-pair-type-dialog-heading{gap:8px;margin-bottom:16px}.home-pair-type-dialog-heading h2{font-size:20px}.home-pair-type-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-pair-type-choice{min-height:76px;padding:10px 10px 9px}.home-pair-type-choice strong{font-size:17px}}
@media(forced-colors:active){.home-pair,.home-pair-person,.home-pair-scene,.home-pair-intro,.home-pair-type-dialog,.home-pair-type-choice{border-color:CanvasText}.home-pair-scene blockquote{border-color:CanvasText}.home-pair-genders button[aria-pressed="true"],.home-pair-type-choice[aria-pressed="true"]{outline:2px solid Highlight}}

.home-explore-links{margin-bottom:18px}.home-explore-links .home-types-link{margin-bottom:0}