.doj-masthead{background:linear-gradient(135deg,#efe1c6,#fffaf0 52%,#dfcfb2);border-bottom:1px solid rgba(31,46,58,.12);padding:clamp(2.7rem,7vw,5.2rem) 0 2.4rem}.doj-masthead h1{color:var(--fs-navy);font-size:clamp(2.6rem,7vw,5rem);letter-spacing:-.035em;line-height:.96;margin:.45rem 0 1rem}.doj-masthead .fs-lead{max-width:48rem}.doj-subnav{background:#172936;color:#fff;border-bottom:1px solid rgba(255,255,255,.15)}.doj-subnav-inner{display:flex;gap:.25rem;overflow-x:auto;padding:.6rem 0;scrollbar-width:thin}.doj-subnav a{color:#f5ead7;display:block;flex:0 0 auto;font-family:var(--fs-font-ui);font-size:.82rem;font-weight:800;letter-spacing:.035em;padding:.65rem .78rem;text-decoration:none}.doj-subnav a:hover,.doj-subnav a[aria-current=page]{background:rgba(255,255,255,.12);color:#fff}.doj-kicker{color:#8b2f2f;font-family:var(--fs-font-ui);font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.doj-note{background:#f4ead7;border-left:4px solid #a45b3d;padding:1.15rem 1.25rem}.doj-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.doj-portrait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.doj-character{background:#fff;border:1px solid rgba(31,46,58,.13);box-shadow:0 12px 32px rgba(31,46,58,.08)}.doj-character img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.doj-character-body{padding:1.3rem}.doj-character h2{font-size:1.55rem;margin:.25rem 0 .65rem}.doj-character p:last-child{margin-bottom:0}.doj-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.doj-secondary{border-top:2px solid #bb8e58;padding-top:1rem}.doj-secondary h3{margin:.15rem 0 .45rem}.doj-tree{position:relative}.doj-tree-row{display:flex;justify-content:center;gap:clamp(1rem,4vw,3rem);margin:0 auto 2.5rem;position:relative}.doj-tree-family{display:flex;align-items:center;gap:.65rem}.doj-tree-node{background:#fff;border:1px solid rgba(31,46,58,.2);box-shadow:0 8px 22px rgba(31,46,58,.07);min-width:150px;padding:1rem;text-align:center}.doj-tree-node strong{display:block;color:var(--fs-navy);font-family:Georgia,serif;font-size:1.12rem}.doj-tree-node small{display:block;color:var(--fs-muted);font-size:.78rem;margin-top:.25rem}.doj-marriage{height:3px;width:38px;background:#9a6b47;position:relative}.doj-marriage:after{content:"";position:absolute;left:0;right:0;top:5px;border-top:1px solid #9a6b47}.doj-tree-line{height:34px;border-left:2px solid #536875;margin:-2.5rem auto 0;width:1px}.doj-tree-line.dotted{border-left-style:dotted}.doj-tree-join{border-top:2px solid #536875;display:grid;grid-template-columns:1fr 1fr;margin:0 auto;width:min(78%,700px)}.doj-tree-join span{height:34px;border-left:2px solid #536875}.doj-tree-join span:last-child{border-left:0;border-right:2px solid #536875}.doj-legend{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.9rem;margin:1.5rem 0}.doj-legend span{display:flex;align-items:center;gap:.5rem}.doj-swatch{display:inline-block;width:34px;border-top:2px solid #536875}.doj-swatch.marriage{border-top:3px double #9a6b47}.doj-swatch.dotted{border-top-style:dotted}.doj-timeline{list-style:none;margin:2rem 0;padding:0;position:relative}.doj-timeline:before{background:#b98c57;content:"";position:absolute;left:5.5rem;top:.7rem;bottom:.7rem;width:2px}.doj-timeline li{display:grid;grid-template-columns:4.5rem 1fr;gap:2rem;margin-bottom:1.7rem;position:relative}.doj-timeline time{color:#8b2f2f;font-family:var(--fs-font-ui);font-weight:850;text-align:right}.doj-timeline .doj-event:before{background:#fff;border:3px solid #8b2f2f;border-radius:50%;content:"";height:.72rem;left:-2.42rem;position:absolute;top:.3rem;width:.72rem}.doj-event{position:relative}.doj-event strong{color:var(--fs-navy);display:block;font-family:Georgia,serif;font-size:1.12rem}.doj-map-frame{background:#efe2c7;border:1px solid rgba(31,46,58,.16);box-shadow:0 16px 36px rgba(31,46,58,.12);display:block;margin:2rem auto;width:min(100%,700px);height:min(80vw,780px)}.doj-source-list li{margin-bottom:.65rem}.doj-page-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:clamp(2rem,6vw,5rem)}.doj-callout{background:#172936;color:#eee5d7;padding:1.6rem}.doj-callout h2,.doj-callout h3{color:#fff}.doj-callout a{color:#f1d09e}.doj-table{border-collapse:collapse;width:100%}.doj-table th,.doj-table td{border-bottom:1px solid rgba(31,46,58,.14);padding:.8rem .65rem;text-align:left;vertical-align:top}.doj-table th{color:var(--fs-navy);font-family:var(--fs-font-ui);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.doj-branches{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:start}.doj-branch{background:rgba(255,255,255,.42);padding:1.5rem}.doj-branch h2{text-align:center}.doj-chain{display:flex;flex-direction:column;align-items:center}.doj-chain .doj-tree-node{margin-bottom:28px;position:relative;width:min(100%,250px)}.doj-chain .doj-tree-node+.doj-tree-node:before{border-left:2px solid #536875;content:"";display:block;height:28px;left:50%;position:absolute;top:-29px}.doj-chain .doj-tree-node:last-child{margin-bottom:0}.doj-union{display:flex;align-items:center;justify-content:center;margin:2rem auto;gap:.75rem}.doj-union .doj-tree-node{min-width:180px}.doj-descendants{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;margin-top:1rem}.doj-descendant-line{border-left:2px solid #536875;margin:0 auto;height:32px;width:1px}.doj-descendant-line.dotted{border-left-style:dotted}.doj-couple{display:flex;align-items:center;justify-content:center;gap:.65rem}
@media(max-width:850px){.doj-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doj-page-grid{grid-template-columns:1fr}.doj-tree-row{align-items:center;flex-direction:column}.doj-tree-join{display:none}.doj-tree-line{margin:-2.5rem auto 0}.doj-tree-family{flex-wrap:wrap;justify-content:center}.doj-map-frame{height:95vw}}
@media(max-width:620px){.doj-portrait-grid,.doj-secondary-grid,.doj-branches,.doj-descendants{grid-template-columns:1fr}.doj-tree-node{min-width:125px}.doj-union,.doj-couple{flex-wrap:wrap}.doj-union .doj-tree-node{min-width:130px}.doj-timeline:before{left:0}.doj-timeline li{grid-template-columns:1fr;gap:.2rem;padding-left:1.6rem}.doj-timeline time{text-align:left}.doj-timeline .doj-event:before{left:-1.95rem}.doj-map-frame{height:118vw}}
.doj-map-frame{aspect-ratio:4/5;height:auto}
.doj-chain .doj-tree-node.reconstructed:before{border-left-style:dotted}