/* Een familiearchief in de sfeer van een oud Brabants handschrift. */
:root{
 --paper:#f5ebd3;--ink:#3f2b21;--muted:#75634c;--line:#ccb68c;
 --gold:#986c28;--accent:#702d3c;--wine:#5b2030;--vellum:#fff8e8;
}
body{
 background-color:#d5c09a;
 background-image:radial-gradient(ellipse at 50% 20%,#fff6dc88 15%,#8b613025 100%),repeating-linear-gradient(0deg,#68471804 0px,#68471804 1px,transparent 1px,transparent 4px),linear-gradient(90deg,#c3a577,#f2e5c7 16%,#f7ecd3 50%,#edddbb 84%,#c3a577);
 background-position:center;background-size:auto;background-attachment:fixed;
}
h1,h2,h3,h4,.brand,.person strong,.book-heading h1{
 font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}
h1,h2,h3,h4{color:var(--wine)}
a{color:var(--wine)}
header{
 height:78px;padding:0 24px;margin-top:14px;
 color:#f8ebc9;background:linear-gradient(100deg,#481b27,#692737 60%,#481b27);
 border-top:3px double #c8a761;border-bottom:3px double #c8a761;
 box-shadow:0 3px 12px #57361624;
}
.brand{font-size:25px;font-weight:600;letter-spacing:3px;color:#f8ebc9}
.brand small{color:#e0c692;border-left-color:#b78c4c;font-weight:400}
.edition{color:#e3c994}.eyebrow,.label{color:#8a5b22}
.language-switch a{
 background:#f9efd7;color:#572635;border-color:#b3925d;border-radius:2px;
}
.language-switch a[aria-current="true"]{background:#7b3441;color:#fff3d4;border-color:#d7b575}
.mainmenu{gap:5px;margin-top:12px}
.mainmenu button,.mainmenu .book-menu-link{
 border:1px solid #b99a62;border-radius:2px;color:#4d3025;
 background:linear-gradient(#fff7e4,#eadebd);
 font:12px/1.5 "Palatino Linotype",Georgia,serif;letter-spacing:.15px;
 box-shadow:inset 0 0 0 2px #fff5de80;
}
.mainmenu button:hover,.mainmenu .book-menu-link:hover{background:#f5dfad;border-color:#986c28}
.mainmenu button.active{background:var(--wine);border-color:#7e3847;color:#fff0c8;box-shadow:inset 0 0 0 2px #d5b87340}
.mainmenu .book-menu-link{color:#fff1cd;background:linear-gradient(#86602e,#67451f);border-color:#8e6225;box-shadow:inset 0 0 0 2px #e8cb8c50}
.mainmenu .book-menu-link:hover{color:white;background:#79552a}
.hof-banner{border-bottom:3px solid #aa8245;background:#4f222c}
.hof-banner img{filter:sepia(.42) saturate(.7) contrast(1.04)}
.hof-banner figcaption{background:#4f222c;color:#f7e8c4;font-family:Georgia,serif}
.hof-banner figcaption span{color:#d6bb8a}
.usage-notice{
 color:#59432e;background:#fff5dfeb;border:1px solid #c6a875;border-left:4px solid #9b7231;
 border-radius:2px;box-shadow:inset 0 0 0 3px #fff9eb85;
}
.usage-notice a{color:#713243}
.intro{
 position:relative;border:4px double #ba934f;border-radius:2px;
 border-left:4px double #ba934f;padding:24px 30px;
 background:radial-gradient(ellipse at top right,#a24e4a38,transparent 65%),linear-gradient(110deg,#4d1d2a,#702d3c);
 box-shadow:0 5px 16px #54371c22,inset 0 0 0 5px #f5d99d0a;
}
.intro::before,.intro::after,.book-heading::before,.book-heading::after{
 content:"";position:absolute;width:18px;height:18px;pointer-events:none;
}
.intro::before{left:7px;top:7px;border-left:1px solid #dabd7a;border-top:1px solid #dabd7a}
.intro::after{right:7px;bottom:7px;border-right:1px solid #dabd7a;border-bottom:1px solid #dabd7a}
.intro>.eyebrow{color:#e7ca86;letter-spacing:2px}
.intro h1{color:#fff2d5;letter-spacing:-.8px}.intro h1 em{color:#e5c98c}
.intro p{color:#f0dfbd}
.intro .stats>div{background:#fff1ce08;border:1px solid #c6a56466;border-top:3px double #dbbd7c;border-radius:2px;padding-top:14px}
.intro .stats strong{color:#ffeec9;font-family:Georgia,serif}
.intro .stats span{color:#e5ce9f}
.archive,.menu-panel{
 background:#fff8e8ed;border:1px solid #c6ad7b;border-top:3px double #ad874b;border-radius:2px;
 box-shadow:0 5px 18px #55371a14;
}
.archive{padding-top:26px}.menu-panel{margin-top:22px}
.archivehead h2{color:var(--wine)}
.seal{color:#8c5e29;border:3px double #b58b49;background:#f2dfb6;box-shadow:inset 0 0 0 4px #fff5dc}
.searchrow input,.searchrow select,input,select{
 background:#fffbf0;border-color:#c3a77a;border-radius:2px;color:var(--ink);
}
input:focus,select:focus,button:focus-visible,a:focus-visible{outline-color:#933e4b;outline-offset:3px}
.workspace{border-top:3px double #c5a976}
.workspace>aside{background:linear-gradient(90deg,transparent,#efdfbc70);border-right-color:#c5a976}
a.person,button.person{border-bottom-color:#ddc9a4}
a.person:hover,button.person:hover{background:#f4e6c8}
a.person.selected,button.person.selected{background:#ecdbb9;box-shadow:inset 3px 0 #7b3544}
a.person strong,button.person strong{color:#592c32}
.profilehead{border-bottom:3px double #d3bb8c;padding-bottom:18px}
.avatar{color:#6c2939;background:#eddfbe;border:3px double #b18b4b;box-shadow:inset 0 0 0 3px #fff7e3}
.tab,.more,.alphabet button,.pager button{color:#5b2f35;background:#faf0d8;border-color:#c1a16b;border-radius:2px}
.tab.active,.primary{background:var(--wine);color:#fff5df;border-color:var(--wine)}
.tab:hover,.more:hover{border-color:#8b5d27}
.fact,.info-card,.ged-card,.gallery figure,.treecard,.famous-card{
 border-color:#cfb78a;border-radius:2px;background:#fffaee;
}
.fact{border-top:3px double #c1a36a}
.fact .label{color:#915d2d}.relation,.timeline,.route-step{border-left-color:#b18a4b}
.note{color:#594633}.sub,.listlabel,.photo-filter{color:#75634c}
.sosa-badge{color:#6c2939;background:#f1e1ba;border-color:#ba9659;border-radius:2px}
.ged-summary,.focuscard,.pdf-card,.map-coordinate{background:#eddfbd}
.map-place-button.selected,.map-place-button:hover{background:#efdfbb}
.family-diagram{
 background:#fcf4e0;border:3px double #bea06b;border-radius:2px;
}
.family-diagram-heading h4,.family-diagram-tools label{color:#6b313a}
.family-diagram-heading button,.family-tree-dialog-bar button{
 background:#fff8e8;border-color:#b69762;color:#6b313a;border-radius:2px;
}
.ancestor-scroll{background:linear-gradient(#fff8e8,#efe2c2);border-radius:2px}
.ancestor-lines path{stroke:#a58249}.ancestor-lines .ancestor-link-missing{stroke:#c1ae8a}
.ancestor-card,button.ancestor-card,a.ancestor-card{
 color:#4a3025;background:#fff9e9;border-color:#b9a071;border-top-color:#793747;border-radius:2px;
 box-shadow:0 2px 5px #67431e18;
}
.ancestor-card .ancestor-years{color:#786140}.ancestor-image{background:#e8dbb9;border-color:#c8ae7b;border-radius:2px}
.ancestor-initials{color:#906744}
.ancestor-card.ancestor-selected{border:2px solid #8c6332;border-top:4px solid #7b3443;background:#eeddb5}
.ancestor-card.ancestor-selected strong{color:#6c2939}
.ancestor-card.ancestor-missing{background:#f3ead6;color:#8a7b62;border-style:dashed;border-top-width:1px}
.family-tree-dialog{background:#f6ecd4;border:3px double #b49661;border-radius:3px;color:#4d3026}
.family-tree-dialog::backdrop,.welcome-dialog::backdrop{background:#2e1725bd}
.welcome-dialog{background:#fbf2dc;color:#4a3025;border:4px double #b68f4d;border-radius:3px}
.welcome-art{filter:sepia(.5) saturate(.65)}
.welcome-heading h2,.welcome-heading h2 em{color:#6b2939}
.welcome-story{font-family:"Palatino Linotype",Palatino,Georgia,serif;line-height:1.85}
.welcome-story p:first-child::first-letter{float:left;font:64px/.9 Georgia,serif;margin:8px 9px 0 0;color:#812e3d}
.welcome-actions{background:#edddbb;border-top:3px double #c5a16a}
.welcome-enter{background:var(--wine);border-radius:2px}
.welcome-close,.welcome-again{background:#fff6df;border-color:#c1a16b;color:#692b38}
body>footer{padding:22px 18px;background:#eee0bf;border-top:3px double #b49459;color:#6d573d}
.owner-access{color:#6d573d}
.seo-header{padding:18px 24px;height:auto;min-height:78px}
.seo-page{background:#fff7e6;border:3px double #bb9b64;border-radius:2px}
.seo-directory a,.seo-profile a{color:#773444}
.book-reader{background-color:#e5d3ac}
.book-reader header{background:linear-gradient(100deg,#481b27,#692737);border-bottom:3px double #bd9854;margin-top:0}
.book-reader .brand small{color:#e0c692}
.book-heading{position:relative;background:#fff5df;border:3px double #bb9657;border-radius:2px;border-left:3px double #bb9657}
.book-heading::before{left:6px;top:6px;border-left:1px solid #b18b4b;border-top:1px solid #b18b4b}
.book-heading::after{right:6px;bottom:6px;border-right:1px solid #b18b4b;border-bottom:1px solid #b18b4b}
.book-heading h1{color:#6b2939}.book-heading p{color:#6c543b}
.book-back,.book-permission a{color:#713243}
.book-open,.book-toolbar #book-wide{color:#fff4db;background:var(--wine);border-color:var(--wine);border-radius:2px}
.book-viewer{background:#d9c6a2;border-color:#af8d54;border-radius:2px}
.book-toolbar{background:#f9efd7;border-bottom:3px double #b79a64;border-radius:2px 2px 0 0}
.book-toolbar button{color:#692e3a;background:#fff9e9;border-color:#b89b68;border-radius:2px}
.book-toolbar p,.book-mobile-hint,.book-permission{color:#6c563e}
.book-manage,.book-unavailable{background:#fff6e1;border-color:#bd9f6c;border-radius:2px}
@media(max-width:700px){
 header{height:auto;min-height:74px;margin-top:8px;padding:13px 16px}
 .brand{font-size:21px;letter-spacing:2px}.brand small{font-size:7px}
 .mainmenu button,.mainmenu .book-menu-link{font-size:11px}
 .intro{padding:22px 20px}.intro h1{font-size:35px}
 .intro .stats>div{padding:11px 7px}.intro .stats strong{font-size:26px}
 .workspace>aside{border-right:0}.book-reader header{margin-top:0}
 .welcome-story p:first-child::first-letter{font-size:51px}
}
.site-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;max-width:1600px;margin:22px auto;padding:0 4%;align-items:start}
.site-layout>main{padding:0;max-width:none;width:100%;min-width:0}
.site-sidebar{position:sticky;top:16px;align-self:start;max-height:calc(100dvh - 32px);overflow:auto;padding:0;background:#f9eed7;border:3px double #ad874b;box-shadow:0 4px 14px #55371a15}
.site-sidebar summary{padding:15px 12px;color:#fff3d6;background:var(--wine);font-family:Georgia,serif;font-size:19px;cursor:pointer}
.site-sidebar .mainmenu{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding:12px 9px;max-width:none;border:0;box-shadow:none;background:transparent}
.site-sidebar .mainmenu button,.site-sidebar .mainmenu .book-menu-link{display:block;width:100%;max-width:none;min-width:0;margin:0;padding:10px;text-align:left;font-size:13px;white-space:normal;line-height:1.4}
.site-layout .usage-notice{margin-top:0}
.site-layout .workspace{grid-template-columns:255px minmax(0,1fr)}
.site-layout .workspace>article{padding:24px;min-width:0}
.history-controls{display:flex;flex-wrap:wrap;align-items:center;gap:15px 24px;padding:18px;margin:22px 0 18px;background:#f4e8cc;border:1px solid #c8ac77;border-top:3px double #ad874b}
.history-controls label{display:flex;align-items:center;gap:9px;font-size:14px}
.history-controls input[type=checkbox]{width:18px;height:18px;accent-color:var(--wine)}
.history-controls select{padding:8px;max-width:100%}
.history-controls>.sub,.history-controls>details{width:100%;margin:0}
.history-controls summary{color:var(--wine);cursor:pointer;font-weight:600}
#history-period{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:15px}
#history-period label{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
#history-period input{width:115px;padding:9px}
#history-period button{padding:10px 12px;color:#fff5df;background:var(--wine);border:1px solid #6b2939;border-radius:2px;cursor:pointer}
#history-period button[type=button]{color:var(--wine);background:#fff7e5;border-color:#b4935d}
.timeline-legend{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;font-weight:600}
.timeline-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#773444;margin-right:8px}
.timeline-legend .history-legend-context::before{background:#b1873a;border-radius:0;transform:rotate(45deg)}
.contextual-timeline{list-style:none;margin:24px 0 0 7px;padding-left:24px}
.contextual-timeline li{position:relative;padding:15px 18px;margin:0 0 18px;background:#fffbf1;border:1px solid #d2bc91;border-radius:2px}
.contextual-timeline li::before{content:"";position:absolute;left:-32px;top:23px;width:12px;height:12px;border:2px solid #fff6e0;border-radius:50%;background:#773444}
.contextual-timeline .history-context{background:#f1e4c5;border:1px dashed #b48a40}
.contextual-timeline .history-context::before{border-radius:0;background:#b1873a;transform:rotate(45deg)}
.contextual-timeline h4{font-size:19px;margin:8px 0 5px;color:#5d2934}
.contextual-timeline p{font-size:14px;line-height:1.65;margin:5px 0 8px}
.contextual-timeline .label{font-size:13px;color:#795b30}
.timeline-kind{display:inline-block;margin-bottom:8px;padding:3px 7px;background:#f0dfbf;color:#67303a;font-size:11px;letter-spacing:.04em;font-weight:600}
.history-context .timeline-kind{background:#e4cd95;color:#624a1f}
.history-source{font-size:12px;color:#713243;text-underline-offset:3px}
@media(max-width:1100px){
 .site-layout{grid-template-columns:185px minmax(0,1fr);gap:18px;padding:0 3%}
 .site-layout .workspace{grid-template-columns:225px minmax(0,1fr)}
 .site-layout .workspace>article{padding:20px}
}
@media(max-width:900px){
 .site-layout{display:block;padding:0 4%;margin-top:16px}
 .site-sidebar{position:static;max-height:none;margin-bottom:18px}
 .site-sidebar .mainmenu{grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-sidebar summary{font-size:18px;padding:12px}
}
@media(max-width:800px){.site-layout .workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.site-sidebar .mainmenu{grid-template-columns:1fr}.history-controls{padding:14px}.history-controls>label{flex-wrap:wrap}}
@media print{
 .site-sidebar,.history-controls{display:none}.site-layout{display:block;padding:0}
 body{background:white;color:black}.archive,.menu-panel,.seo-page{box-shadow:none;background:white}
 .hof-banner img{filter:none}.intro{background:white;color:black}.intro h1,.intro h1 em,.intro p{color:black}
}