:root {
  --navy:#103553;
  --navy-2:#174f79;
  --navy-3:#0a273d;
  --gold:#d39a38;
  --gold-2:#e7bc6e;
  --cream:#fffaf1;
  --paper:#fbf7ef;
  --line:#ddd8cf;
  --muted:#617384;
  --ink:#17364f;
  --shadow:0 9px 28px rgba(16,53,83,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fffdf9;color:var(--ink)}
button,input{font:inherit}
button{cursor:pointer}
.shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;top:-70px;inset-inline-start:20px;z-index:9999;background:#fff;color:var(--navy);padding:10px 14px;border-radius:0 0 8px 8px}.skip-link:focus{top:0}

/* Header and footer geometry intentionally follows the uploaded baseline. */
.topbar{min-height:84px;background:rgba(255,250,241,.97);border-bottom:1px solid rgba(16,53,83,.12);box-shadow:0 2px 10px rgba(16,53,83,.05);position:sticky;top:0;z-index:2000}
.topbar-inner{min-height:84px;display:grid;grid-template-columns:minmax(190px,230px) 1fr auto;align-items:center;gap:30px}
.text-brand{text-decoration:none;color:#103553;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.1;min-width:190px;direction:ltr}
.brand-word{font-family:"Heebo","Noto Sans Hebrew",Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.02em;color:#103553}.brand-motto{display:block;margin-top:5px;font-family:"Heebo","Noto Sans Hebrew",Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.25;color:#536779;white-space:nowrap}
.main-nav{display:flex;justify-content:center;align-items:center;gap:30px;min-width:0}.main-nav a{position:relative;font-family:"Heebo","Noto Sans Hebrew",Arial,sans-serif;font-size:17px;font-weight:600;line-height:1;color:#103553;text-decoration:none;padding:13px 2px;white-space:nowrap;transition:color .15s ease,transform .15s ease}.main-nav a:hover{color:#1f6d9f;transform:translateY(-1px)}.main-nav a[aria-current="page"]::after{content:"";position:absolute;height:3px;border-radius:3px;background:var(--gold);inset-inline:1px;bottom:3px}
.header-actions{display:flex;align-items:center;gap:12px}.mini-search{width:220px;height:44px;border:1px solid #c7d4df;background:#fff;border-radius:7px;display:flex;align-items:center;padding:0 14px;gap:8px}.mini-search input{width:100%;border:0;outline:0;background:transparent;font-family:"Heebo","Noto Sans Hebrew",Arial,sans-serif;font-size:16px;color:#103553}.mini-search input::placeholder{color:#8293a2}.join-button{min-width:180px;height:44px;padding:0 24px;border-radius:7px;background:#103f67;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;font-family:"Heebo","Noto Sans Hebrew",Arial,sans-serif;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 2px 5px rgba(16,63,103,.12)}.join-button:hover{background:#0b3457}.menu-toggle{display:none;background:#fff;border:1px solid #c7d4df;border-radius:7px;width:44px;height:44px;color:#103553;font-size:22px}.mobile-nav{padding:10px 18px 18px;background:#fffaf1;border-top:1px solid rgba(16,53,83,.08)}.mobile-nav a{display:block;padding:10px;color:#103553;text-decoration:none;font-weight:700}
.footer-breslov-logo{display:block;width:min(240px,52vw);height:auto}.footer-copyright{direction:ltr;unicode-bidi:isolate;text-align:center;font:500 14px/1.6 "Segoe UI",Arial,sans-serif;color:#5f6f7c;padding:12px 20px 18px}

/* English hover translations are intentionally inherited from /assets/css/home.css.
   This keeps the behavior identical to the homepage and the other navigation pages. */

.nigunim-page{font-family:"Heebo","Noto Sans Hebrew",Arial,sans-serif}

.nigunim-hero{position:relative;overflow:visible;min-height:310px;background:linear-gradient(110deg,#0b1520 0%,#2f1b11 46%,#754319 100%);color:#fff;border-bottom:1px solid rgba(211,154,56,.45)}
.nigunim-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 26%,rgba(211,154,56,.18),transparent 18%),radial-gradient(circle at 74% 38%,rgba(244,190,97,.24),transparent 27%),linear-gradient(90deg,rgba(0,0,0,.28),transparent 58%)}
.hero-glow{position:absolute;inset:-30% -10% auto auto;width:55%;height:180%;background:radial-gradient(circle,rgba(231,188,110,.15),transparent 64%);transform:rotate(-8deg)}
.nigunim-hero-grid{position:relative;min-height:310px;display:grid;grid-template-columns:minmax(390px,.86fr) minmax(0,1.14fr);gap:30px;align-items:center;padding-block:34px}
.nigunim-title-card{position:relative;background:linear-gradient(135deg,#f8ecd0,#fff9ea);color:#102e45;border:1px solid rgba(211,154,56,.42);box-shadow:0 20px 50px rgba(0,0,0,.25);padding:28px 34px 26px;border-radius:10px}
.nigunim-title-card::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(106,70,26,.025),rgba(106,70,26,.025) 1px,transparent 1px,transparent 5px);pointer-events:none}
.hero-kicker{display:block;font-weight:800;color:#7a4b1e;font-size:15px;margin-bottom:2px}.nigunim-title-card h1{position:relative;margin:0;font-size:clamp(46px,5vw,70px);line-height:1.02;letter-spacing:-.03em}.nigunim-title-card p{position:relative;margin:8px 0 0;font-size:18px;line-height:1.55}.nigunim-title-card .hero-small{font-size:14px;color:#5d6f7a;margin-top:4px}.ornament{position:relative;display:flex;align-items:center;gap:8px;margin:10px 0;color:#b57a29;max-width:250px}.ornament span{height:1px;background:rgba(181,122,41,.48);flex:1}
.hero-music-stage{position:relative;min-height:245px;align-self:stretch;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 68% 42%,rgba(222,142,52,.47),transparent 23%),linear-gradient(110deg,rgba(0,0,0,.18),rgba(123,68,24,.2) 48%,rgba(0,0,0,.15))}
.hero-music-stage::before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;border:35px solid rgba(106,53,20,.68);inset-inline-end:-110px;top:-80px;box-shadow:inset 0 0 0 4px rgba(240,170,65,.18),0 0 60px rgba(0,0,0,.3)}
.sound-hole{position:absolute;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,#080b0f 0 54%,#553019 55% 61%,#d99b4d 62% 64%,#2f1c12 65%);inset-inline-end:92px;top:68px;box-shadow:0 0 30px rgba(0,0,0,.45)}
.bridge-shape{position:absolute;width:72px;height:170px;background:linear-gradient(90deg,#4a2c1b,#bd6c2e 45%,#52301c);inset-inline-end:18px;top:34px;border-radius:8px;transform:rotate(-8deg);box-shadow:0 8px 20px rgba(0,0,0,.38)}
.string{position:absolute;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(245,205,136,.95),rgba(255,255,255,.2));left:-5%;right:5%;transform-origin:right center;box-shadow:0 0 4px rgba(255,219,159,.45)}.string-1{top:34%;transform:rotate(-8deg)}.string-2{top:42%;transform:rotate(-7deg)}.string-3{top:50%;transform:rotate(-6deg)}.string-4{top:58%;transform:rotate(-5deg)}
.hero-note{position:absolute;color:rgba(249,220,164,.75);text-shadow:0 7px 20px rgba(0,0,0,.35)}.note-a{font-size:66px;left:18%;top:26%}.note-b{font-size:44px;left:9%;top:55%}.note-c{font-size:34px;left:34%;top:63%}

.catalog-tools{background:#fffaf2;padding:18px 0 16px;border-bottom:1px solid #e7e0d6}.wide-search{display:grid;grid-template-columns:auto minmax(0,1fr) 150px 210px;gap:10px;align-items:center}.search-symbol{font-size:26px;color:#174f79}.wide-search input{height:46px;border:1px solid #cbd4da;border-radius:7px;background:#fff;padding:0 16px;color:#17364f;outline:none}.wide-search input:focus{border-color:#5a8daf;box-shadow:0 0 0 3px rgba(37,107,150,.1)}.primary-button,.secondary-button{height:46px;border-radius:7px;font-weight:800}.primary-button{border:0;background:#154c74;color:#fff}.primary-button:hover{background:#103f67}.secondary-button{border:1px solid #eadcc0;background:#f4ead7;color:#17364f}.secondary-button:hover{background:#efe1c7}
.category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:18px}.category-button{min-height:96px;border:1px solid #e2ddd4;background:linear-gradient(#fff,#fbf8f1);border-radius:8px;padding:11px 6px 9px;color:#17364f;box-shadow:0 2px 7px rgba(16,53,83,.03);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.category-button:hover,.category-button.active{transform:translateY(-2px);border-color:#cda45e;box-shadow:0 6px 15px rgba(16,53,83,.08)}.category-icon{display:block;font-size:31px;line-height:1;margin-bottom:7px;color:#c88732}.category-name{display:block;font-weight:800;font-size:15px}

.catalog-body{background:#fdfbf7;padding:18px 0 26px}.catalog-columns{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr);gap:16px;align-items:start}.catalog-main-column,.catalog-side-column{display:grid;gap:16px}.content-card{background:#fff;border:1px solid #e0ddd7;border-radius:8px;box-shadow:0 2px 10px rgba(16,53,83,.035);overflow:visible}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid #e6e2db}.heading-title-wrap{display:flex;align-items:center;gap:8px;min-width:0}.card-heading h2{margin:0;font-size:22px;color:#17364f}.heading-mark{color:#d09036;font-size:24px}.heading-mark.clock{font-size:27px}.plain-link{border:0;background:none;color:#276a99;font-weight:700;padding:4px 2px}.compact-heading h2{font-size:21px}
.featured-nigun{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(180px,.7fr);gap:20px;padding:16px}.featured-visual{position:relative;min-height:192px;border-radius:7px;overflow:hidden;background:linear-gradient(155deg,#9bc0cf 0%,#f2cf8b 52%,#80613c 53%,#243a2e 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.featured-visual::before{content:"";position:absolute;left:-10%;right:-10%;bottom:-8%;height:46%;background:linear-gradient(165deg,transparent 0 28%,rgba(33,58,47,.9) 29% 48%,rgba(19,43,34,.98) 49%)}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:rgba(17,39,57,.72);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;padding-inline-start:3px;box-shadow:0 5px 18px rgba(0,0,0,.25)}button.play-circle:disabled{opacity:.55;cursor:default}.featured-copy{padding-top:3px}.featured-copy h3{margin:0 0 4px;font-size:30px;color:#153e60}.featured-description{margin:0 0 14px;font-size:16px;line-height:1.7;color:#294b64}.tag-row{display:flex;flex-wrap:wrap;gap:7px}.tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#f5f2ec;color:#385a72;font-size:12px;border:1px solid #ebe5dc}.featured-quote{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;padding:20px;background:linear-gradient(135deg,#f7f1e4,#fffdf8);border-radius:7px;color:#29455b;text-align:center}.featured-quote::before{content:'“';position:absolute;top:4px;inset-inline-start:12px;font:700 72px/1 Georgia,serif;color:rgba(179,139,79,.16)}.featured-quote strong{position:relative;font-size:18px;line-height:1.7}
.recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}.recent-item{min-width:0}.recent-visual{position:relative;aspect-ratio:1.65/1;border-radius:6px;overflow:hidden;background:linear-gradient(145deg,#306b82,#f1c06d 47%,#486b55 48%,#183e35);margin-bottom:7px}.recent-item:nth-child(2n) .recent-visual{background:linear-gradient(150deg,#c9d8dc,#b9a486 52%,#766149 53%,#453528)}.recent-item:nth-child(3n) .recent-visual{background:radial-gradient(circle at 50% 55%,#ffd37c 0 6%,#d7782c 7% 14%,#22130d 15% 36%,#090b0d 70%)}.recent-item:nth-child(4n) .recent-visual{background:linear-gradient(160deg,#b5d1db,#e4c687 50%,#789061 51%,#41572f)}.mini-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;border:2px solid #fff;background:rgba(16,45,66,.72);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;padding-inline-start:2px}.recent-item h3{font-size:16px;margin:0;color:#17364f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.all-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.all-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e6e2dc;border-radius:7px;padding:10px;background:#fff}.all-item-icon{width:54px;height:54px;border-radius:8px;background:linear-gradient(135deg,#f4e1bc,#e5c37e);display:flex;align-items:center;justify-content:center;color:#8e5d22;font-size:26px}.all-item h3{margin:0;font-size:16px}.all-action{width:34px;height:34px;border-radius:50%;border:1px solid #cbd7df;background:#f8fbfd;color:#1e628f}.all-action:disabled{opacity:.45}.result-count{color:#6b7c87;font-size:13px}.no-results{margin:0;padding:28px;text-align:center;color:#6d7e89}
.popular-list{list-style:none;margin:0;padding:0 0 2px;counter-reset:popular}.popular-list li{counter-increment:popular;display:grid;grid-template-columns:26px minmax(0,1fr) 34px;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #ebe7e0}.popular-list li:last-child{border-bottom:0}.popular-list li::before{content:counter(popular);color:#8a6b43;font-weight:700;text-align:center}.popular-title{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-play{width:31px;height:31px;border-radius:50%;border:0;background:#245f88;color:#fff}.popular-play:disabled{opacity:.45}
.explore-links{display:grid}.explore-links a,.explore-links button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-bottom:1px solid #ebe7e0;background:#fff;padding:12px 14px;color:#1b5e8d;text-decoration:none;font-weight:700;text-align:right}.explore-links a:last-child,.explore-links button:last-child{border-bottom:0}.explore-links a:hover,.explore-links button:hover{background:#fbf8f2}.explore-links b{font-size:22px;font-weight:400;color:#7a94a5}.catalog-note-card{padding:16px 17px}.catalog-note-card h2{margin:0 0 8px;font-size:19px}.catalog-note-card p{margin:0;font-size:14px;line-height:1.75;color:#5f7180}
.closing-banner{background:#fbf5e9;border-top:1px solid #e1d8ca;position:relative;overflow:visible}.closing-banner::before{display:none}.closing-inner{position:relative;min-height:116px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 24px;padding-block:26px;text-align:center}.closing-notes{color:#b47b2b;font-size:22px}.closing-he{margin:0;font-size:22px;font-weight:800;color:#17364f}.closing-button{display:inline-flex;align-items:center;justify-content:center;background:#164f78;color:#fff;text-decoration:none;padding:12px 22px;border-radius:7px;font-weight:800;box-shadow:0 4px 10px rgba(16,53,83,.12)}

@media (max-width:1100px){.topbar-inner{grid-template-columns:auto 1fr auto;gap:18px}.main-nav{gap:18px}.main-nav a{font-size:16px}.mini-search{width:180px}.join-button{min-width:155px;padding-inline:18px}.category-grid{grid-template-columns:repeat(4,1fr)}.featured-nigun{grid-template-columns:190px minmax(0,1fr)}.featured-quote{grid-column:1/-1;min-height:120px}.recent-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.catalog-columns{grid-template-columns:1fr}.catalog-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-side-column .catalog-note-card{grid-column:1/-1}.nigunim-hero-grid{grid-template-columns:1fr}.hero-music-stage{position:absolute;inset:0;opacity:.22;pointer-events:none}.nigunim-title-card{max-width:680px;margin-inline:auto}.wide-search{grid-template-columns:auto 1fr 120px}.secondary-button{grid-column:2/4}.all-grid{grid-template-columns:1fr}}
@media (max-width:860px){.topbar-inner{display:flex;justify-content:space-between}.main-nav,.mini-search{display:none}.join-button{min-width:auto}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.footer-main{grid-template-columns:1fr!important;text-align:center}.footer-breslov-logo{margin-inline:auto}.footer-links{justify-content:center!important}.footer-motto{justify-content:center!important}}
@media (max-width:650px){.shell{width:min(100% - 24px,1180px)}.nigunim-title-card{padding:24px}.nigunim-title-card h1{font-size:50px}.wide-search{grid-template-columns:34px 1fr}.primary-button,.secondary-button{grid-column:auto/span 1}.primary-button{grid-column:1/2}.secondary-button{grid-column:2/3}.category-grid{grid-template-columns:repeat(2,1fr)}.featured-nigun{grid-template-columns:1fr}.featured-visual{min-height:210px}.recent-grid{grid-template-columns:1fr 1fr}.catalog-side-column{grid-template-columns:1fr}.closing-inner{flex-direction:column}.closing-button{align-self:center}.closing-he{font-size:20px}.all-item{grid-template-columns:48px minmax(0,1fr) auto}.all-item-icon{width:48px;height:48px}}