/* The Learning tab (learn.js) */
.learn{--lhe:calc(var(--he-size) * .78);--len:calc(var(--en-size) * 1.12)}
.learn a{color:inherit}
.l-date{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--page);border:1px solid var(--line);border-radius:16px;padding:8px;margin:8px 0 6px;text-align:center}
.l-date>a{flex:none;width:48px;height:48px;display:grid;place-items:center;font-size:28px;text-decoration:none;color:var(--gold);border-radius:12px}
.l-date>a:active{background:var(--chip)}
.l-date b{display:block;font-size:17px}
.l-date span{font-size:13px;color:var(--muted)}
.l-date span a{color:var(--gold)}
.l-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}
.l-row a.it{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;padding:11px 4px;min-height:54px}
.l-row a.it:active{background:var(--chip)}
.l-row .ie{font-size:15px;color:var(--ink);font-weight:600}
.l-row .ie small{font-weight:400;color:var(--muted);font-size:13px}
.l-row .ih{font-family:var(--he);font-size:20px;direction:rtl;text-align:right;color:var(--en)}
.tick{flex:none;width:34px;height:34px;border-radius:50%;border:2px solid var(--line);background:none;color:transparent;font-size:17px;font-weight:700;cursor:pointer;padding:0}
.tick.on{background:var(--gold);border-color:var(--gold);color:#fff}
.l-more{display:block;font-size:13.5px;color:var(--gold) !important;text-decoration:none;padding:9px 4px 4px}
.l-more a{color:var(--gold);text-decoration:none}
.l-keep{display:block;text-decoration:none;background:var(--chip);border-radius:14px;padding:13px 14px;margin:22px 0 8px}
.l-keep b{display:block;font-size:15.5px}
.l-keep span{font-size:13px;color:var(--muted)}
.l-crumbs{font-size:13px;color:var(--muted);margin:4px 0 10px}
.l-crumbs a{color:var(--gold);text-decoration:none}
.l-sub{color:var(--gold);font-size:14px;margin:6px 0 0}
.l-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;margin:6px 0 18px}
.l-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;text-decoration:none;background:var(--page);border:1.5px solid var(--line);border-radius:12px}
.l-grid a:active{background:var(--chip)}
.l-grid b{font-family:var(--he);font-size:19px;font-weight:normal}
.l-grid span{font-size:11.5px;color:var(--muted)}
.l-card{display:block;text-decoration:none;background:var(--page);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;margin:0 0 10px}
.l-card .ch{display:block;font-family:var(--he);font-size:21px;text-align:right;line-height:1.35}
.l-card b{display:block;font-size:15.5px;margin:4px 0}
.l-card .ci{display:block;font-size:13.5px;color:var(--muted);line-height:1.45}

/* reading */
.l-read .he-t,.l-over [lang=he]{font-family:var(--he)}
.l-read .he-t{font-size:var(--lhe);line-height:1.62;text-align:justify;margin:0 0 6px}
.l-read .en-t{font-size:var(--len);line-height:1.55;color:var(--en);margin:0 0 8px}
body.no-en .l-read .en-t,body.no-en .l-read .ren{display:none}
.l-read .hal,.l-read .v,.l-read .para{padding:12px 0;border-bottom:1px solid var(--line)}
.l-read .hn{color:var(--gold);font-weight:700;font-size:.8em}
.l-read .he-t .hn{font-family:var(--he);margin-left:4px}
.l-read big{font-size:1.25em}
.l-read .head{text-align:center;margin:8px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.l-read .head .k{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:4px 0}
.l-read .head h2{margin:0;font-size:22px}
.l-read .head .hh{font-family:var(--he);font-size:calc(var(--he-size) * 1.05);margin:2px 0}
.l-read .head .ref{color:var(--muted);font-size:14px;margin:0}
.l-read .chap,.l-read h3.mid{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:16px 0 0;text-align:center}
.l-read .vn{font-size:11.5px;color:var(--gold);font-weight:700;margin:0 0 2px}
.rashi,.exp,.l-over .big{background:var(--page);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:8px 0 2px}
.exp{border-left:3px solid var(--gold)}
.rl{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:0 0 4px}
.rashi .rhe{font-family:var(--he);font-size:calc(var(--lhe) * .84);line-height:1.55;margin:0 0 4px;text-align:justify}
.rashi .ren{font-size:calc(var(--len) * .94);line-height:1.5;color:var(--en);margin:0 0 8px}
.exp p:not(.rl),.l-over p:not(.rl){font-size:var(--len);line-height:1.55;margin:0 0 6px}
.fm{color:var(--gold);font-weight:700;cursor:pointer;padding:0 3px}
.fn{display:none;font-size:.9em;color:var(--muted);font-style:normal;background:var(--chip);border-radius:8px;padding:2px 6px;margin:0 2px}
.fn.open{display:inline}
.l-read a.nr{color:var(--gold);font-size:.75em;vertical-align:super;text-decoration:none;padding:0 3px}
.l-read .pnotes,.l-read aside.note{font-size:calc(var(--len) * .9);color:var(--muted);line-height:1.5}
.l-read aside.note{margin:6px 0;padding:6px 10px;border-left:2px solid var(--line)}
.l-read .flash{background:var(--chip);transition:background .3s}
.l-over details{border-bottom:1px solid var(--line);padding:10px 0}
.l-over summary{font-weight:700;font-size:15px;cursor:pointer;color:var(--ink)}
.l-over details>*:not(summary){margin-top:8px}
.l-over li,.l-over dd{font-size:var(--len);line-height:1.5;margin:0 0 6px}
.l-over ol,.l-over ul{padding-left:22px}
.l-over dt{font-weight:700;margin-top:8px}
.l-over dd{margin-left:0}
.l-tog{margin:12px 0 0}
.l-tog button,.l-done,.l-dl{font:inherit;font-size:14px;color:var(--ink);background:var(--chip);border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;cursor:pointer}
.l-tog button[aria-pressed=true],.l-done.on,.l-dl.ok{border-color:var(--gold);color:var(--gold);font-weight:700}
.l-donep{text-align:center;margin:20px 0 6px;font-size:14px;color:var(--muted)}
.l-donep a{color:var(--gold)}
.l-nav{display:flex;justify-content:space-between;gap:10px;margin:18px 0 8px}
.l-nav a{flex:1;text-decoration:none;background:var(--page);border:1.5px solid var(--line);border-radius:12px;padding:12px;font-size:14px;font-weight:600;min-height:48px;display:flex;align-items:center}
.l-nav a:last-child{justify-content:flex-end;text-align:right}
.l-nav span{flex:1}
.l-credit{font-size:12px;color:var(--muted);line-height:1.5;margin:16px 0 0;text-align:center}
.l-keepbox{display:flex;flex-direction:column;align-items:stretch;gap:3px;margin:10px 0}
.l-keepbox .l-dl{border-radius:12px;text-align:left;padding:12px 14px;font-weight:600}
.l-keepbox small{font-size:12px;color:var(--muted);padding:0 4px}
.l-dl:disabled{opacity:.75}
.l-tr{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.l-dl.sm{padding:8px 12px;font-size:13px}
.l-used{font-size:13px;color:var(--muted);margin:0 0 4px}
.l-get{display:block;text-align:center;text-decoration:none;font-size:13.5px;font-weight:600;color:var(--gold) !important;border:1.5px dashed var(--line);border-radius:12px;padding:10px 12px;margin:0 0 4px}
.l-keepbox:first-of-type .l-dl{border-color:var(--gold)}
.rb{border-bottom:1px solid var(--line);padding:10px 0}
.rb>summary{color:var(--gold)}
.rb-lead{font-size:13.5px !important;color:var(--muted)}
.rb-i{background:var(--page);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:8px 0}
.rb-i>summary{display:flex;flex-direction:column;gap:2px;font-weight:400}
.rb-y{font-size:12px;letter-spacing:.06em;color:var(--gold);font-weight:700}
.rb-dh{font-family:var(--he);font-size:20px;color:var(--ink)}
.rb-meta{font-family:var(--he);font-size:13.5px;color:var(--muted)}
.rb-note{font-style:italic;color:var(--muted)}
.rb-full a{color:var(--gold);font-size:13.5px}
.rb-c{color:var(--gold) !important}