/* Resources landing page (template-parts/resources-landing.php). Everything is scoped to .dny-rl
   and loaded only on that page. */
.dny-rl { --dny-red:#D91F2A; --dny-red-dark:#C11A24; --dny-blue:#214B8F; --dny-ink:#181818; --dny-muted:#717171; --dny-rule:#E9E3DE; --dny-soft:#F6F4F2;
  max-width:1180px; margin:0 auto; padding:0 20px 50px; font-family:Poppins, system-ui, sans-serif; color:var(--dny-ink); line-height:1.5; }
.dny-rl a { color:inherit; }
.dny-rl h2 { font-size:24px; font-weight:700; margin:0 0 4px; }

.dny-rl__hero { padding:34px 0; border-bottom:8px solid var(--dny-rule); }
.dny-rl__title { font-size:40px; line-height:1.15; font-weight:700; margin:0 0 10px; }
.dny-rl__lede { font-family:inherit; font-size:17px; max-width:720px; margin:0 0 22px; }
.dny-rl__search { display:flex; max-width:760px; border:2px solid var(--dny-ink); border-radius:6px; overflow:hidden; background:#fff; }
.dny-rl__search:focus-within { box-shadow:0 0 0 3px rgba(217,31,42,.18); }
.dny-rl__search input { flex:1; min-width:0; border:0; outline:none; font:inherit; font-size:18px; padding:14px 16px; background:#fff; }
.dny-rl__search button { border:0; background:var(--dny-red); color:#fff; font:inherit; font-weight:600; padding:0 26px; cursor:pointer; }
.dny-rl__search button:hover { background:var(--dny-red-dark); }
.dny-rl__hint { font-size:14px; color:var(--dny-muted); margin:12px 0 0; }
.dny-rl__tries { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.dny-rl__tries a { font-size:14px; color:var(--dny-red); text-decoration:none; border:1px solid #F1C4C7; border-radius:999px; padding:4px 14px; }
.dny-rl__tries a:hover { border-color:var(--dny-red); }

.dny-rl__results { padding:26px 0 34px; border-bottom:8px solid var(--dny-rule); scroll-margin-top:90px; }
.dny-rl__results-head { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.dny-rl__results-head h2 { font-size:20px; }
.dny-rl__clear { margin-left:auto; font-size:14px; color:var(--dny-muted) !important; }
.dny-rl__langs { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 18px; }
.dny-rl__langs a { font-size:13px; text-decoration:none; border:1px solid #ccc; border-radius:999px; padding:4px 14px; }
.dny-rl__langs a.is-on { background:var(--dny-ink); color:#fff; border-color:var(--dny-ink); }
.dny-rl__guide { padding:18px 0; border-top:1px solid var(--dny-rule); max-width:820px; }
.dny-rl__meta { display:flex; gap:10px; align-items:center; font-size:12px; color:var(--dny-muted); }
.dny-rl__badge { font-size:11px; font-weight:600; border-radius:3px; padding:1px 7px; background:var(--dny-soft); color:var(--dny-ink); border:1px solid var(--dny-rule); }
.dny-rl__badge--en { background:#EEF3FB; border-color:#D5E0F2; color:var(--dny-blue); }
.dny-rl__guide h3 { font-size:19px; font-weight:600; line-height:1.3; margin:4px 0 8px; }
.dny-rl__guide h3 a { text-decoration:none; }
.dny-rl__guide h3 a:hover { color:var(--dny-red); }
.dny-rl__section { border-left:3px solid var(--dny-rule); padding:2px 0 2px 14px; margin:8px 0; }
.dny-rl__section a { color:var(--dny-red); font-weight:600; font-size:14px; text-decoration:underline; }
.dny-rl__section p { margin:2px 0 0; font-family:inherit; font-size:14px; line-height:1.55; color:#3a3a3a; }
.dny-rl mark { background:#FDE7E8; color:inherit; padding:0 1px; border-radius:2px; }
.dny-rl__note { font-size:14px; color:var(--dny-muted); padding:12px 0; }
.dny-rl__pages { display:flex; gap:20px; margin-top:16px; font-size:14px; }
.dny-rl__pages a { color:var(--dny-red); }

.dny-rl__browse { padding:22px 0 6px; }
.dny-rl__chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.dny-rl__chips a { font-size:14px; text-decoration:none; border:1px solid var(--dny-rule); background:var(--dny-soft); padding:6px 12px; border-radius:4px; }
.dny-rl__chips a:hover { border-color:var(--dny-red); color:var(--dny-red); }

.dny-rl__popular { padding-top:30px; }
.dny-rl__sub { color:var(--dny-muted); font-size:14px; margin:0 0 20px; }
.dny-rl__grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:34px 30px; }
.dny-rl__topic { min-width:0; border-top:3px solid var(--dny-ink); padding-top:10px; scroll-margin-top:90px; }
.dny-rl__topic-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.dny-rl__topic h3 { font-size:17px; font-weight:700; margin:0 0 10px; }
.dny-rl__topic h3 a { text-decoration:none; }
.dny-rl__all { font-size:12px; color:var(--dny-red) !important; white-space:nowrap; }
.dny-rl__lead { display:block; text-decoration:none; margin-bottom:8px; }
/* The frame holds the 16:9 shape, so a missing image leaves a grey box instead of breaking the card. */
.dny-rl__lead-img { display:block; aspect-ratio:16/9; overflow:hidden; background:var(--dny-soft); }
.dny-rl__lead-img img { display:block; width:100%; height:100%; object-fit:cover; }
.dny-rl__lead-title { display:block; font-weight:600; font-size:15px; line-height:1.35; margin-top:8px; }
.dny-rl__lead:hover .dny-rl__lead-title { color:var(--dny-red); }
.dny-rl__topic ol { margin:0; padding-left:22px; font-size:14px; list-style:decimal; }
.dny-rl__topic li { padding:6px 0; border-top:1px solid var(--dny-rule); }
.dny-rl__topic li::marker { color:var(--dny-red); font-weight:700; }
.dny-rl__topic li a { text-decoration:none; }
.dny-rl__topic li a:hover { color:var(--dny-red); }

@media (max-width:900px) { .dny-rl__grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:600px) {
  .dny-rl__grid { grid-template-columns:minmax(0, 1fr); }
  .dny-rl__title { font-size:30px; }
  .dny-rl__search input { font-size:16px; }
  .dny-rl__search button { padding:0 16px; }
}