.hoh-pg{--pg-ink:#241c1c;--pg-soft:#5a4c4c;--pg-faint:#7d6f6a;--pg-ground:#fbf8f5;--pg-panel:#ffffff;--pg-cream:#f7f2ea;--pg-edge:#e3d9d2;--pg-edge-hard:#c9b8ae;--pg-burgundy:#800020;--pg-gold:#c9a227;--pg-gold-deep:#8a6a1f;--pg-red:#8a2f2f;--pg-focus:#0b63c4;--pg-serif:"Playfair Display","Noto Serif","Noto Serif SC","Noto Serif Thai",Georgia,serif;--pg-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--pg-sans:"Montserrat","Noto Sans","Noto Sans SC","Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;max-width:48rem;margin:3rem auto;padding:0 1rem;box-sizing:border-box;color:var(--pg-ink);font-family:var(--pg-sans)}
.hoh-pg *,.hoh-pg ::after,.hoh-pg ::before{box-sizing:border-box}
.hoh-pg__head{border-top:3px solid var(--pg-burgundy);padding-top:1.25rem;margin-bottom:1.4rem}
.hoh-pg__kicker{font:600 .7rem/1.2 var(--pg-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--pg-burgundy);margin:0 0 .5rem}
.hoh-pg__title{font:700 clamp(1.7rem,4.4vw,2.6rem)/1.12 var(--pg-serif);margin:0 0 .3rem}
.hoh-pg__sub{font:400 clamp(1rem,2.2vw,1.15rem)/1.35 var(--pg-serif);font-style:italic;color:var(--pg-faint);margin:0 0 .9rem}
.hoh-pg__stand{font:400 1.05rem/1.75 var(--pg-sans);color:var(--pg-soft);margin:0 0 .9rem}
.hoh-pg__stand strong{color:var(--pg-ink);font-weight:700}
.hoh-pg__facts{margin:1.5rem 0 2.2rem;padding:1rem 1.15rem;background:var(--pg-cream);border:1px solid var(--pg-edge);border-radius:4px;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.1rem}
.hoh-pg__facts dt{font:600 .66rem/1.55 var(--pg-sans);letter-spacing:.13em;text-transform:uppercase;color:var(--pg-burgundy);margin:0}
.hoh-pg__facts dd{font:400 .9rem/1.55 var(--pg-sans);color:var(--pg-ink);margin:0}
.hoh-pg__sec{margin:0 0 2.1rem}
.hoh-pg__h{font:700 1.4rem/1.28 var(--pg-serif);margin:0 0 .3rem;color:var(--pg-ink)}
.hoh-pg__where{font:600 .64rem/1.3 var(--pg-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pg-burgundy);margin:0 0 .45rem}
.hoh-pg p{font:400 1.02rem/1.78 var(--pg-sans);margin:0 0 .95rem;color:var(--pg-ink)}
.hoh-pg__sec p:last-child{margin-bottom:0}
.hoh-pg em{font-style:italic}
.hoh-pg strong{font-weight:700}
.hoh-pg__list{margin:0 0 .95rem;padding:0 0 0 1.1rem}
.hoh-pg__list li{font:400 1.02rem/1.72 var(--pg-sans);margin:0 0 .5rem;color:var(--pg-ink)}
.hoh-pg__pull{margin:1.5rem 0;padding:.2rem 0 .2rem 1.2rem;border-left:4px solid var(--pg-burgundy)}
.hoh-pg__pull p{font:400 1.16rem/1.55 var(--pg-serif);font-style:italic;color:var(--pg-ink);margin:0 0 .5rem}
.hoh-pg__pull cite{display:block;font:600 .74rem/1.4 var(--pg-sans);font-style:normal;letter-spacing:.07em;color:var(--pg-faint)}
.hoh-pg__rev{margin:1.2rem 0 0;border-top:1px dashed var(--pg-edge-hard);padding-top:.9rem}
.hoh-pg__rev>summary{display:flex;align-items:center;gap:.55rem;cursor:pointer;list-style:none;font:600 .84rem/1.3 var(--pg-sans);color:var(--pg-burgundy);padding:.35rem .1rem;border-radius:3px}
.hoh-pg__rev>summary::-webkit-details-marker{display:none}
.hoh-pg__rev>summary::before{content:"";flex:0 0 auto;width:.55rem;height:.55rem;border-right:2px solid var(--pg-burgundy);border-bottom:2px solid var(--pg-burgundy);transform:rotate(-45deg);transition:transform .2s;margin-left:.15rem}
.hoh-pg__rev[open]>summary::before{transform:rotate(45deg)}
.hoh-pg__rev>summary:focus-visible{outline:3px solid var(--pg-focus);outline-offset:2px}
.hoh-pg__rev>summary:hover{color:#5c0018}
.hoh-pg__revbody{padding:.85rem 0 .2rem}
.hoh-pg__revbody p{font:400 .95rem/1.72 var(--pg-sans);color:var(--pg-soft)}
.hoh-pg__revbody strong{color:var(--pg-ink)}
.hoh-pg__note{margin:1.4rem 0;padding:.95rem 1.1rem;border-radius:4px;border:1px solid var(--pg-gold);border-left:4px solid var(--pg-gold);background:#fdfaf0}
.hoh-pg__note.todo{border-color:var(--pg-red);border-left-color:var(--pg-red);background:#fdf4f4}
.hoh-pg__noteh{font:700 .68rem/1.3 var(--pg-sans);letter-spacing:.13em;text-transform:uppercase;color:var(--pg-gold-deep);margin:0 0 .5rem}
.hoh-pg__note.todo .hoh-pg__noteh{color:var(--pg-red)}
.hoh-pg__note p{font:400 .9rem/1.68 var(--pg-sans);color:var(--pg-soft);margin:0 0 .6rem}
.hoh-pg__note p:last-child{margin-bottom:0}
.hoh-pg__more{display:grid;gap:.7rem;margin:2rem 0 0;padding:0;list-style:none}
.hoh-pg__more li{margin:0}
.hoh-pg__more a{display:block;padding:.9rem 1.05rem;text-decoration:none;background:var(--pg-panel);border:1px solid var(--pg-edge-hard);border-left:4px solid var(--pg-burgundy);border-radius:4px;transition:border-color .15s,transform .15s}
.hoh-pg__more a:hover{border-color:var(--pg-burgundy);transform:translateX(2px)}
.hoh-pg__more a:focus-visible{outline:3px solid var(--pg-focus);outline-offset:2px}
.hoh-pg__moreh{display:block;font:700 1rem/1.35 var(--pg-serif);color:var(--pg-burgundy);margin:0 0 .2rem}
.hoh-pg__morep{display:block;font:400 .86rem/1.55 var(--pg-sans);color:var(--pg-soft)}
.hoh-pg__src{margin-top:2.2rem;padding-top:1rem;border-top:1px solid var(--pg-edge)}
.hoh-pg__srch{font:600 .66rem/1.3 var(--pg-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--pg-soft);margin:0 0 .6rem}
.hoh-pg__src ul{list-style:none;margin:0;padding:0}
.hoh-pg__src li{font:400 .8rem/1.65 var(--pg-sans);color:var(--pg-faint);margin:0 0 .38rem}
.hoh-pg__src em{font-style:italic}
@media (max-width:34rem){
.hoh-pg{margin:2rem auto}
.hoh-pg__facts{grid-template-columns:1fr;gap:.15rem .5rem;padding:.9rem 1rem}
.hoh-pg__facts dd{margin:0 0 .55rem}
.hoh-pg__facts dd:last-child{margin-bottom:0}
.hoh-pg__h{font-size:1.25rem}
}

/* --- added 19-Sep-2026: the early record, deliberately lighter than the line --- */
.hoh-pg__early{margin:0 0 2rem;padding:1.1rem 1.25rem;background:var(--pg-cream);border:1px solid var(--pg-edge);border-radius:4px}
.hoh-pg__earlyh{font:600 .66rem/1.3 var(--pg-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--pg-faint);margin:0 0 .7rem}
.hoh-pg__earlyp{font:400 .87rem/1.7 var(--pg-sans);color:var(--pg-soft);margin:0 0 .8rem}
.hoh-pg__earlyp strong{color:var(--pg-ink);font-weight:700}
.hoh-pg__earlylist{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.45rem .9rem}
.hoh-pg__earlylist li{margin:0;padding:.3rem 0;border-top:1px solid var(--pg-edge)}
.hoh-pg__earlylist b{display:block;font:500 .87rem/1.35 var(--pg-serif);color:var(--pg-soft)}
.hoh-pg__earlylist i{display:block;font:400 .63rem/1.5 var(--pg-mono);font-style:normal;color:var(--pg-faint)}
.hoh-pg__earlylist small{display:block;font:400 .72rem/1.55 var(--pg-sans);color:var(--pg-faint);margin-top:.25rem}
.hoh-pg__linestart{font:600 .66rem/1.3 var(--pg-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--pg-burgundy);margin:0 0 .6rem}

/* --- added 19-Sep-2026: the generational line, the children, the heads rows --- */
.hoh-pg__gens{position:relative;margin:0 0 1.6rem}
.hoh-pg__gens::before{content:"";position:absolute;left:69.5px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--pg-edge),var(--pg-burgundy) 5%,var(--pg-burgundy) 95%,var(--pg-edge))}
.hoh-pg__gen{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;padding:9px 0;position:relative}
.hoh-pg__n{font:400 .66rem/1.5 var(--pg-mono);color:var(--pg-faint);text-align:right;padding-top:5px;position:relative;z-index:2}
.hoh-pg__n::after{content:"";position:absolute;right:-19px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--pg-burgundy);box-shadow:0 0 0 4px var(--pg-ground)}
.hoh-pg__who{padding-left:14px}
.hoh-pg__who b{font:600 1.08rem/1.3 var(--pg-serif);color:var(--pg-ink);display:block}
.hoh-pg__who i{font:400 .69rem/1.5 var(--pg-mono);font-style:normal;color:var(--pg-faint);display:block;margin-top:2px}
.hoh-pg__who em{font:400 .84rem/1.6 var(--pg-sans);font-style:normal;color:var(--pg-soft);display:block;margin-top:5px}
.hoh-pg__gen--big .hoh-pg__who b{font-size:1.3rem;color:var(--pg-burgundy)}
.hoh-pg__gen--big .hoh-pg__n::after{width:13px;height:13px;right:-21px;background:var(--pg-burgundy)}
.hoh-pg__gen--living .hoh-pg__n::after{background:#fff;border:2px solid var(--pg-burgundy)}
.hoh-pg__turn{margin:14px 0 14px 70px;padding:12px 16px;background:var(--pg-cream);border-left:3px solid rgba(128,0,32,.45);font:400 .87rem/1.65 var(--pg-sans)}
.hoh-pg__turn b{font-weight:700;color:var(--pg-ink)}
.hoh-pg__kids{margin:6px 0 0 70px;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;max-width:640px}
.hoh-pg__kid{background:var(--pg-cream);padding:10px 12px;border-bottom:2px solid var(--pg-edge)}
.hoh-pg__kid b{font:600 1rem/1.3 var(--pg-serif);color:var(--pg-ink);display:block}
.hoh-pg__kid i{font:400 .66rem/1.5 var(--pg-mono);font-style:normal;color:var(--pg-faint)}
.hoh-pg__kid--heir{border-bottom-color:var(--pg-burgundy)}
.hoh-pg__keinote{margin:10px 0 0 70px;max-width:620px;font:400 1rem/1.55 var(--pg-serif);font-style:italic;color:var(--pg-ink);border-left:3px solid var(--pg-burgundy);padding-left:16px}
.hoh-pg__heads{margin:0 0 1.6rem}
.hoh-pg__row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--pg-edge);align-items:baseline}
.hoh-pg__yr{font:400 .72rem/1.5 var(--pg-mono);color:var(--pg-burgundy)}
.hoh-pg__row b{font:600 1.15rem/1.3 var(--pg-serif);color:var(--pg-ink)}
.hoh-pg__row p{font:400 .87rem/1.66 var(--pg-sans);margin:5px 0 0;color:var(--pg-soft)}
.hoh-pg__row--cur{background:var(--pg-cream);padding-inline:14px;margin-inline:-14px}
@media (max-width:34rem){
.hoh-pg__turn,.hoh-pg__kids,.hoh-pg__keinote{margin-left:0}
.hoh-pg__row{grid-template-columns:1fr;gap:2px}
}