#recommendations{background:none;overflow-x:clip;padding-block:50px}
#recommendations .collection{position:relative;background:none;padding:0 0 16px}
#recommendations .collection:before,#recommendations .collection:after{content:none}
#recommendations .rec-heading{margin-bottom:6px}
#recommendations .rec-heading h2{color:var(--text);text-wrap:balance}
#recommendations .rec-intro{margin:15px 0 0;font-size:15px;line-height:1.7;color:var(--muted);max-width:none;text-wrap:wrap}
#recommendations .toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted);margin-bottom:6px}
#recommendations .toolbar p{margin:4px 0}#recommendations .toolbar>div:last-child{display:flex;gap:18px}
#recommendations button{font:inherit;cursor:pointer;color:var(--accent-text)}
#recommendations .toolbar button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;min-height:40px}
#recommendations button[hidden]{display:none}
#recommendations .row{position:relative;outline-offset:2px;direction:ltr;padding:0}
#recommendations .row-window{overflow:hidden;padding:12px 0 16px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;cursor:grab}
#recommendations .dragging .row-window{cursor:grabbing;user-select:none}
#recommendations .track,#recommendations .group{display:flex;align-items:stretch;width:max-content}
#recommendations .group{gap:26px;padding-right:26px}
#recommendations .card{position:relative;isolation:isolate;box-sizing:border-box;width:310px;flex:none;display:flex;flex-direction:column;padding:24px 24px 18px;background:linear-gradient(110deg,#fffdf6,#f5eddb);border:1px solid #b7a58a66;border-radius:1px 3px 2px 1px;box-shadow:2px 5px 8px #49372518;transform:rotate(-.7deg);color:var(--text)}
#recommendations .card:before{content:"";position:absolute;inset:5px -3px -4px 4px;background:#e9dfc9;border:1px solid #b7a58a44;z-index:-2;transform:rotate(.7deg);border-radius:2px}
#recommendations .card:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#fffdf6,#f5eddb);z-index:-1;border-radius:inherit;pointer-events:none}
#recommendations .card:nth-child(even){transform:rotate(.8deg)}
#recommendations .row:nth-child(2) .card:after{background:linear-gradient(115deg,#f7f8ed,#e9eddf)}
#recommendations .card .body{flex:1;min-width:0}
#recommendations .card h3{font:600 25px/1.2 'Playfair Display',Georgia,serif;color:var(--text);margin:7px 0 10px;text-wrap:balance;overflow-wrap:normal;word-break:normal}
#recommendations .card[lang=he]{text-align:right;font-family:Arial,sans-serif}
#recommendations .card[lang=he] h3{font:600 22px/1.3 Arial,sans-serif}
#recommendations .category{font:500 10px/1.4 'Work Sans',Arial,sans-serif;letter-spacing:.07em;color:var(--accent-text)}
#recommendations .card[lang=he] .category{letter-spacing:0}
#recommendations .card p{font-size:13px;line-height:1.65;margin:0 0 14px;color:var(--muted);text-wrap:pretty;word-break:normal}
#recommendations .card .text-unit{white-space:normal}
#recommendations .photo{float:left;width:64px;height:78px;object-fit:cover;margin:0 14px 8px 0;border:3px solid #fffaf0;box-shadow:1px 2px 4px #49372526;transform:rotate(-3deg)}
#recommendations .card[lang=he] .photo{float:right;margin:0 0 8px 14px}
#recommendations .logo{object-fit:contain;width:140px;height:58px;align-self:center;margin-bottom:12px}
#recommendations .links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;border-top:1px solid #b7a58a44;padding-top:8px;clear:both}
#recommendations .links a{display:inline-flex;gap:4px;align-items:center;min-height:32px;font:500 12px/1.4 'Work Sans',Arial,sans-serif;color:var(--accent-text);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
#recommendations :is(a,button,.row):focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
#recommendations .browse .row-window{overflow:visible;mask:none;cursor:auto}
#recommendations .browse .track,#recommendations .browse .group{width:100%;flex-wrap:wrap;justify-content:center;gap:24px;padding:0;transform:none!important}
#recommendations .browse .clone{display:none}
#recommendations .browse .card{transform:none}
@media(max-width:620px){#recommendations{padding-block:50px}#recommendations .toolbar{align-items:flex-start;gap:10px}#recommendations .toolbar>div:last-child{gap:10px;flex:none}#recommendations .card{width:280px;padding:22px 22px 16px}#recommendations .browse .card{width:min(100%,340px)}#recommendations .rec-heading h2{font-size:var(--section-heading-size)}}
/* One quiet divider above the paper collection. */
#recommendations > .section-divider{background-image:linear-gradient(90deg,transparent,#b8a17b77 16%,#b8a17b77 84%,transparent)!important;background-size:100% 1px!important;background-position:center;background-repeat:no-repeat}

/* Static overview shows each person once; moving rows each contain everyone. */
#recommendations .browse .row:not(:first-child){display:none}

/* Promote only moving tracks; browse mode restores selectable text. */
#recommendations .track{will-change:transform}
#recommendations .browse .track{will-change:auto}
#recommendations .browse .row-window{user-select:text;-webkit-user-select:text}

/* Each row contains everyone; one moving row is enough on phones. */
@media(max-width:620px){#recommendations .row:not(:first-child){display:none}}