
:root{
  --recent-ink:#103553;
  --recent-blue:#145a86;
  --recent-blue-dark:#103f67;
  --recent-gold:#c9953e;
  --recent-line:rgba(16,53,83,.14);
}
.recent-page{
  background:#f8f5ee;
  color:var(--recent-ink);
  font-family:"Heebo","Noto Sans Hebrew",Arial,sans-serif;
}
.recent-page *{box-sizing:border-box}
.recent-page button,.recent-page select{font:inherit}

.recent-hero{
  position:relative;min-height:300px;overflow:hidden;color:#fff;
  background:
    linear-gradient(90deg,rgba(8,30,45,.82),rgba(8,30,45,.37) 54%,rgba(8,30,45,.55)),
    url("/nav-history/assets/img/breslov-historic.jpg") center 48%/cover no-repeat;
  border-bottom:1px solid rgba(16,53,83,.14);
}
.recent-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(8,28,41,.23),transparent 50%);
}
.recent-hero-shade{position:absolute;inset:0;box-shadow:inset 0 -22px 45px rgba(0,0,0,.10)}
.recent-hero-inner{
  position:relative;z-index:2;min-height:300px;
  display:flex;align-items:center;padding-top:35px;padding-bottom:35px;
}
.recent-hero-copy{width:min(780px,82%);text-shadow:0 2px 13px rgba(0,0,0,.30)}
.recent-kicker{
  display:inline-block;margin:0 0 9px;padding:5px 12px;
  border:1px solid rgba(255,255,255,.30);border-radius:999px;
  background:rgba(9,48,72,.42);font-weight:700;font-size:14px;
}
.recent-hero h1{margin:0;font-size:clamp(52px,6vw,80px);line-height:1;letter-spacing:-.04em}
.recent-hero-lead{max-width:760px;margin:17px 0 0;font-size:20px;line-height:1.55;font-weight:650}

.recent-layout{
  display:grid;grid-template-columns:215px minmax(0,1fr) 270px;
  gap:18px;align-items:start;padding-top:22px;padding-bottom:28px;
}
.panel{
  border:1px solid var(--recent-line);border-radius:8px;
  background:rgba(255,255,255,.93);box-shadow:0 3px 12px rgba(16,53,83,.045);
  overflow:visible;
}
.panel-heading{padding:13px 15px;border-bottom:1px solid rgba(16,53,83,.09)}
.panel-heading h2{margin:0;font-size:20px}

.recent-filters{position:sticky;top:18px}
.recent-type-filters{display:grid;padding:7px}
.recent-filter{
  width:100%;min-height:39px;border:0;border-radius:5px;background:transparent;
  color:#34576c;display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:0 10px;cursor:pointer;font-weight:700;
}
.recent-filter:hover,.recent-filter.is-active{background:#f0e8da;color:#164f75}
.recent-filter b{
  min-width:27px;padding:2px 6px;border-radius:999px;
  background:#eef2f4;color:#607580;font-size:11px;text-align:center;
}
.recent-filter-note{
  margin:8px 12px 13px;padding:11px;border-top:1px solid rgba(16,53,83,.08);
  color:#647782;font-size:11.5px;line-height:1.55;
}
.recent-filter-note strong{color:#31546a}

.recent-results-panel{min-width:0}
.recent-results-heading{
  min-height:66px;display:flex;justify-content:space-between;gap:15px;align-items:center;
  padding:12px 16px;border-bottom:1px solid rgba(16,53,83,.09);
}
.recent-results-heading h2{margin:0;font-size:22px}
.recent-summary{margin:3px 0 0;color:#687c88;font-size:13px}
.recent-sort-label{display:flex;align-items:center;gap:7px;color:#60727e;font-size:13px}
.recent-sort-label select{
  height:37px;border:1px solid #cbd6dc;border-radius:5px;background:#fff;color:#315268;padding:0 8px;
}
.recent-results{display:grid}
.recent-item{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;
  gap:13px;align-items:start;padding:16px;border-bottom:1px solid rgba(16,53,83,.08);
}
.recent-item:last-child{border-bottom:0}
.recent-item-icon{
  width:40px;height:40px;display:grid;place-items:center;border-radius:50%;
  background:#edf3f6;color:#175d87;font-size:20px;font-weight:800;
}
.recent-item:nth-child(2n) .recent-item-icon{background:#faf2e5;color:#b9781a}
.recent-item-copy{min-width:0}
.recent-item-copy h3{margin:0;font-size:18px;line-height:1.35}
.recent-item-copy h3 a{color:#134c73;text-decoration:none}
.recent-item-copy h3 a:hover{text-decoration:underline}
.recent-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  margin-top:5px;color:#74848d;font-size:11.5px;
}
.recent-badge{padding:2px 7px;border-radius:999px;background:#f2ede4;color:#5c6d76;font-weight:700}
.recent-date{direction:ltr;unicode-bidi:isolate}
.recent-item-copy p{margin:7px 0 0;color:#526b7a;font-size:13.5px;line-height:1.55}
.recent-open{align-self:center;color:#1d678f;text-decoration:none;font-size:21px;font-weight:700}
.recent-state{padding:42px 22px;text-align:center;color:#617681}
.recent-state strong{display:block;color:#244f69;font-size:19px}
.recent-state p{margin:7px 0 0}
.recent-error{color:#984949}
.recent-more-wrap{padding:14px;text-align:center}
.recent-more{
  min-width:190px;min-height:43px;border:1px solid #c9d6dd;border-radius:6px;
  background:#fff;color:#1b5d84;font-weight:800;cursor:pointer;
}

.recent-side{display:grid;gap:16px}
.recent-browse nav{display:grid}
.recent-browse a{
  display:flex;justify-content:space-between;gap:10px;padding:12px 14px;
  color:#18547a;text-decoration:none;border-bottom:1px solid rgba(16,53,83,.08);font-weight:700;
}
.recent-browse a:last-child{border-bottom:0}
.recent-contribute{
  padding:18px;text-align:center;background:linear-gradient(#fffdf9,#f6efe3);
}
.recent-plus{
  width:48px;height:48px;margin:0 auto 8px;display:grid;place-items:center;
  border-radius:50%;background:#eaf2f6;color:#175c87;font-size:26px;
}
.recent-contribute h2{margin:0;font-size:18px}
.recent-contribute p{margin:8px 0 12px;color:#667783;line-height:1.62;font-size:13px}
.recent-contribute-button{
  display:flex;align-items:center;justify-content:center;min-height:41px;
  border-radius:6px;background:var(--recent-blue-dark);color:#fff;text-decoration:none;font-weight:800;
}

.recent-closing{
  border-top:1px solid rgba(16,53,83,.12);
  background:
    linear-gradient(90deg,rgba(232,216,189,.95),rgba(248,239,220,.93),rgba(223,205,175,.95)),
    url("/nav-history/assets/img/breslov-historic.jpg") center 67%/cover no-repeat;
  text-align:center;
}
.recent-closing-inner{
  min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding-top:22px;padding-bottom:22px;
}
.recent-closing strong{font-size:24px}
.recent-closing p{max-width:800px;margin:7px 0 0;color:#5b6f7a;line-height:1.6}

@media(max-width:1080px){
  .recent-layout{grid-template-columns:200px minmax(0,1fr)}
  .recent-side{grid-column:1/-1;grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
  .recent-layout{grid-template-columns:1fr}
  .recent-filters{position:static}
  .recent-type-filters{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .recent-hero-copy{width:100%}
  .recent-side{grid-template-columns:1fr}
  .recent-item{grid-template-columns:40px 1fr}
  .recent-open{display:none}
  .recent-results-heading{align-items:flex-start;flex-direction:column}
}
