:root{--ink:#152b36;--ink2:#24434d;--gold:#d8b56b;--cream:#f4f1e9;--paper:#fffdf8;--line:#d9ddd9;--green:#3f745f;--blue:#477f8a;--muted:#647078}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08}
a{color:inherit}
.topbar{height:84px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ddd966;background:#fffdf8e8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Georgia,serif;font-size:18px;line-height:1.1}
.brand small{display:block;font:11px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-top:4px}
.crest{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:700 12px Inter,sans-serif;color:var(--gold);background:var(--ink)}
nav{display:flex;gap:28px}
nav a{text-decoration:none;font-size:14px;color:var(--ink2)}
nav a:hover{color:#a6752d}
.menu{display:none;border:0;background:none;font-weight:700}
.hero{padding:86px max(6vw,28px) 70px;min-height:610px;display:grid;grid-template-columns:1.35fr .65fr;gap:6vw;align-items:center;background:radial-gradient(circle at 73% 34%,#e4d3a950 0,transparent 28%),linear-gradient(120deg,#fffdf8 35%,#eef1ed 100%);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;left:52%;top:0;height:100%;width:1px;background:linear-gradient(transparent,#d7c18d,transparent)}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:#9b6d29;margin-bottom:18px}
.hero h1{font-size:clamp(3.2rem,7vw,7.2rem);max-width:900px;letter-spacing:-.045em;margin-bottom:24px}
.hero h1 em{font-weight:400;color:#8e672d}
.genealogy-search{position:relative;z-index:2;max-width:720px;margin:30px 0 22px;padding:20px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-top:4px solid var(--gold);box-shadow:0 14px 34px rgba(20,39,47,.1)}
.genealogy-search label{display:block;margin-bottom:9px;font:700 15px Inter,sans-serif;color:var(--ink)}
.genealogy-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.genealogy-search input{width:100%;min-width:0;min-height:52px;padding:12px 15px;border:2px solid #8e723b;background:#fff;color:var(--ink);font:inherit}
.genealogy-search input:focus{outline:3px solid rgba(31,95,174,.22);outline-offset:2px;border-color:var(--blue)}
.genealogy-search-row>button{min-height:52px;padding:0 22px;border:0;background:var(--blue-deep);color:#fff;font:700 15px Inter,sans-serif;cursor:pointer}
.genealogy-search-row>button:hover,.genealogy-search-row>button:focus-visible{background:var(--blue);outline:3px solid rgba(31,95,174,.22);outline-offset:2px}
.genealogy-search-help{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.4}
.genealogy-search-results:not(:empty){display:grid;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.genealogy-search-result{display:grid;width:100%;gap:2px;padding:10px 12px!important;border:1px solid #c4ccc8!important;background:#f4f6f4!important;text-decoration:none!important;text-align:left!important}
.genealogy-search-result:hover,.genealogy-search-result:focus-visible{border-color:var(--blue)!important;background:#edf3f8!important}
.genealogy-search-result small{color:var(--muted);font-size:12px;font-weight:500}
.genealogy-search-empty{margin:0;padding:10px 12px;background:#f4f6f4;color:var(--muted);font-size:14px}
.lead{font-size:clamp(1.05rem,2vw,1.35rem);max-width:710px;color:var(--ink2)}
.legend{display:flex;flex-wrap:wrap;gap:22px;margin-top:36px;font-size:13px}
.legend span{display:flex;align-items:center;gap:8px}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.proven{background:var(--green)}
.likely{background:var(--gold)}
.theory{background:var(--blue)}
.spotlight{background:var(--ink);color:white;padding:34px;border-radius:2px;box-shadow:24px 24px 0 #d8b56b26}
.spotlight>div{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #ffffff2b;padding-bottom:18px}
.year{font:italic 38px Georgia;color:var(--gold)}
.place{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#c6d0d1}
.spotlight h2{font-size:34px;margin:32px 0 14px}
.spotlight p{color:#d7dfe0}
.spotlight a{display:inline-flex;gap:35px;text-decoration:none;color:var(--gold);margin-top:16px}
.dashboard{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:white;border-top:1px solid #ffffff1f}
.dashboard div{padding:28px max(2vw,20px);border-right:1px solid #ffffff1f}
.dashboard strong{display:block;font:32px Georgia;color:var(--gold)}
.dashboard span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#c5ced0}
.section{padding:100px max(6vw,28px)}
.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:56px}
.section-head h2{font-size:clamp(2.5rem,4vw,4.4rem);max-width:850px;margin-bottom:0}
.section-head>p{max-width:460px;color:var(--muted);margin-bottom:6px}
.lineage{display:grid;grid-template-columns:1fr .42fr 1fr 1fr;gap:18px;align-items:stretch}
.person-card{border:1px solid var(--line);padding:26px;background:white;min-height:420px;display:flex;flex-direction:column}
.person-card h3{font-size:27px;margin:14px 0 4px}
.status,.pill{align-self:flex-start;font-size:11px;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:5px 9px}
.proven-card{border-top:4px solid var(--green)}
.likely-card{border-top:4px solid var(--gold)}
.theory-card{border-top:4px solid var(--blue)}
.proven-card .status,.proven-bg{background:#e2efe8;color:#2e604c}
.likely-card .status,.likely-bg{background:#f6edd9;color:#78571e}
.theory-card .status,.theory-bg{background:#e2eef0;color:#316670}
.century{color:#a27431;font:italic 16px Georgia;margin:26px 0 0}
.relation{color:var(--muted);font-size:14px}
.person-card ul{padding-left:19px;font-size:14px}
.person-card li{margin:8px 0}
.note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:auto}
.gap{display:grid;place-items:center;text-align:center;color:var(--muted);padding:20px}
.gap b{font:italic 64px Georgia;color:var(--gold)}
.gap span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.gap p{font-size:12px}
.dark{background:var(--ink);color:white}
.dark .eyebrow{color:var(--gold)}
.dark .section-head>p{color:#bcc7c8}
.filters{display:flex;gap:8px}
.filters button{border:1px solid #ffffff32;background:transparent;color:white;padding:9px 14px;border-radius:20px;cursor:pointer}
.filters button.active{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.timeline{max-width:1020px;margin:auto}
.timeline article{display:grid;grid-template-columns:140px 1fr;gap:38px;padding:30px 0;border-top:1px solid #ffffff24;transition:.2s}
.timeline article.hidden{display:none}
.timeline time{font:italic 30px Georgia;color:var(--gold)}
.timeline h3{font-size:26px;margin:12px 0 8px}
.timeline p{color:#c5ced0;margin:0}
.places-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px}
.map-card{background:#f0f2ef;border:1px solid var(--line);padding:20px}
.map-card svg{width:100%;height:auto}
.map-pin circle{fill:var(--ink)}
.map-pin text{font:600 14px Inter;fill:var(--ink)}
.map-pin.accent circle{fill:#a6752d}
.map-card>p{text-align:center;color:var(--muted);font-size:12px;margin:0}
.place-list article{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:24px 0;border-top:1px solid var(--line)}
.place-list article>span{font:italic 20px Georgia;color:#a6752d}
.place-list h3{font-size:23px;margin-bottom:5px}
.place-list p{font-size:14px;color:var(--muted);margin:0}
.sources{background:var(--cream)}
.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.source-grid>a,.source-grid>article{display:block;text-decoration:none;background:var(--paper);border:1px solid #d9d3c7;padding:28px;min-height:255px}
.source-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#9b6d29}
.source-grid h3{font-size:28px;margin:28px 0 14px}
.source-grid p{color:var(--muted)}
.source-grid b{font-size:13px;color:#9b6d29}
.next-step{margin:0 max(6vw,28px) 100px;background:linear-gradient(125deg,#17333e,#244b52);color:white;padding:65px;display:grid;grid-template-columns:1fr .5fr;column-gap:70px}
.next-step h2{font-size:clamp(2.5rem,5vw,5rem);margin-bottom:18px}
.next-step>p:not(.eyebrow){color:#cad3d4;max-width:650px}
.query{grid-column:2;grid-row:1/4;border-left:1px solid #ffffff33;padding-left:45px;display:flex;flex-direction:column;justify-content:center}
.query span,.query small{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#bfcacc}
.query strong{font:italic 44px Georgia;color:var(--gold);margin:9px 0}
footer{padding:32px max(6vw,28px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}
footer p{font-size:12px;color:var(--muted);margin:0}
@media(max-width:980px){nav{display:none}
.menu{display:block}
.topbar.open nav{display:flex;position:absolute;left:0;right:0;top:84px;background:var(--paper);padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}
.hero{grid-template-columns:1fr}
.hero:after{display:none}
.spotlight{max-width:620px}
.dashboard{grid-template-columns:repeat(2,1fr)}
.lineage{grid-template-columns:1fr 1fr}
.gap{min-height:200px}
.places-grid,.source-grid{grid-template-columns:1fr}
.next-step{grid-template-columns:1fr}
.query{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid #ffffff33;padding:30px 0 0;margin-top:20px}
.section-head{align-items:start;flex-direction:column}
}
@media(max-width:620px){.topbar{height:72px}
.brand{font-size:15px}
.crest{width:36px;height:36px}
.hero{padding-top:54px}
.hero h1{font-size:3rem}
.genealogy-search{padding:15px;margin-top:24px}.genealogy-search-row{grid-template-columns:1fr}.genealogy-search-row>button{width:100%}
.dashboard,.lineage{grid-template-columns:1fr}
.dashboard div{border-bottom:1px solid #ffffff1f}
.gap{min-height:150px}
.section{padding:72px 20px}
.section-head{gap:20px;margin-bottom:36px}
.section-head h2{font-size:2.4rem}
.filters{width:100%;overflow:auto}
.timeline article{grid-template-columns:1fr;gap:8px}
.timeline time{font-size:22px}
.next-step{margin:0 20px 70px;padding:38px 25px}
footer{align-items:flex-start;gap:30px;flex-direction:column}
}

/* Heraldieke kleurstelling van het geregistreerde familiewapen */
:root{--ink:#111b25;--ink2:#263849;--gold:#bd9149;--bronze:#76513d;--cream:#f2eee5;--paper:#fffdfa;--line:#cfd3d5;--green:#3f745f;--blue:#1f5fae;--blue-deep:#183f78;--red:#9f2f32;--silver:#aeb9c3;--muted:#66717b}
.topbar{border-bottom-color:rgba(189,145,73,.42);background:#fffdfaef;box-shadow:inset 0 3px 0 var(--blue)}
.crest{color:#f4d99e;background:linear-gradient(135deg,var(--blue) 0 49%,var(--bronze) 51% 100%);box-shadow:inset 0 0 0 3px var(--ink)}
nav a:hover,nav a[aria-current="page"]{color:var(--blue)}
.hero{background:radial-gradient(circle at 73% 34%,rgba(189,145,73,.2) 0,transparent 28%),linear-gradient(120deg,var(--paper) 35%,#e8edf2 100%)}
.eyebrow{color:#7b5828}.hero h1 em{color:var(--blue)}
.spotlight{background:linear-gradient(145deg,#eef5fc,#dceafa);color:var(--ink);box-shadow:24px 24px 0 rgba(189,145,73,.2);border-top:4px solid var(--gold)}
.spotlight>div{border-bottom-color:#b7c9dc}
.spotlight p,.spotlight .place{color:var(--ink2)}
.spotlight .year,.spotlight a{color:#76531e}
.spotlight .person-card-link{color:#68481f}
.spotlight a:hover,.spotlight a:focus-visible,.spotlight .person-card-link:hover,.spotlight .person-card-link:focus-visible{color:var(--blue-deep)}
.spotlight a:focus-visible,.spotlight .person-card-link:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.century{color:#7b5828}.map-pin.accent circle{fill:var(--blue)}.place-list article>span{color:var(--blue)}
.source-grid span{color:#7b5828}.source-grid b{color:var(--blue)}
.next-step{background:linear-gradient(125deg,var(--ink),var(--blue-deep));border-top:4px solid var(--gold)}

/* Lichtere achtergrond, opgebouwd uit de wapen­kleuren */
.dark{background:
  radial-gradient(circle at 92% 8%,rgba(159,47,50,.08),transparent 26%),
  radial-gradient(circle at 8% 38%,rgba(31,95,174,.13),transparent 33%),
  linear-gradient(145deg,#e4edf6 0%,#fffaf0 52%,#edf2f6 100%);color:var(--ink)}
.dark .eyebrow{color:#7b5828}
.dark .section-head>p,.dark .timeline p{color:var(--ink2)}
.dark .section-head h2,.dark .timeline h3{color:var(--ink)}
.dark .filters button{border-color:rgba(31,95,174,.38);background:rgba(255,255,255,.55);color:var(--blue-deep)}
.dark .filters button.active{background:var(--blue);border-color:var(--blue);color:#fff}
.dark .timeline article{margin:10px 0;padding:28px 22px;border:1px solid rgba(31,95,174,.16);border-left:5px solid var(--blue);background:rgba(255,255,255,.58);box-shadow:0 10px 28px rgba(24,63,120,.06)}
.dark .timeline article:nth-child(3n+2){border-left-color:var(--gold)}
.dark .timeline article:nth-child(3n+3){border-left-color:var(--red)}
.dark .timeline time{color:#825b21}
/* The route link covers the card; independent person buttons stay above it. */
.timeline .timeline-card{position:relative;isolation:isolate}
.timeline .timeline-route-link{display:inline-block;margin-top:16px;color:var(--blue-deep);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.timeline .timeline-route-link::after{content:"";position:absolute;inset:0;z-index:1;cursor:pointer}
.timeline .timeline-card :is(button,a:not(.timeline-route-link),[data-person-key]){position:relative;z-index:2}
.timeline .timeline-route-link:focus-visible{outline:none}
.timeline .timeline-route-link:focus-visible::after{outline:3px solid var(--blue);outline-offset:4px}
.dark .timeline .timeline-card:focus-within{box-shadow:0 10px 28px rgba(24,63,120,.14)}
@media(hover:hover){.dark .timeline .timeline-card:hover{background:#fff;box-shadow:0 10px 28px rgba(24,63,120,.14)}.timeline .timeline-route-link:hover{text-decoration-thickness:2px}}
.dark .person-card-link{color:#704b1d;text-decoration-color:var(--gold)}
.dark .person-card-link:hover,.dark .person-card-link:focus-visible{color:var(--blue)}

/* Lichte heraldische samenvatting: lazuur, goud, brons en een klein keel-accent. */
.dashboard{
  background:linear-gradient(135deg,#dce9f8 0%,#f8f5ed 56%,#e8eef6 100%);
  color:var(--ink);
  border-top:4px solid var(--blue);
  border-bottom:1px solid rgba(31,95,174,.22)
}
.dashboard div{border-right-color:rgba(31,95,174,.18);position:relative}
.dashboard div:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--blue)}
.dashboard div:nth-child(2):before{background:var(--gold)}
.dashboard div:nth-child(3):before{background:var(--bronze)}
.dashboard div:nth-child(4):before{background:var(--red)}
.dashboard strong{color:#876126}
.dashboard span{color:var(--ink2)}
.dashboard .person-card-link{color:#704b1d;text-decoration-color:var(--gold)}
@media(max-width:620px){.dashboard div{border-bottom-color:rgba(31,95,174,.16)}}
@media(max-width:620px){.dark .timeline article{padding:24px 18px}}

/* Decoratieve AI-bewerkte leesversies; originele bronbeelden blijven intact.
   Afwisseling per sectie, zonder bewegende achtergrond tijdens het lezen. */
body{
  background-color:#faf7f0;
  background-image:linear-gradient(rgba(255,253,248,.89),rgba(255,253,248,.89)),url('assets/akte-achtergrond-kleur.png');
  background-size:auto, min(1100px,100vw) auto;
  background-repeat:repeat;
}
body :is(.hero,.subhero,.dossier-intro,.dark,.dashboard){
  background-color:#f9f6ef;
  background-image:linear-gradient(115deg,rgba(255,253,248,.92),rgba(241,247,253,.84)),url('assets/akte-achtergrond-kleur.png');
  background-size:cover,cover;
  background-position:center,center 38%;
}
body :is(.dossier-intro,.dark){
  background-image:linear-gradient(115deg,rgba(244,249,255,.92),rgba(255,253,248,.86)),url('assets/akte-achtergrond-zwartwit.png');
}
body .content-section{
  background-color:rgba(255,253,248,.90);
  background-image:linear-gradient(rgba(255,253,248,.94),rgba(255,253,248,.94)),url('assets/akte-achtergrond-kleur.png');
  background-size:cover;
  background-position:center;
}
body .content-section:nth-of-type(even){
  background-image:linear-gradient(rgba(249,252,255,.94),rgba(249,252,255,.94)),url('assets/akte-achtergrond-zwartwit.png');
}
body :is(.genealogy-search,.side-index){background-color:rgba(255,255,255,.97)}
@media(max-width:620px){
  body :is(.hero,.subhero,.dossier-intro,.dark,.dashboard){background-size:auto,auto 1100px;background-repeat:repeat}
}
@media print{
  body,body :is(.hero,.subhero,.dossier-intro,.dark,.dashboard,.content-section){background-image:none!important;background-color:white!important}
}

/* Lambertus' familiewapen: bestaande bron, geen opnieuw getekend ontwerp. */
body .crest{
  width:48px;height:60px;flex:0 0 48px;border:0;border-radius:0;
  box-shadow:none;font-size:0;color:transparent;
  background:transparent url('assets/familiewapen-lambertus-presentatie.webp') no-repeat left center;
  background-size:58px auto;mix-blend-mode:multiply;
}
body :is(.family-card,.family-sheet-modal){position:relative;isolation:isolate}
body :is(.family-card,.family-sheet-modal)::before{
  content:"";position:absolute;top:140px;left:50%;transform:translateX(-50%);
  width:244px;height:312px;pointer-events:none;z-index:-1;opacity:.075;
  /* Exacte uitsnede in CSS uit de aangeleverde zwart-witbron (710 x 1536). */
  background:url('assets/wapen-bronnen/03.jpeg') no-repeat -92px -528px / 1420px 3072px;
  filter:grayscale(1) contrast(1.35);mix-blend-mode:multiply;
}
body .family-card :is(.family-card-parents,.family-card-household,.family-card-fallback,.family-card-siblings),
body .family-sheet-modal section{background:transparent}
body .family-name-list .person-card-link{background:rgba(255,255,255,.84)}

/* Een bescheiden kleurverdieping binnen hetzelfde heraldische palet. */
:root{--blue:#175eb5;--blue-deep:#143f80;--gold:#c4933e;--bronze:#7c5038;--red:#ab292d;--green:#357858;--ink:#101b27;--ink2:#22384c;--muted:#596773}
body .crest{filter:saturate(1.14) contrast(1.04)}
body :is(.hero,.subhero,.dashboard){
  background-image:linear-gradient(115deg,rgba(255,251,242,.91),rgba(227,240,254,.83)),url('assets/akte-achtergrond-kleur.png');
}
body :is(.dossier-intro,.dark){
  background-image:linear-gradient(115deg,rgba(232,243,255,.91),rgba(255,249,234,.86)),url('assets/akte-achtergrond-zwartwit.png');
}
body .spotlight{background:linear-gradient(145deg,#edf5ff,#d3e6fc)}
body .person-card-link{color:#79521a}
body .person-card-link:hover,body .person-card-link:focus-visible{color:var(--blue)}
body .family-card-head{padding-left:80px;min-height:82px}
body .family-card-head::after,body .family-sheet-modal::after{
  content:"";position:absolute;left:18px;top:14px;width:46px;height:58px;
  background:url('assets/familiewapen-lambertus-presentatie.webp') no-repeat left center / 56px auto;
  filter:saturate(1.14) contrast(1.04);mix-blend-mode:multiply;pointer-events:none;
}
body .family-sheet-modal::after{left:24px;top:24px}
body .family-sheet-modal>h2,body .family-sheet-modal>.eyebrow{padding-left:58px}
@media(max-width:420px){
  body .family-card-head{padding-left:64px}
  body .family-card-head::after{left:12px;width:40px;height:50px;background-size:48px auto}
}

/* Onbewerkte originele aktefoto's, wat duidelijker zichtbaar. */
body.original-act-background{background-image:linear-gradient(rgba(255,253,248,.80),rgba(255,253,248,.80)),var(--original-act);background-size:auto,min(1100px,100vw) auto;background-position:center top;background-repeat:repeat}
body .original-act-background:is(.hero,.subhero,.dossier-intro,.dark,.dashboard){background-image:linear-gradient(115deg,rgba(255,251,244,.78),rgba(235,245,255,.83)),var(--original-act);background-size:cover;background-position:center 40%;background-repeat:no-repeat}
body .original-act-background.content-section{background-image:linear-gradient(rgba(255,253,249,.86),rgba(255,253,249,.86)),var(--original-act);background-size:cover;background-position:center;background-repeat:no-repeat}
@media print{body.original-act-background,body .original-act-background{background-image:none!important;background-color:white!important}}

/* Blauw en goud uit het gekozen presentatiewapen, op lichte ondergronden. */
:root{--blue:#1267b2;--blue-deep:#15518a;--gold:#c89942;--bronze:#866125;--paper:#fffdf8;--cream:#faf2df;--ink:#152738;--ink2:#29465b;--line:#d6dce0;--muted:#566877}
body .crest{background-position:center;background-size:contain;filter:none}
body .family-sheet-modal::after{background-position:center;background-size:contain;filter:none}
body :is(.eyebrow,.century,.source-grid span){color:#805b20}
body :is(.person-card-link,.family-card .card-person-link){color:#805b20;text-decoration-color:var(--gold)}
body :is(.person-card-link,.family-card .card-person-link):hover{color:var(--blue)}
body .spotlight{background:linear-gradient(145deg,#f2f8ff,#dceeff)}
body .genealogy-search-row>button,body .family-sheet-actions a{background:var(--blue-deep)}
body .home-family-arms{margin:28px 0 34px;width:100%;max-width:620px;text-align:center}
.home-family-arms>a{display:block;background:white;border-radius:8px;box-shadow:0 12px 40px #86612512}
.home-family-arms img{display:block;width:100%;height:auto;object-fit:contain}
.home-family-arms figcaption{margin-top:12px;font-size:13px;color:var(--muted)}
.home-family-arms figcaption a{color:var(--blue-deep)}
.home-family-arms small{display:block;margin-top:4px;font-size:11px}
@media(max-width:640px){body .home-family-arms{width:calc(100% + 32px);max-width:none;margin-left:-16px;margin-right:-16px}}

/* Zilver, rood, bruin en zwart vullen de twee hoofdkleuren aan. */
:root{--silver:#c6cdd3;--red:#b72c32;--bronze:#896035;--ink:#171b20}
body .topbar{border-bottom-color:var(--gold)}
body :is(.genealogy-search input,.family-name-list .person-card-link){border-color:var(--silver)}
body :is(.family-card-status,.family-sheet-note){border-top-color:var(--silver)}
body .home-family-arms>a{border-top:3px solid var(--gold);border-bottom:3px solid var(--silver)}
body .home-family-arms figcaption{color:var(--bronze)}
body .dark .timeline article:nth-child(3n){border-left-color:var(--red)}
body .callout{border-left-color:var(--bronze);background:#fcf4e7}
body .family-card{border-top-color:var(--gold)}
body :is(button,a,input):focus-visible{outline-color:var(--blue)}

body .spotlight{background:linear-gradient(145deg,#c4dcf5,#a9cdef)}
body .spotlight :is(p,.place){color:#18344b}
body .spotlight :is(a,.year,.person-card-link){color:#60420f}
.history-intro a{color:var(--blue-deep);font-weight:600}
.history-sources{font-size:14px}