/* ================================================================
   A005523 — /news_articles: search + filter by year and practice area.
   The article list is the source of truth: every card carries
   data-date (YYYY or YYYY-MM) and data-topics (space-separated keys).
   The search results open only when the visitor opens the search.
   ================================================================ */
.news-finder{position:relative;margin:0 0 36px;padding:22px 24px 18px;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--rad-lg);box-shadow:var(--shadow-sm)}
.news-finder__bar{display:grid;grid-template-columns:minmax(0,1fr) 190px 250px;gap:14px;align-items:end}
.news-finder__label{display:block;margin:0 0 8px;font-family:var(--serif);font-size:1.15rem;font-weight:700;color:var(--ink);line-height:1.3}
.news-finder__filter .news-finder__label{font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--ink-3)}
.news-finder__field{position:relative}
.news-finder__input{position:relative;display:flex}
.news-finder__input svg{position:absolute;inset-block:0;inset-inline-start:14px;margin-block:auto;width:20px;height:20px;
  fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;pointer-events:none}
.news-finder__input input{box-sizing:border-box;flex:1;min-width:0;height:50px;margin:0;padding:0 46px 0 14px;
  font:inherit;font-size:1rem;color:var(--ink);background:var(--mist);border:1px solid var(--line);
  border-start-end-radius:0;border-end-end-radius:0;border-start-start-radius:var(--rad);border-end-start-radius:var(--rad);
  -webkit-appearance:none;appearance:none}
html[dir=ltr] .news-finder__input input{padding:0 14px 0 46px}
.news-finder__input input::-webkit-search-cancel-button{cursor:pointer}
.news-finder__input input::placeholder{color:var(--muted);opacity:1}
.news-finder__input input:focus{outline:none;background:var(--paper);border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,159,197,.18)}
.news-finder__go{flex:none;height:50px;margin:0;padding:0 22px;font:inherit;font-weight:600;font-size:1rem;color:#fff;
  background:var(--blue-700);border:1px solid var(--blue-700);cursor:pointer;
  border-start-end-radius:var(--rad);border-end-end-radius:var(--rad);border-start-start-radius:0;border-end-start-radius:0;
  transition:background .2s}
.news-finder__go:hover{background:var(--ink-2);border-color:var(--ink-2)}
.news-finder__go:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.news-finder__select{position:relative}
.news-finder__select select{box-sizing:border-box;width:100%;height:50px;margin:0;padding:0 14px 0 38px;font:inherit;font-size:.98rem;
  color:var(--ink);background:var(--mist);border:1px solid var(--line);border-radius:var(--rad);cursor:pointer;
  -webkit-appearance:none;appearance:none}
html[dir=ltr] .news-finder__select select{padding:0 38px 0 14px}
.news-finder__select::after{content:"";position:absolute;inset-inline-end:16px;top:50%;width:8px;height:8px;margin-top:-6px;
  border-bottom:2px solid var(--ink-3);border-right:2px solid var(--ink-3);transform:rotate(45deg);pointer-events:none}
.news-finder__select select:focus{outline:none;background:var(--paper);border-color:var(--blue);box-shadow:0 0 0 3px rgba(2,159,197,.18)}
.news-finder__select select.is-set{background:var(--blue-050);border-color:var(--blue);color:var(--blue-700);font-weight:600}
.news-finder__status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 0;font-size:.9rem;color:var(--muted)}
.news-finder__status p{margin:0}
.news-finder__reset{margin:0;padding:0;font:inherit;font-size:.9rem;font-weight:600;color:var(--blue-700);background:none;border:0;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.news-finder__reset[hidden]{display:none}
.news-finder__reset:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
/* the results panel — closed until the visitor opens the search */
.news-finder__pop{position:absolute;z-index:30;inset-inline:0;top:calc(100% + 6px);margin:0;padding:6px;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--rad-lg);box-shadow:var(--shadow)}
.news-finder__pop[hidden]{display:none}
.news-finder__list{list-style:none;margin:0;padding:0;max-height:min(380px,55vh);overflow-y:auto;overscroll-behavior:contain}
.news-finder__list li{margin:0;padding:0;border-bottom:1px solid var(--mist-2)}
.news-finder__list li:last-child{border-bottom:0}
.news-finder__list li[hidden]{display:none}
.news-finder__list a,.news-finder__list button{display:flex;align-items:baseline;gap:12px;width:100%;box-sizing:border-box;margin:0;
  padding:11px 12px;font:inherit;font-size:.97rem;line-height:1.55;text-align:start;color:var(--text);text-decoration:none;
  background:none;border:0;border-radius:var(--rad);cursor:pointer}
.news-finder__list a:hover,.news-finder__list button:hover{background:var(--mist);color:var(--ink)}
.news-finder__list a:focus-visible,.news-finder__list button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;background:var(--mist)}
.news-finder__t{flex:1;min-width:0;overflow-wrap:anywhere}
.news-finder__d{flex:none;font-size:.82rem;font-weight:600;color:var(--blue-700);font-variant-numeric:tabular-nums;white-space:nowrap}
.news-finder__list mark{background:rgba(2,159,197,.2);color:inherit;border-radius:2px;padding:0 1px}
.news-finder__empty{margin:0;padding:14px 12px;color:var(--muted)}
.news-finder__empty[hidden]{display:none}
.news-finder__nocards{margin:0 0 24px;padding:18px 20px;color:var(--muted);background:var(--mist);border-radius:var(--rad)}
.news-finder__nocards[hidden]{display:none}
/* the date + area line on every card */
.news-item:has(.news-meta){grid-template-areas:"ico meta" "ico txt" "ico more"}
.news-item:not(:has(.news-ico)):has(.news-meta){grid-template-columns:1fr;grid-template-areas:"meta" "txt" "more"}
.news-meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 -6px;font-size:.84rem;line-height:1.4;color:var(--muted)}
.news-date{font-weight:600;color:var(--blue-700);font-variant-numeric:tabular-nums}
.news-topic{display:inline-block;padding:2px 9px;background:var(--mist);border:1px solid var(--mist-2);border-radius:999px;color:var(--ink-3)}
.news-list>[hidden]{display:none!important}
.news-list.is-filtered .rv{opacity:1!important;transform:none!important}
@media (max-width:980px){
  .news-finder__bar{grid-template-columns:1fr 1fr}
  .news-finder__field{grid-column:1/-1}
}
@media (max-width:640px){
  .news-finder{margin-bottom:26px;padding:16px 14px 14px}
  .news-finder__bar{gap:12px}
  .news-finder__label{font-size:1.08rem}
  .news-finder__go{padding:0 16px}
  .news-finder__list{max-height:min(340px,60vh)}
  .news-finder__list a,.news-finder__list button{padding:10px;gap:10px;flex-wrap:wrap}
  .news-finder__d{order:-1;width:100%}
}
@media (max-width:420px){
  .news-finder__bar{grid-template-columns:1fr}
}