/* Kids Daily tab (Chumash + Mishna Berura as equal choices) and "find it on the page" (Oct 19 2026) */
.daily{margin:2px 0 14px}
.daily-h{display:flex;align-items:center;gap:8px;margin:0 2px 8px}
.daily-h h1{font-size:21px;font-weight:700}
.daily-sun{font-size:22px}
.daily-sub{margin-left:auto;font-size:13px;color:var(--muted);font-weight:500}
.daily-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.daily-pick button{display:flex;align-items:center;gap:10px;text-align:left;min-height:64px;padding:10px 12px;border-radius:18px;background:#fff;border:2.5px solid #f1e5d2;box-shadow:var(--shadow);transition:transform .15s,border-color .2s,background .2s}
.daily-pick button:active{transform:scale(.97)}
.daily-pick .dk-e{font-size:28px;line-height:1;flex:none}
.daily-pick .dk-t{display:flex;flex-direction:column;min-width:0}
.daily-pick b{font-size:16px;line-height:1.15}
.daily-pick small{font-size:12.5px;color:var(--muted);line-height:1.2;margin-top:2px}
.daily-pick [data-sub="chumash"].on{border-color:#ff9f43;background:linear-gradient(135deg,#fff7ec,#ffe9d6)}
.daily-pick [data-sub="mb"].on{border-color:#a55eea;background:linear-gradient(135deg,#fbf6ff,#efe3ff)}
.daily-pick button.on b{color:var(--ink)}
.daily-pick button:not(.on){opacity:.88}
@media (max-width:360px){.daily-pick .dk-e{font-size:23px}.daily-pick b{font-size:15px}.daily-pick small{font-size:11.5px}}
@media (min-width:700px){.daily{max-width:620px;margin-left:auto;margin-right:auto}}

/* press and hold: the passages keep normal taps, scrolling and text; only the phone's long-press menu is held back */
.segc,.cm,.story-card,.mb-piece,.mb-note{-webkit-touch-callout:none}
.segc.lp-hold,.story-card.lp-hold,.mb-note.lp-hold{box-shadow:0 0 0 3px rgba(255,201,60,.75),var(--shadow);transition:box-shadow .3s}
.cm.lp-hold,.mb-piece.lp-hold{background:rgba(255,216,77,.35);border-radius:8px;transition:background .3s}
.lp-fired{animation:lpPop .45s ease-out}
@keyframes lpPop{0%{transform:scale(1)}40%{transform:scale(.97)}100%{transform:scale(1)}}
.mb-piece.lp-fired{animation:none;background:rgba(255,216,77,.5)}
/* the small 📍 for computers (mouse only) */
.lp-ico{display:none}
@media (hover:hover) and (pointer:fine){
  .lp-ico{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff6dc;border:1px solid #f1dfa8;font-size:14px;line-height:1;cursor:pointer;opacity:.45;transition:opacity .15s,transform .15s;user-select:none}
  .lp-ico:hover,.lp-ico:focus-visible{opacity:1;transform:scale(1.08)}
  .segc>.lp-ico{position:absolute;top:-10px;left:26px;z-index:1;box-shadow:0 2px 0 rgba(0,0,0,.08)}
  .segc:hover>.lp-ico,.cm:hover>.lp-ico,.story-card:hover>.lp-ico,.mb-note:hover .lp-ico{opacity:1}
  .cm{position:relative;padding-left:32px}.cm>.lp-ico{position:absolute;top:10px;left:0;width:24px;height:24px;font-size:12px}
  .story-card{position:relative;padding-right:38px}.story-card>.lp-ico{position:absolute;top:8px;right:8px;width:24px;height:24px;font-size:12px}
  .mb-note .lp-ico{flex:none;width:24px;height:24px;font-size:12px;margin-inline-start:6px;align-self:center}
}
/* the one-time tip */
.lp-tip{position:fixed;left:50%;bottom:calc(var(--tabh) + 26px + env(safe-area-inset-bottom));transform:translate(-50%,24px);opacity:0;z-index:84;background:#fff6d6;color:#4a3b22;border:2px solid #ffd76b;padding:10px 16px;border-radius:999px;font-weight:600;font-size:14.5px;box-shadow:0 10px 26px rgba(84,60,20,.18);transition:.35s;max-width:calc(100vw - 32px);text-align:center;cursor:pointer}
.lp-tip.show{opacity:1;transform:translate(-50%,0)}
/* the pulse on the page view */
.tzd .tz-pulse,.tzd .tz-pulse.hl{animation:tzPulse 1.15s ease-in-out 3;border-radius:3px;background-color:#ffd84d}
@keyframes tzPulse{0%,100%{background-color:#ffe071;box-shadow:0 0 0 2px #ffe071}50%{background-color:#ffc21a;box-shadow:0 0 0 5px rgba(255,170,0,.6)}}
.sc-hl.sc-pulse{animation:scPulse 1.15s ease-in-out 3}
@keyframes scPulse{0%,100%{opacity:1;outline:0 solid rgba(255,170,0,0)}50%{opacity:.75;outline:5px solid rgba(255,170,0,.65)}}
.mb-findbtn{display:block;width:100%;margin-top:12px}