.rel-page{--rel-wire:color-mix(in srgb, var(--text-3) 75%, var(--bg));--rel-chosen:color-mix(in srgb, var(--accent) 70%, var(--line-strong));padding-bottom:var(--section-gap)}.rel-pickers{align-items:start;gap:var(--space-3) var(--space-5);padding:var(--space-5);background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-3);box-shadow:var(--shadow-1);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.rel-picker{min-width:0;position:relative}.rel-label{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-2);font-weight:600;display:flex}.rel-badge{background:var(--accent);color:#1a1408;width:1.35rem;height:1.35rem;font-family:var(--font-sans);letter-spacing:0;font-feature-settings:"tnum";border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;line-height:1;display:inline-grid}.rel-combo{position:relative}.rel-glass{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.rel-input.input{min-height:3.25rem;font-size:var(--text-md);background:var(--bg-sunken);padding-left:2.6rem;padding-right:3rem}.rel-input.input:placeholder-shown{padding-right:.8rem}.rel-input:disabled{cursor:progress;opacity:1;color:var(--text-3)}.rel-picker[aria-busy=true] .rel-glass{animation:1.4s ease-in-out infinite rel-pulse}.rel-clear{border-radius:var(--radius-2);width:2.75rem;height:2.75rem;color:var(--text-3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.rel-clear:hover{color:var(--text);background:var(--bg-raised-2)}.rel-clear[hidden]{display:none}.rel-pop{z-index:30;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius-2);position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow:hidden;box-shadow:0 18px 48px -12px #000c}.rel-list{overscroll-behavior:contain;max-height:min(22rem,46vh);padding:var(--space-1);margin:0;list-style:none;overflow-y:auto}.rel-list[hidden]{display:none}.rel-opt{align-items:baseline;column-gap:var(--space-3);cursor:pointer;min-height:2.75rem;font-family:var(--font-sans);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;padding:.5rem .75rem;line-height:1.35;display:grid}.rel-opt-name{font-family:var(--font-serif);font-size:var(--text-md);color:var(--text);overflow-wrap:anywhere}.rel-opt-meta{font-size:var(--text-xs);color:var(--text-3);white-space:nowrap}.rel-opt-ctx{font-size:var(--text-xs);color:var(--text-2);grid-column:1/-1}.rel-opt[aria-selected=true]{background:color-mix(in srgb, var(--accent) 10%, var(--bg-raised));box-shadow:inset 2px 0 0 var(--accent)}.rel-opt[aria-selected=true] .rel-opt-meta{color:var(--text-2)}.rel-hint{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-2);margin:0}.rel-list:not([hidden])+.rel-hint{border-top:1px solid var(--line)}.rel-detail{min-height:1.6em;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-2)}.rel-detail .mono{color:var(--text-2);font-size:.8rem}.rel-warn{color:var(--grade-possible)}.rel-gone{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-left:2px solid var(--accent-2);background:var(--bg-raised);border-radius:0 var(--radius-2) var(--radius-2) 0;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-2)}.rel-swap{width:2.75rem;height:2.75rem;margin-top:calc(var(--text-xs) * 1.5 + var(--space-2) + (3.25rem - 2.75rem) / 2);background:var(--bg-raised-2);border:1px solid var(--line-strong);color:var(--text-2);cursor:pointer;transition:color .15s var(--ease), border-color .15s var(--ease), transform .3s var(--ease);border-radius:50%;place-items:center;padding:0;display:grid}.rel-swap:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.rel-swap:disabled{opacity:.45;cursor:default}@media (prefers-reduced-motion:no-preference){.rel-swap:active:not(:disabled) svg{transition:transform .3s var(--ease);transform:rotate(180deg)}}@media (width<=47.99rem){.rel-pickers{padding:var(--space-4);gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.rel-swap{margin:var(--space-1) 0;justify-self:center}.rel-swap svg{rotate:90deg}}.rel-result{margin-top:var(--space-7);text-align:center;scroll-margin-top:var(--space-5)}.rel-result[hidden]{display:none}.rel-sentence{max-width:34ch;scroll-margin-top:var(--space-6);font-size:var(--text-xl);text-wrap:balance;margin-inline:auto;font-weight:450;line-height:1.3}.rel-sentence:focus{outline:none}.rel-sentence:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.rel-result .rel-name{color:var(--text);text-decoration-color:#d9a95b73}.rel-result a.rel-name:hover{color:var(--accent-hover);text-decoration-color:currentColor}.rel-name.is-living{color:var(--text-2);font-style:italic}.rel-yrs{font-family:var(--font-sans);color:var(--text-2);white-space:nowrap;vertical-align:.12em;font-size:.62em;font-weight:450}.rel-term{color:var(--accent);font-style:italic}.rel-reverse{max-width:52ch;margin:var(--space-3) auto 0;color:var(--text-2);font-size:var(--text-md);text-wrap:balance}.rel-reverse .rel-term,.rel-reverse .rel-name{color:var(--text-2)}.rel-notes{max-width:60ch;margin:var(--space-6) auto 0;text-align:left;font-size:var(--text-md);color:var(--text-2);padding:0;list-style:none}.rel-notes li{padding-left:1.4rem;position:relative}.rel-notes li+li{margin-top:var(--space-3)}.rel-notes.is-one{text-align:center}.rel-notes.is-one li{padding-left:0}.rel-notes.is-one li:before{display:none}.rel-notes li:before{content:"";background:var(--accent-2);width:.45rem;height:1px;position:absolute;top:.72em;left:.2rem}.rel-notes .rel-term{color:var(--text)}.rel-notes .rel-name{color:var(--text-2)}.rel-actions{margin-top:var(--space-6)}.rel-prompt,.rel-message .rel-reverse{max-width:48ch;margin-inline:auto}.rel-prompt{color:var(--text-2);font-size:var(--text-lg);text-wrap:balance}.rel-prompt strong{color:var(--text);font-weight:500}.rel-message .button{margin-top:var(--space-5)}.rel-quick{justify-content:center;gap:var(--space-2);margin:var(--space-5) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.rel-quick .button{font-weight:500}.rel-chart{--gap-y:clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem);--gap-x:clamp(.75rem, .2rem + 2.4vw, 3rem);--wire-w:1.5px;column-gap:var(--gap-x);row-gap:var(--gap-y);max-width:48rem;margin:var(--space-7) auto 0;text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rel-chart[data-cols="1"]{grid-template-columns:minmax(0,1fr);max-width:22rem}.rel-apex{grid-area:1/1/auto/-1;justify-self:center;width:min(100%,21rem)}.rel-apex.is-couple{width:min(100%,34rem)}.rel-chart[data-cols="1"] .rel-apex{width:100%}.rel-branch{grid-template-rows:subgrid;row-gap:var(--gap-y);min-width:0;margin:0;padding:0;list-style:none;display:grid}.rel-card{--pad-y:.72rem;--pad-x:.85rem;min-width:0;padding:var(--pad-y) var(--pad-x);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius-2);box-shadow:var(--shadow-1);position:relative;container-type:inline-size}.rel-branch>.rel-card:before{content:"";left:calc(50% - var(--wire-w) / 2);width:var(--wire-w);height:var(--gap-y);background:var(--rel-wire);transform-origin:bottom;position:absolute;bottom:calc(100% + 1px)}.rel-chart[data-cols="2"] .rel-branch>.rel-card:first-child:before{height:calc(var(--gap-y) / 2)}.rel-branch>.rel-card.is-probable:before,.rel-branch>.rel-card.is-possible:before{border-left:var(--wire-w) dashed var(--rel-wire);background:0 0;width:0}.rel-branch>.rel-card.is-possible:before{border-left:2px dotted var(--rel-wire);left:calc(50% - 1px)}.rel-key{justify-content:center;gap:var(--space-1) var(--space-4);margin:var(--space-4) auto 0;font-size:var(--text-xs);color:var(--text-2);flex-wrap:wrap;display:flex}.rel-key span{align-items:center;gap:.45rem;display:inline-flex}.rel-key .k{border-top:var(--wire-w,1.5px) solid var(--rel-wire);width:1.75rem;display:inline-block}.rel-key .k-dash{border-top-style:dashed}.rel-key .k-dot{border-top:2px dotted var(--rel-wire)}.rel-fork{top:calc(var(--gap-y) / -2 - var(--wire-w) / 2);height:0;margin-inline:calc((100% - var(--gap-x)) / 4);border-top:var(--wire-w) solid var(--rel-wire);grid-area:2/1/auto/-1;align-self:start;position:relative}.rel-fork:before{content:"";left:calc(50% - var(--wire-w) / 2);width:var(--wire-w);height:calc(var(--gap-y) / 2 + 1px);background:var(--rel-wire);position:absolute;bottom:0}.rel-kicker{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-2);margin:-.1rem 0 .45rem;font-weight:600}.rel-apex.is-shared{border-color:color-mix(in srgb, var(--accent-2) 45%, var(--line-strong));border-top:2px solid var(--accent-2)}.rel-card.is-chosen{border-color:var(--rel-chosen);background:color-mix(in srgb, var(--accent) 10%, var(--bg-raised))}.rel-card.is-chosen .rel-y,.rel-person.is-chosen .rel-y{color:var(--text-2)}.rel-person{min-width:0;color:var(--text);grid-template-columns:minmax(0,1fr);align-content:start;row-gap:.15rem;display:grid}.rel-person.is-chosen{grid-template-columns:auto minmax(0,1fr);column-gap:.5rem}.rel-person.is-chosen .rel-badge{grid-row:1/span 2;margin-top:.1rem}a.rel-person{min-height:2.75rem;margin:calc(-1 * var(--pad-y)) calc(-1 * var(--pad-x));padding:var(--pad-y) var(--pad-x);border-radius:calc(var(--radius-2) - 1px);transition:background-color .15s var(--ease);text-decoration:none}a.rel-person:hover{color:var(--text);background:#ece6da0a}a.rel-person:focus-visible{outline-offset:2px;border-radius:calc(var(--radius-2) - 1px)}.rel-kicker+a.rel-person{margin-top:0;padding-top:0}.rel-n{font-family:var(--font-serif);overflow-wrap:anywhere;font-size:1.0625rem;font-weight:460;line-height:1.25}a.rel-person .rel-n{text-underline-offset:.18em;text-decoration:underline 1px #d9a95b66}a.rel-person:hover .rel-n{color:var(--accent-hover);text-decoration-color:currentColor}.rel-y{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-3);font-feature-settings:"tnum", "lnum"}.rel-person.is-living .rel-n{color:var(--text-2);font-style:italic}.rel-couple{--pad-y:.35rem;--pad-x:.5rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:.75rem;display:grid}.rel-couple>.rel-person.is-chosen{margin:calc(-1 * var(--pad-y)) calc(-1 * var(--pad-x));padding:var(--pad-y) var(--pad-x);background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:6px}.rel-couple>a.rel-person.is-chosen:hover{background:color-mix(in srgb, var(--accent) 17%, transparent)}.rel-and{color:var(--text-3)}.rel-rings{display:block}@container (width<=17rem){.rel-couple{--pad-y:.25rem;grid-template-columns:minmax(0,1fr);row-gap:.3rem}.rel-and{padding-left:.1rem}}.rel-apart{max-width:44rem;margin:var(--space-7) auto 0;text-align:left;grid-template-columns:minmax(0,1fr) minmax(4rem,8rem) minmax(0,1fr);align-items:center;display:grid}.rel-gap{color:var(--text-3);align-items:center;gap:.4rem;display:flex}.rel-gap span{border-top:1.5px dashed var(--rel-wire);flex:1}.rel-gap b{border:1px solid var(--line-strong);width:1.9rem;height:1.9rem;font:600 var(--text-sm) / 1 var(--font-sans);border-radius:50%;place-items:center;display:grid}@media (width<=30rem){.rel-apart{grid-template-columns:minmax(0,1fr);max-width:18rem}.rel-gap{flex-direction:column;height:5.5rem}.rel-gap span{border-top:0;border-left:1.5px dashed var(--rel-wire)}.rel-card{--pad-y:.62rem;--pad-x:.65rem}.rel-n{font-size:1rem}}@media (prefers-reduced-motion:no-preference){.rel-chart.is-new .rel-card{animation:rel-rise .5s var(--ease) both;animation-delay:calc(var(--i,0) * .12s)}.rel-chart.is-new .rel-branch>.rel-card:before{animation:rel-draw .35s var(--ease) both;animation-delay:calc(var(--i,0) * .12s - 90ms)}.rel-chart.is-new .rel-fork{animation:rel-spread .4s var(--ease) 80ms both}.rel-result>.rel-sentence,.rel-result>.rel-reverse,.rel-result>.rel-notes{animation:rel-fade .45s var(--ease) both}.rel-result>.rel-reverse{animation-delay:80ms}.rel-result>.rel-notes{animation-delay:.2s}}@keyframes rel-rise{0%{opacity:0;transform:translateY(.5rem)}}@keyframes rel-draw{0%{transform:scaleY(0)}}@keyframes rel-spread{0%{opacity:0;clip-path:inset(0 50% -100%)}to{opacity:1;clip-path:inset(0 0 -100%)}}@keyframes rel-fade{0%{opacity:0}}@keyframes rel-pulse{50%{opacity:.35}}@keyframes rel-shimmer{to{background-position:-200% 0}}.rel-skel{justify-items:center;gap:var(--space-3);display:grid}.rel-skel i{border-radius:var(--radius-2);background:linear-gradient(90deg, var(--bg-raised) 0%, var(--bg-raised-2) 50%, var(--bg-raised) 100%);background-size:200% 100%;animation:1.6s linear infinite rel-shimmer;display:block}.rel-skel .s-line{width:min(100%,34rem);height:2.2rem}.rel-skel .s-short{width:min(80%,22rem);height:1.2rem}.rel-skel .s-chart{gap:var(--space-6) var(--space-6);width:min(100%,44rem);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rel-skel .s-card{height:4rem}.rel-skel .s-apex{grid-column:1/-1;justify-self:center;width:min(100%,21rem)}@media (prefers-reduced-motion:reduce){.rel-skel i,.rel-picker[aria-busy=true] .rel-glass{animation:none}}.rel-section{margin-top:var(--section-gap)}.rel-section>h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.rel-section>.rel-intro{max-width:60ch;margin-bottom:var(--space-5);color:var(--text-2);font-size:var(--text-md)}.rel-ex-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));margin:0;padding:0;list-style:none;display:grid}.rel-ex-grid>li{display:flex}.rel-ex.card{gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-5) var(--space-5);flex-direction:column;display:flex}.rel-ex-title{font-family:var(--font-serif);font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--text)}.rel-ex-teaser{font-size:var(--text-md);color:var(--text-2);line-height:1.5}.rel-ex-pair{padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--text-sm);color:var(--text);gap:.35rem;margin-top:auto;display:grid}.rel-ex-pair>span{align-items:baseline;gap:.5rem;min-width:0;display:flex}.rel-ex-pair .rel-badge{align-self:center;width:1.2rem;height:1.2rem;font-size:.7rem}.rel-ex-pair .y{color:var(--text-3);white-space:nowrap;font-feature-settings:"tnum";margin-left:auto}a.rel-ex:hover .rel-ex-title{color:var(--accent-hover)}.rel-how{gap:var(--space-5) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,14.5rem),1fr));margin:0;padding:0;list-style:none;display:grid}.rel-how h3{font-size:var(--text-md);font-family:var(--font-sans);letter-spacing:0;margin-bottom:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line-strong);font-weight:600}.rel-how p{font-size:var(--text-md);color:var(--text-2);line-height:1.6}.rel-noscript{margin-top:var(--space-6)}
