/* i57.css — ideas 57–68 (Oct 26 2026): Sefira banner, today card (Hebrew date + zmanim), niggun of the day, dynasty pages, profiles, words, report form, TV mode */
.i57-home{margin:14px 0 6px}
.i57-cards{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:760px){.i57-cards{grid-template-columns:1fr 1fr}}
.i57-card{background:#fff;border:1px solid #d6e6f5;border-radius:16px;padding:12px 14px;box-shadow:0 2px 8px rgba(20,60,110,.06)}
.i57-card h2{font-size:1.02rem;margin:0 0 8px;color:#1b3a5c}
.i57-hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.i57-heb{font-size:1.5rem;font-weight:800;color:#1b3a5c;margin:0;font-family:"Frank Ruhl Libre","David Libre",serif}
.i57-hen{margin:0;color:#3b5878;font-weight:600}
.i57-civ{margin:0;color:#6b7f95;font-size:.9rem;flex-basis:100%}
.i57-next{margin:8px 0 4px;padding:6px 10px;background:#eef6ff;border-radius:10px;font-size:.95rem}
.i57-next b{color:#0b5cad}
.i57-z summary{cursor:pointer;font-weight:700;color:#1b3a5c;padding:6px 0;list-style-position:inside}
.i57-z ul{list-style:none;margin:4px 0;padding:0;columns:1}
@media(min-width:520px){.i57-z ul{columns:2;column-gap:18px}}
.i57-z li{display:flex;justify-content:space-between;gap:10px;padding:4px 2px;border-bottom:1px dashed #e3edf7;break-inside:avoid;font-size:.93rem}
.i57-z li.past{color:#9aa9b8}
.i57-z li.nx{color:#0b5cad;font-weight:800}
.i57-fine{font-size:.8rem;color:#6b7f95;margin:6px 0 0}
.linkbtn{background:none;border:0;padding:0;color:#0b5cad;text-decoration:underline;cursor:pointer;font:inherit}
.i57-nodbtn{display:flex;gap:12px;align-items:center;width:100%;background:none;border:0;padding:0;text-align:start;cursor:pointer;color:inherit;font:inherit}
.i57-nodth{position:relative;flex:0 0 46%;max-width:220px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#dfe9f3}
.i57-nodth img{width:100%;height:100%;object-fit:cover;display:block}
.i57-nodplay{position:absolute;inset:auto 8px 8px auto;width:40px;height:40px;border-radius:50%;background:rgba(11,92,173,.92);color:#fff;display:grid;place-items:center;font-size:18px}
.i57-nodt{display:flex;flex-direction:column;gap:4px;min-width:0}
.i57-nodt b{font-size:.98rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.i57-nodt small{color:#6b7f95}
.i57-sef{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;background:#f6effc;border:1px solid #e1cdf3;border-radius:14px;padding:10px 12px;margin:10px 0}
.i57-sef.on{background:#eef8f1;border-color:#bfe3c9}
.i57-sef p{margin:0;flex:1 1 220px}
.i57-sef p span{display:block;font-size:.9rem;color:#4b5d70}
.i57-sefic{font-size:1.5rem}
.i57-sets{display:grid;gap:12px;margin:16px 0}
.i57-set{background:#fff;border:1px solid #d6e6f5;border-radius:14px;padding:12px 14px}
.i57-set h2{font-size:1.05rem;margin:0 0 6px}
.i57-set p{margin:4px 0;color:#3b5878;font-size:.93rem}
.i57-segs{display:inline-flex;gap:6px;flex-wrap:wrap;margin:6px 0}
.i57-segs .seg{border:1px solid #b9cfe6;background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer;font:inherit;color:#1b3a5c;text-decoration:none}
.i57-segs .seg.on{background:#0b5cad;color:#fff;border-color:#0b5cad}
.i57-dynstrip{margin:10px 0 14px}
.i57-dynstrip h2{font-size:1.05rem;display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}
.i57-dynstrip h2 a{font-size:.9rem}
.i57-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.i57-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;min-width:84px;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #d6e6f5;text-decoration:none;color:#1b3a5c}
.i57-chip small{color:#6b7f95}
.i57-dyngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0}
.i57-dyn{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:14px 8px;border-radius:16px;background:#fff;border:1px solid #d6e6f5;text-decoration:none;color:#1b3a5c}
.i57-dynic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e9f2fc,#d8e7f7);font-size:1.5rem;font-weight:800;color:#24527a;font-family:"Frank Ruhl Libre",serif}
.i57-dyn bdi{color:#3b5878}
.i57-dyn small{color:#6b7f95}
.i57-h2{font-size:1.1rem;margin:18px 0 8px;color:#1b3a5c}
.i57-h2 small{color:#6b7f95;font-weight:600}
.i57-phead{display:flex;gap:14px;align-items:flex-start;margin:6px 0 12px}
.i57-pimg,.i57-pav{width:88px;height:88px;border-radius:50%;flex:0 0 88px;object-fit:cover;background:#dfe9f3}
.i57-pav{display:grid;place-items:center;font-size:2.2rem;font-weight:800;color:#24527a}
.i57-bio{margin:4px 0 6px;color:#2c4762;line-height:1.45;max-width:60ch}
.i57-plink{margin:4px 0}
.i57-plink a{font-weight:700}
a.i57src{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
.i57-words{margin:10px 0;background:#fbf8ef;border:1px solid #eadfbf;border-radius:12px;padding:6px 12px}
.i57-words summary{cursor:pointer;font-weight:700;padding:4px 0}
.i57-wtext{font-family:"Frank Ruhl Libre","David Libre",serif;font-size:1.12rem;line-height:1.75;max-height:50vh;overflow:auto}
.i57-wtext p{margin:0 0 6px}
dialog.i57-rep{border:0;border-radius:16px;padding:0;max-width:440px;width:calc(100% - 24px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
dialog.i57-rep::backdrop{background:rgba(10,30,60,.45)}
dialog.i57-rep form{padding:16px 18px}
dialog.i57-rep h3{margin:0 0 4px}
.i57-rept{margin:0 0 10px;color:#3b5878;font-size:.92rem}
dialog.i57-rep fieldset{border:0;margin:0;padding:0;display:grid;gap:6px}
dialog.i57-rep fieldset label{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid #d6e6f5;border-radius:10px;cursor:pointer}
.i57-note{display:grid;gap:4px;margin:10px 0 0;font-size:.92rem}
.i57-note textarea{width:100%;box-sizing:border-box;border:1px solid #b9cfe6;border-radius:10px;padding:8px;font:inherit}
.i57-repb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.i57-mail{font-size:.85rem;margin-inline-start:auto}
.i57-kl{margin:8px 0 14px}
/* TV mode in the new design: bigger tiles, a strong focus ring */
body.tv .rd-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:18px!important}
body.tv .rd-tile{min-height:150px;font-size:1.25rem}
body.tv .i57-cards{grid-template-columns:1fr 1fr}
body.tv a:focus,body.tv button:focus,body.tv .card:focus,body.tv [role=button]:focus{outline:4px solid #f2b705!important;outline-offset:3px;box-shadow:0 0 0 8px rgba(242,183,5,.25)!important}
body.tv .card{min-width:260px}
body.tv .i57-chip,body.tv .i57-dyn{font-size:1.15rem}
html[dir=rtl] .i57-nodplay,.yb-rtl .i57-nodplay{inset:auto auto 8px 8px}