/* Scoped additions only. Global width, cards and controls are unchanged. */
.dk-ranking-directory{width:100%}
.dk-ranking-directory>a{align-items:center;gap:12px;min-width:0;min-height:92px}
.dk-ranking-directory>a strong{font-weight:400;line-height:1.45}
.dk-ranking-directory>a span{display:inline-flex;align-items:center;gap:5px;font-size:12px}
.dk-ranking-directory .vz-icon{width:16px;height:16px;flex-basis:16px}
.dk-ranking-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}
.dk-ranking-summary p{margin:0}
.dk-ranking-entry{position:relative;min-width:0;display:flex;flex-direction:column}
.dk-ranking-entry>.book-card{flex:1;width:100%;height:100%}
.dk-ranking-position{position:absolute;z-index:1;top:8px;right:8px;display:grid;place-items:center;min-width:28px;min-height:28px;padding:3px 6px;font-size:12px;background:var(--blue-dark);color:#fff;font-variant-numeric:tabular-nums;pointer-events:none}
.dk-ranking-more{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);padding:18px 0;margin-top:28px;font-size:14px}
.dk-ranking-more a{display:inline-flex;align-items:center;min-height:36px}
@media(max-width:820px){.dk-ranking-directory>a{flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}}

/* Group navigation stays inside the original content width. */
.dk-ranking-group-nav{display:flex;flex-wrap:wrap;gap:8px 20px;width:100%;margin:0 0 28px;padding:0 0 18px;border-bottom:1px solid var(--line);font-size:14px}
.dk-ranking-group-nav a{display:inline-flex;align-items:center;min-height:36px;overflow-wrap:anywhere}
.dk-ranking-group{margin:32px 0;scroll-margin-top:24px;min-width:0}
.dk-ranking-group .section-heading{margin-bottom:16px}
.dk-ranking-group .section-heading h2{font-size:24px;line-height:1.3}
@media(max-width:600px){.dk-ranking-group{margin:26px 0}.dk-ranking-group .section-heading h2{font-size:21px}}