/* Scoped to survive the 2019 article template's heading, link and paragraph rules. */
.dj-related{margin:36px 0;padding:28px 0;border-top:1px solid #e3e3e3;color:#202020;clear:both;max-width:100%;min-width:0}
.dj-related *{box-sizing:border-box}.dj-related [hidden]{display:none!important}
.dj-related .dj-related__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.dj-related .dj-related__header h2{font-family:inherit;font-size:28px;font-weight:700;line-height:1.25;letter-spacing:-.5px;margin:0;padding:0;color:#202020}
.dj-related .dj-related__header h2 span{color:#d21123}
.dj-related .dj-related__controls{display:flex;gap:8px;flex-shrink:0}
.dj-related .dj-related__controls button{display:block;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:4px;background:#d21123;color:#fff;font:24px/1 Arial,sans-serif;cursor:pointer;box-shadow:none}
.dj-related .dj-related__controls button:disabled{background:#eee;color:#999;cursor:default}
.dj-related .dj-related__rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 18px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:#d21123 #eee}
.dj-related .dj-related__card{flex:0 0 42%;min-width:0;display:flex;flex-direction:column;scroll-snap-align:start;border:1px solid #dedede;border-radius:5px;overflow:hidden;text-decoration:none!important;background:#fff;color:#202020;padding:0;box-shadow:none;transition:border-color .15s}
.dj-related .dj-related__card:hover{border-color:#d21123}.dj-related a:focus-visible,.dj-related button:focus-visible{outline:3px solid #1866ba;outline-offset:2px}
.dj-related .dj-related__image,.dj-related .dj-related__fallback{display:block;aspect-ratio:16/9;width:100%;height:auto;object-fit:cover;margin:0;border:0;border-radius:0;float:none;max-width:100%}
.dj-related .dj-related__fallback{background:#191919;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;border-top:4px solid #d21123}
.dj-related .dj-related__fallback>span{font-size:22px;letter-spacing:-1px}.dj-related .dj-related__fallback strong{color:#ed1c2e}.dj-related .dj-related__fallback small{font-size:12px;margin-top:8px;color:#ccc}
.dj-related .dj-related__copy{padding:18px;display:flex;flex:1;flex-direction:column}
.dj-related .dj-related__copy h3{font-family:inherit;font-size:19px;font-weight:700;line-height:1.35;margin:0 0 12px;padding:0;color:#202020}
.dj-related .dj-related__copy p{font-size:14px;line-height:1.65;color:#616161;margin:0 0 20px;padding:0}
.dj-related .dj-related__read{color:#d21123;font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:12px}.dj-related .dj-related__read span{font-size:22px}
.dj-related .dj-related__position{font-size:12px;color:#666;margin:16px 0 0;padding:0;line-height:1.5}
@media(max-width:600px){.dj-related .dj-related__header h2{font-size:24px}.dj-related .dj-related__card{flex-basis:85%}.dj-related .dj-related__header{gap:10px}}
@media(prefers-reduced-motion:reduce){.dj-related .dj-related__rail{scroll-behavior:auto}.dj-related .dj-related__card{transition:none}}

/* Category pages use the exact same cards in a wrapping grid. */
.dj-article-category .dj-article-category__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px;padding:4px}
.dj-article-category .dj-related__card{width:100%}

.dj-article-category .dj-article-category__search{margin-bottom:22px;padding:0 4px}
.dj-article-category .dj-article-category__search label{display:block;font-size:16px;font-weight:700;margin-bottom:8px}
.dj-article-category .dj-article-category__search-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.dj-article-category .dj-article-category__search input{flex:1;min-width:180px;width:100%;max-width:100%;box-sizing:border-box;border:1px solid #aaa;border-radius:4px;background:#fff;color:#202020;padding:14px 16px;font:inherit;line-height:1.5;height:auto;margin:0}
.dj-article-category .dj-article-category__search input:focus-visible{outline:3px solid #1866ba;outline-offset:2px}
.dj-article-category .dj-article-category__search button{border:0;border-radius:4px;padding:14px 18px;background:#d21123;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.dj-article-category .dj-article-category__search p{font-size:14px;line-height:1.5;color:#616161;margin:10px 0 0}