.hm{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;padding-block:36px 56px;display:grid}.hm-col{flex-direction:column;gap:28px;min-width:0;display:flex}.hm-day p{color:var(--subtle);font-size:var(--fs-md)}.hm-day h1{font:700 34px / 1.2 var(--display);letter-spacing:0;margin-top:2px}.hm-h{font-size:var(--fs-md);color:var(--muted);letter-spacing:0;margin-bottom:10px;font-weight:700}.hm-h-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.hm-h-row .hm-h{margin:0}.hm-h-row a{font-size:var(--fs-md)}.hm-count{color:var(--subtle);font-weight:400}.hm-narrow{display:none}.hm-card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:22px 24px;display:flex}.hm-kicker,.hm-where{color:var(--subtle);font-size:var(--fs-md)}.hm-card-title{font:700 24px / 1.3 var(--display);color:var(--text)}.hm-card-title:hover{color:var(--accent);text-decoration:none}.hm-progress{align-items:center;gap:12px;margin-top:12px;display:flex}.hm-progress .btn{border-radius:var(--r-lg);height:38px;padding:0 18px;font-weight:700}.hm-pct{color:var(--subtle);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.hm-track{background:var(--sunken);border-radius:2px;flex:1;height:3px;overflow:hidden}.hm-track i{background:var(--accent);height:100%;display:block}.hm-shiurim li{border-bottom:1px solid var(--border);grid-template-columns:26px 9rem minmax(0,1fr);align-items:center;gap:12px;padding:12px 0;display:grid}.hm-tick{border:1.5px solid var(--accent);width:24px;height:24px;color:var(--bg);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.done .hm-tick{background:var(--text);border-color:var(--text)}.hm-shiur-name{color:var(--subtle)}.hm-shiurim li:not(.done) .hm-shiur-name{color:var(--accent);font-weight:700}.hm-shiur-what{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:700;overflow:hidden}.hm-shiur-what a{color:var(--text)}.done .hm-shiur-what,.done .hm-shiur-what a{color:var(--subtle);font-weight:400}.hm-help-list{border-top:1px solid var(--border)}.hm-help-list a{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:12px;padding:12px 0;display:flex}.hm-help-list a:hover{text-decoration:none}.hm-help-list a:hover b{color:var(--accent)}.hm-help-main{flex-direction:column;flex:1;min-width:0;display:flex}.hm-help-main span{color:var(--subtle);font-size:var(--fs-md)}.hm-machine{color:var(--machine);margin-inline:-2px}.hm-go{flex:none}.hm-listen-card{flex-direction:row;align-items:center;gap:14px;padding:14px 18px}.hm-listen-card .pp{background:var(--sunken);width:40px;height:40px;color:var(--text)}.hm-listen-main{min-width:0;color:var(--text);flex-direction:column;flex:1;display:flex}.hm-listen-main:hover{text-decoration:none}.hm-listen-main:hover b{color:var(--accent)}.hm-listen-main span{color:var(--subtle);font-size:var(--fs-sm)}.hm-more{font-size:var(--fs-md);margin-top:8px;display:inline-block}@media (width<=860px){.hm{flex-direction:column;align-items:stretch;gap:26px;padding-block:18px 32px;display:flex}.hm-col{display:contents}.hm-day{order:1}.hm-continue{order:2}.hm-daily{order:3;min-width:0;max-width:100%}.hm-help{order:4}.hm-listen{order:5}.hm-day h1{font-size:28px}.hm-card{padding:18px 20px}.hm-card-title{font-size:21px}.hm-wide{display:none}.hm-narrow{display:inline}.hm-h-row{border:0;margin-bottom:10px;padding:0}.hm-count{display:none}.hm-shiurim{scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.hm-shiurim::-webkit-scrollbar{display:none}.hm-shiurim li{scroll-snap-align:start;border:1px solid var(--border);background:var(--card);border-radius:10px;flex:none;grid-template-columns:1fr auto;grid-template-areas:"name tick""what what";gap:4px 8px;min-width:104px;max-width:180px;padding:10px 12px;display:grid}.hm-tick{width:18px;height:18px;color:var(--subtle);border:0;grid-area:tick}.hm-shiurim li:not(.done) .hm-tick{border:1.5px solid var(--border-strong)}.done .hm-tick{background:0 0}.hm-shiur-name,.hm-shiurim li:not(.done) .hm-shiur-name{font-size:var(--fs-sm);color:var(--subtle);grid-area:name;font-weight:400}.hm-shiur-what{grid-area:what;font-size:15px}.done .hm-shiur-what,.done .hm-shiur-what a{color:var(--text);font-weight:700}}
