body{margin:0;font-family:Calibri,Arial,sans-serif;background:linear-gradient(180deg,#f8fbff,#eef4fb);color:#1f2937}
nav.dnk-site-nav{background:linear-gradient(135deg,#003e9e,#002a6d);position:relative;z-index:10;padding:0 10px}
nav.dnk-site-nav ul{list-style:none;padding:0;margin:0;display:flex}
nav.dnk-site-nav li{position:relative}
nav.dnk-site-nav a{display:block;color:#fff;text-decoration:none;white-space:nowrap}
nav.dnk-site-nav a:hover,nav.dnk-site-nav a:focus-visible{background:#002a6d}
nav.dnk-site-nav li>ul{display:none;position:absolute;top:100%;left:0;min-width:235px;z-index:11;background:#003e9e;border-radius:0 0 12px 12px;box-shadow:0 10px 30px #002a6d30}
nav.dnk-site-nav li:hover>ul,nav.dnk-site-nav li:focus-within>ul{display:flex;flex-direction:column}
nav.dnk-site-nav li>ul li{width:100%}
nav.dnk-site-nav #nav-toggle{display:none;color:#fff;background:transparent;border:0;font:inherit;padding:15px;cursor:pointer}
.dnk-explorer{width:min(94%,1280px);max-width:1280px;padding:28px 0 0;margin:0 auto;--ink:#14213d;--muted:#596579;--forest:#003e9e;--line:#dce4ef;--paper:#f4f7fb;--lime:#f6c400;color:var(--ink);background:transparent}
.dnk-explorer .trial-notice{padding:9px 14px;border:1px solid #d6e2f3;border-radius:9px;color:#003e9e;background:#fff;font-size:13px;margin-bottom:20px}
.dnk-explorer h1{font-size:clamp(32px,4vw,48px);font-weight:700;color:#002a6d;letter-spacing:normal}
.dnk-explorer h2{font-weight:700;letter-spacing:normal}
.dnk-explorer .intro .eyebrow{color:#496487}.dnk-explorer .intro-copy{font-size:16px;color:#596579;max-width:none}
.dnk-explorer .snapshot-line{font-size:13px;color:#596579;line-height:1.6}.dnk-explorer .snapshot-line strong{color:#12305c}.dnk-explorer .snapshot-line button{font-size:12px;color:#003e9e}
.dnk-explorer .data-warning{margin-top:12px;padding:12px 16px;background:#fff6d8;border:1px solid #ecd483;border-radius:8px;color:#634c00;font-size:13px;line-height:1.6}
.dnk-explorer .primary{background:#003e9e;font-size:13px}.dnk-explorer .stats{background:#fff}.dnk-explorer .stat-label{font-size:13px;color:#596579}.dnk-explorer .stat p{font-size:11px;color:#596579}
.dnk-explorer .search-wrap input{font-size:14px}.dnk-explorer .filter-select,.dnk-explorer select{font-size:12px;color:#12305c;background:#f8fbff;border-color:#d6e2f3}
.dnk-explorer .active-filter-line{font-size:12px}.dnk-explorer .filter-chip{background:#edf4ff;color:#003e9e;border-color:#d6e2f3}
.dnk-explorer .region-card{background:linear-gradient(135deg,#003e9e,#002a6d)}.dnk-explorer .region-card h2{color:#fff}.dnk-explorer .region-name{font-size:12px}.dnk-explorer .region-row strong{font-size:12px}
.dnk-explorer .region-card .eyebrow{color:#f6c400}.dnk-explorer .chart-hint{font-size:12px}.dnk-explorer .chart-note{font-size:12px;line-height:1.6;color:#596579}
.dnk-explorer .haplo-card{background:#fff}.dnk-explorer .legend-button{font-size:13px}.dnk-explorer .legend-button small{font-size:12px}
.dnk-explorer td{font-size:13px}.dnk-explorer th{font-size:12px}.dnk-explorer .record-small{font-size:10px;color:#66768a}.dnk-explorer .surname-button{font-size:14px;color:#003e9e}
.dnk-explorer .records-heading p:last-child{font-size:12px;line-height:1.5}.dnk-explorer .export-button{font-size:12px}.dnk-explorer .pagination{font-size:12px}.dnk-explorer .pagination select{font-size:12px}
.dnk-explorer dialog{background:#fff}.dnk-explorer dialog p,.dnk-explorer .method-list,.dnk-explorer .detail-grid dd{font-size:14px;color:#4b5c73}.dnk-explorer dialog a{color:#003e9e}.dnk-explorer .detail-hero{background:#eef4ff}.dnk-explorer .detail-note{background:#f6f9fd;border-left-color:#003e9e}.dnk-explorer .detail-actions button{background:#edf4ff;border-color:#d6e2f3;color:#003e9e;font-size:13px}
.dnk-explorer :is(a,button,input,select):focus-visible{outline:3px solid #e9b800;outline-offset:3px}
@media(max-width:1180px){nav.dnk-site-nav>ul.menu{flex-wrap:wrap!important}}
@media(max-width:768px){
 nav.dnk-site-nav #nav-toggle{display:block}
 nav.dnk-site-nav>ul.menu{display:none!important}
 nav.dnk-site-nav>ul.menu.active{display:flex!important}
 nav.dnk-site-nav li>ul{position:static;min-width:0;box-shadow:none}
 nav.dnk-site-nav li:hover>ul,nav.dnk-site-nav li:focus-within>ul{display:none}
 nav.dnk-site-nav li.open>ul{display:flex}
 .dnk-explorer{width:calc(100% - 24px);padding:20px 0 0}
 .dnk-explorer .snapshot-line button{margin-left:0}
 .dnk-explorer .region-row{grid-template-columns:18px 110px minmax(0,1fr) 30px;gap:5px}
 .dnk-explorer .region-name{font-size:10px}
 .dnk-explorer .stat-label{font-size:12px}.dnk-explorer .stat p{font-size:10px}
 .dnk-explorer .pagination{width:calc(100vw - 26px);font-size:10px}
 .dnk-explorer .active-filter-line{flex-wrap:wrap;font-size:11px}
 .dnk-explorer .region-card h2{font-size:24px;max-width:205px}
 .dnk-explorer .records-heading{flex-wrap:wrap}
 .dnk-explorer .intro-copy{max-width:none;font-size:15px}
 .dnk-explorer .region-menu{min-width:min(280px,calc(100vw - 44px))}
}

/* Keep the shared header compact for the research task on phones. */
@media(max-width:768px){
 .dnk-site-header .social-icons{flex-direction:row!important;gap:8px!important}
 .dnk-site-header .social-icons a{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;font-size:18px!important}
 .dnk-site-header .header-search{width:100%;flex-direction:row}
 .dnk-site-header .header-search input{width:100%;min-width:0;max-width:none}
 .dnk-site-header .header-search button{width:auto;max-width:none}
 .dnk-site-header .header-content{width:100%}
}
.dnk-explorer th{background:#edf3fc;color:#496487}
.dnk-explorer td,.dnk-explorer .snp{color:#334155}
.dnk-explorer .filter-count,.dnk-explorer .chart-note a,.dnk-explorer .guide-link{color:#496487}

/* Bring the explorer typography in line with the larger Korijeni.ba pages. */
.dnk-explorer{font-size:16px}
.dnk-explorer .trial-notice{font-size:14px}
.dnk-explorer .intro .eyebrow,.dnk-explorer .eyebrow{font-size:11px}
.dnk-explorer .intro-copy{font-size:17px}
.dnk-explorer .snapshot-line{font-size:14px}
.dnk-explorer .snapshot-line button{font-size:13px}
.dnk-explorer .stat-label{font-size:14px}
.dnk-explorer .stat-number{font-size:38px}
.dnk-explorer .stat p{font-size:12px}
.dnk-explorer .search-wrap input{font-size:16px}
.dnk-explorer .filter-select,.dnk-explorer select{font-size:14px}
.dnk-explorer .active-filter-line{font-size:13px}
.dnk-explorer .region-name{font-size:14px}
.dnk-explorer .region-row strong{font-size:14px}
.dnk-explorer .chart-hint,.dnk-explorer .chart-note{font-size:13px}
.dnk-explorer .legend-button{font-size:15px}
.dnk-explorer .legend-button small{font-size:13px}
.dnk-explorer th{font-size:13px}
.dnk-explorer td{font-size:15px}
.dnk-explorer .surname-button{font-size:16px}
.dnk-explorer .records-heading p:last-child{font-size:13px}
.dnk-explorer .export-button{font-size:13px}
.dnk-explorer .pagination{font-size:13px}
.dnk-explorer .pagination select{font-size:13px}
.dnk-explorer dialog p,.dnk-explorer .method-list,.dnk-explorer .detail-grid dd{font-size:15px}
.dnk-explorer .detail-actions button{font-size:14px}
@media(max-width:768px){
 .dnk-explorer{font-size:15px}
 .dnk-explorer .stat-number{font-size:34px}
 .dnk-explorer .region-name{font-size:12px}
 .dnk-explorer .region-row strong{font-size:12px}
 .dnk-explorer td{font-size:14px}
 .dnk-explorer .surname-button{font-size:15px}
}

/* Secondary labels and table metadata should remain readable at normal zoom. */
.dnk-explorer .eyebrow{font-size:13px;letter-spacing:1.35px}
.dnk-explorer .stat-label{font-size:15px}
.dnk-explorer .stat p{font-size:14px;line-height:1.45}
.dnk-explorer .chart-hint,.dnk-explorer .chart-note{font-size:15px;line-height:1.65}
.dnk-explorer .guide-link{font-size:14px}
.dnk-explorer .region-code{font-size:11px}
.dnk-explorer .region-name{font-size:15px}
.dnk-explorer .region-row strong{font-size:15px}
.dnk-explorer .region-foot{font-size:13px}
.dnk-explorer .record-small{font-size:14px;line-height:1.35}
.dnk-explorer .region-cell{font-size:14px}
.dnk-explorer .snp{font-size:15px}
.dnk-explorer .research-links .guide-link{font-size:14px!important}
.dnk-explorer th{font-size:14px}
.dnk-explorer td{font-size:16px;line-height:1.4}
.dnk-explorer .records-heading p:last-child{font-size:15px}
.dnk-explorer .filter-count{font-size:14px}
.dnk-explorer .pagination{font-size:14px}
@media(max-width:768px){
 .dnk-explorer .eyebrow{font-size:11px;letter-spacing:1.1px}
 .dnk-explorer .stat-label{font-size:13px}
 .dnk-explorer .stat p{font-size:13px}
 .dnk-explorer .chart-hint,.dnk-explorer .chart-note{font-size:13px}
 .dnk-explorer .guide-link{font-size:13px}
 .dnk-explorer .region-name{font-size:13px}
 .dnk-explorer .region-row strong{font-size:13px}
 .dnk-explorer .record-small{font-size:13px}
 .dnk-explorer .region-cell{font-size:13px}
 .dnk-explorer .snp{font-size:14px}
 .dnk-explorer .research-links .guide-link{font-size:13px!important}
 .dnk-explorer th{font-size:13px}
 .dnk-explorer td{font-size:14px}
 .dnk-explorer .records-heading p:last-child{font-size:13px}
}

/* Final readability pass for the small labels called out in the review. */
.dnk-explorer .snapshot-line,
.dnk-explorer .snapshot-line button{font-size:16px!important;line-height:1.5}
.dnk-explorer .filter-chip{font-size:14px!important;padding:6px 9px}
.dnk-explorer .more-haplogroups summary{font-size:14px!important;line-height:1.5}
.dnk-explorer .records-heading .eyebrow{font-size:14px!important;letter-spacing:1.15px;line-height:1.5}
@media(max-width:768px){
 .dnk-explorer .snapshot-line,.dnk-explorer .snapshot-line button{font-size:14px!important}
 .dnk-explorer .filter-chip,.dnk-explorer .more-haplogroups summary{font-size:13px!important}
 .dnk-explorer .records-heading .eyebrow{font-size:12px!important}
}

/* Match the main Korijeni.ba typography: near-black body copy and blue headings. */
.dnk-explorer{--ink:#1f2937;color:#1f2937}
.dnk-explorer h1,
.dnk-explorer h2,
.dnk-explorer h3{color:#003e9e;font-weight:700}
.dnk-explorer .region-card h2,
.dnk-explorer .region-card h3{color:#fff}
.dnk-explorer .intro .eyebrow,
.dnk-explorer .records-heading .eyebrow,
.dnk-explorer .haplo-card .eyebrow{color:#003e9e;font-weight:700}
.dnk-explorer .region-card .eyebrow{color:#f6c400}
.dnk-explorer .intro-copy,
.dnk-explorer .snapshot-line,
.dnk-explorer .snapshot-line strong,
.dnk-explorer .stat-label,
.dnk-explorer .stat p,
.dnk-explorer .active-filter-line,
.dnk-explorer .filter-count,
.dnk-explorer .chart-note,
.dnk-explorer .records-heading p:last-child,
.dnk-explorer .record-small,
.dnk-explorer .region-cell,
.dnk-explorer .snp,
.dnk-explorer .pagination,
.dnk-explorer .method-list,
.dnk-explorer .method-list dd,
.dnk-explorer .detail-grid dd,
.dnk-explorer .record-map .map-match-note,
.dnk-explorer .record-map .map-coordinate{color:#1f2937}
.dnk-explorer .snapshot-line button,
.dnk-explorer .guide-link,
.dnk-explorer .chart-note a,
.dnk-explorer dialog a{color:#003e9e}
.dnk-explorer .search-wrap,
.dnk-explorer .search-wrap input,
.dnk-explorer .filter-select,
.dnk-explorer select,
.dnk-explorer .legend-button,
.dnk-explorer .more-haplogroups summary{color:#1f2937}
.dnk-explorer th{color:#003e9e;font-weight:700}
.dnk-explorer .surname-button{color:#003e9e;font-weight:700}
.dnk-explorer .map-heading h3,
.dnk-explorer dialog h2,
.dnk-explorer .empty h3{color:#003e9e;font-weight:700}
.dnk-explorer .region-card .chart-hint,
.dnk-explorer .region-card .region-row,
.dnk-explorer .region-card .region-foot,
.dnk-explorer .region-card .region-foot button{color:#dce8ff}
.dnk-explorer .region-card .region-row strong{color:#fff}
.dnk-explorer .region-card .region-foot button{color:#ffe066}

/* Record details use the same scale, weight and colors as the explorer page. */
.dnk-explorer dialog p,
.dnk-explorer dialog .method-list,
.dnk-explorer dialog .method-list dd,
.dnk-explorer dialog .detail-grid dd,
.dnk-explorer dialog .detail-note,
.dnk-explorer dialog .source-citation{font-size:16px;line-height:1.6;color:#1f2937}
.dnk-explorer dialog .detail-grid dt,
.dnk-explorer dialog .detail-hero small,
.dnk-explorer dialog .map-candidate-label{font-size:13px;font-weight:700;color:#003e9e;letter-spacing:.55px}
.dnk-explorer dialog .detail-grid dd{font-weight:400}
.dnk-explorer dialog .detail-note strong,
.dnk-explorer dialog .research-links h3{color:#003e9e;font-weight:700}
.dnk-explorer dialog .source-link,
.dnk-explorer dialog .guide-link{font-size:15px;color:#003e9e}
.dnk-explorer dialog .map-match-note,
.dnk-explorer dialog .map-coordinate,
.dnk-explorer dialog .map-actions a{font-size:15px;color:#1f2937}
.dnk-explorer dialog .map-actions a{color:#003e9e}
@media(max-width:700px){
 .dnk-explorer dialog p,
 .dnk-explorer dialog .method-list,
 .dnk-explorer dialog .method-list dd,
 .dnk-explorer dialog .detail-grid dd,
 .dnk-explorer dialog .detail-note,
 .dnk-explorer dialog .source-citation{font-size:15px}
 .dnk-explorer dialog .detail-grid dt,
 .dnk-explorer dialog .detail-hero small,
 .dnk-explorer dialog .map-candidate-label{font-size:12px}
}

/* Keep the surname details and table haplogroup pills at the same readable scale. */
.dnk-explorer table .haplo-pill{font-size:16px!important;line-height:1.25;padding:8px 11px;font-weight:600}
.dnk-explorer dialog .research-link strong{font-size:16px;font-weight:600}
.dnk-explorer dialog .research-link small{font-size:15px;line-height:1.55;color:#1f2937!important}
.dnk-explorer dialog #detailContent > p[style*="font-size:9px"]{font-size:15px!important;line-height:1.6;color:#1f2937!important}
@media(max-width:700px){
 .dnk-explorer table .haplo-pill{font-size:15px!important;padding:7px 10px}
 .dnk-explorer dialog .research-link strong{font-size:15px}
 .dnk-explorer dialog .research-link small{font-size:14px}
 .dnk-explorer dialog #detailContent > p[style*="font-size:9px"]{font-size:14px!important}
}

/* Final sizing pass for the circled summary labels and filter controls. */
.dnk-explorer .haplo-card .card-heading .eyebrow{font-size:14px!important;line-height:1.5;letter-spacing:1.15px}
.dnk-explorer .region-card .region-foot{font-size:15px;line-height:1.45}
.dnk-explorer .region-card .region-foot button{font-size:15px!important;line-height:1.45}
.dnk-explorer .records-heading .count-tag{font-size:15px!important;line-height:1.25;padding:5px 9px;font-weight:700}
.dnk-explorer .filter-select{min-width:150px;width:150px;padding-left:12px;padding-right:12px}
.dnk-explorer .select-wrap select{width:210px;max-width:210px;padding-left:12px;padding-right:30px}
@media(max-width:1000px){
 .dnk-explorer .filter-select{min-width:150px;width:150px}
 .dnk-explorer .select-wrap select{width:210px;max-width:210px}
}
@media(max-width:700px){
 .dnk-explorer .haplo-card .card-heading .eyebrow{font-size:12px!important;letter-spacing:1px}
 .dnk-explorer .region-card .region-foot{font-size:13px}
 .dnk-explorer .region-card .region-foot button{font-size:13px!important}
 .dnk-explorer .records-heading .count-tag{font-size:14px!important}
 .dnk-explorer .filter-select{width:100%;min-width:0}
 .dnk-explorer .select-wrap select{width:100%;max-width:none}
}

/* Equal-height filter controls keep every label vertically centred and visible. */
.dnk-explorer .filterbar{align-items:center}
.dnk-explorer .search-wrap,
.dnk-explorer .filter-select,
.dnk-explorer .select-wrap,
.dnk-explorer .select-wrap select{height:48px;min-height:48px}
.dnk-explorer .search-wrap{padding-top:0;padding-bottom:0}
.dnk-explorer .search-wrap input{height:100%;line-height:1.35}
.dnk-explorer .filter-select,
.dnk-explorer .select-wrap select{line-height:1.25}
.dnk-explorer .reset-icon{height:48px;display:grid;place-items:center}
@media(max-width:1000px){
 .dnk-explorer .search-wrap{height:48px;min-height:48px}
}
/* Align the top explore action and all filter labels at the same readable scale. */
.dnk-explorer .intro .primary{font-size:16px!important;line-height:1.35}
.dnk-explorer .filter-select,
.dnk-explorer .select-wrap select{font-size:16px!important;line-height:1.35}
.dnk-explorer .filter-select{align-items:center;padding-top:0;padding-bottom:0}
.dnk-explorer .select-wrap select{padding-top:0;padding-bottom:0}
@media(max-width:700px){
 .dnk-explorer .intro .primary{font-size:15px!important}
 .dnk-explorer .filter-select,
 .dnk-explorer .select-wrap select{font-size:15px!important}
}
/* Match the region toggle chevron and open-menu typography to the native filters. */
.dnk-explorer .filter-select > span{display:inline-block;width:8px;height:8px;padding:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;font-size:0;line-height:0;transform:rotate(45deg);transform-origin:center;margin:-4px 3px 0 8px}
.dnk-explorer .region-menu label{font-size:16px!important;line-height:1.35;color:#1f2937;padding:9px 0}
.dnk-explorer .region-menu .menu-heading{font-size:13px!important;line-height:1.35;color:#596579}
.dnk-explorer .region-menu .menu-heading button{font-size:16px!important;line-height:1.35;color:#003e9e}
.dnk-explorer .region-menu small{font-size:13px!important;line-height:1.35;color:#596579}
@media(max-width:700px){
 .dnk-explorer .region-menu label{font-size:15px!important}
 .dnk-explorer .region-menu .menu-heading{font-size:12px!important}
 .dnk-explorer .region-menu .menu-heading button{font-size:15px!important}
 .dnk-explorer .region-menu small{font-size:12px!important}
}
/* Enlarge the four small items in the surname record map/details view. */
.dnk-explorer dialog .detail-hero .haplo-pill{font-size:16px!important;line-height:1.35;padding:8px 12px;font-weight:600}
.dnk-explorer dialog .record-map .map-status{font-size:16px!important;line-height:1.35;color:#1f2937;padding:7px 10px;white-space:nowrap}
.dnk-explorer dialog .record-map .map-match-note{font-size:16px!important;line-height:1.55;color:#1f2937!important}
.dnk-explorer dialog .record-map .map-coordinate{font-size:16px!important;line-height:1.5;color:#1f2937!important}
@media(max-width:700px){
 .dnk-explorer dialog .detail-hero .haplo-pill{font-size:15px!important}
 .dnk-explorer dialog .record-map .map-status{font-size:15px!important}
 .dnk-explorer dialog .record-map .map-match-note,
 .dnk-explorer dialog .record-map .map-coordinate{font-size:15px!important}
}
/* Keep the Balkan map visible around a readable white explorer surface. */
.dnk-explorer{box-sizing:border-box;background:rgba(255,255,255,.96);border:1px solid rgba(0,62,158,.10);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 18px 45px rgba(0,62,158,.13);padding:28px 24px 40px}
@media(max-width:700px){
 .dnk-explorer{padding:20px 14px 30px;border-radius:0 0 14px 14px}
}