/* w7.css — planner wave 7 (worker 5960c5f7, Oct 27 2026): Yomi tools + Calendar & zmanim tools. Text only; inherits the page colors (both designs). */
.w7card{border:1px solid rgba(127,127,127,.25);border-radius:14px;padding:12px 14px;margin:10px 0;background:rgba(47,111,214,.05)}
.w7card p{margin:6px 0}
.w7center{text-align:center}
.w7big{font-size:1.35rem;font-weight:800;margin:4px 0 8px}
.w7big2{font-size:1.15rem;font-weight:800}
.w7h2{margin:16px 0 8px;font-size:1.1rem}
.w7bar{height:12px;border-radius:8px;background:rgba(127,127,127,.2);overflow:hidden;margin:6px 0}
.w7bar i{display:block;height:100%;background:#2F6FD6;border-radius:8px}
.w7tbl{width:100%;border-collapse:collapse;margin:8px 0;font-size:.98rem}
.w7tbl td,.w7tbl th{padding:8px 6px;border-bottom:1px solid rgba(127,127,127,.2);text-align:start;vertical-align:top}
.w7tbl td:last-child{text-align:end;white-space:nowrap}
.w7tbl tr.on td{background:rgba(47,111,214,.12);font-weight:700}
.w7tbl tr.sh td,.w7tbl tr.yt td{background:rgba(212,160,23,.08)}
.w7list{padding-inline-start:22px;margin:8px 0}
.w7list li{padding:6px 0;border-bottom:1px solid rgba(127,127,127,.15)}
.w7list li span{opacity:.75;margin-inline-end:8px}
.w7kaps{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.w7kap{min-width:40px;text-align:center;padding:8px 10px;border-radius:10px;background:rgba(47,111,214,.12);font-weight:700;text-decoration:none;color:inherit}
.w7cards{list-style:none;padding:0;margin:8px 0}
.w7ok{display:inline-block;padding:2px 8px;border-radius:10px;background:#2e7d32;color:#fff;font-size:.8rem;font-weight:700}
.w7today{border:2px solid #D4A017;border-radius:14px;padding:10px 14px;margin:8px 0 12px;background:rgba(212,160,23,.08)}
.w7today p{margin:4px 0}
.w7goals{list-style:none;padding:0;margin:8px 0}
.w7goals li{padding:10px 0;border-bottom:1px solid rgba(127,127,127,.2);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.w7goals li b{flex:1 1 140px}
.w7goals li .w7bar{flex:1 1 100%}
.w7goals select,.w7hp select,[data-w7city] select{font:inherit;padding:8px;border-radius:10px;max-width:100%}
.w7cal{width:100%;border-collapse:collapse;table-layout:fixed;margin:8px 0}
.w7cal th{font-size:.8rem;opacity:.75;padding:4px 0}
.w7cal td{height:48px;text-align:center;vertical-align:top;border:1px solid rgba(127,127,127,.2);font-size:.9rem;padding:2px}
.w7cal td.out{opacity:.25}
.w7cal td.on{outline:2px solid #2F6FD6;outline-offset:-2px}
.w7cal td i{display:block;font-style:normal;font-size:.75rem;font-weight:700}
.w7cal td.l1{background:rgba(46,125,50,.15)}.w7cal td.l2{background:rgba(46,125,50,.3)}.w7cal td.l3{background:rgba(46,125,50,.45)}.w7cal td.l4,.w7cal td.l5{background:rgba(46,125,50,.6)}
.w7btns{display:flex;flex-direction:column;gap:10px;margin:10px 0}
.w7btns .btn{white-space:normal;text-align:center}
.w7text p{line-height:1.5}
.w7len{margin-inline-start:4px;opacity:.75;font-size:.75em}
.w7back{margin:16px 0}
.w7hp{flex-wrap:wrap}
.w7cert{border:6px double #D4A017;border-radius:16px;padding:28px 18px;margin:14px 0;text-align:center;background:#fffdf4;color:#222}
.w7cert p{margin:8px 0}
.w7ct1{text-align:end;font-size:.9rem}.w7ct2{font-size:1.8rem;font-weight:800;color:#8a6d0b}.w7ct3{font-size:1.4rem;font-weight:800}.w7ct4{font-size:1.25rem}.w7ct5{font-size:1.05rem}.w7ct6{font-style:italic}.w7ct7{font-size:.8rem;opacity:.6}
@media print{body.w7printing *{visibility:hidden!important}body.w7printing .w7print,body.w7printing .w7print *{visibility:visible!important}body.w7printing .w7print{position:absolute;left:0;top:0;width:100%}body.w7printing .w7noprint{display:none!important}}

/* audit fixes (Oct 27 2026) */
/* naftali Oct 25 7:17 PM "maybe light blue": the new design's page background is a soft light blue (dark mode keeps its own) */
:root{--rd-bg:#EAF3FC}
/* Hebrew date only on the home Today box (both designs): no English weekday/month line, no transliterated Hebrew date */
.i57-today .i57-hen,.i57-today .i57-civ,.b4z-date>span{display:none!important}
/* Today's Daf below the 10 tiles */
.ia-dafbelow{margin:12px 0}
.ia-dafbelow .ia-tdaf{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 16px;border-radius:16px;text-decoration:none;color:inherit;background:rgba(36,82,122,.08);border:1px solid rgba(36,82,122,.18)}
.ia-dafbelow .ia-tdaf h3{margin:0;font-size:1rem}
.ia-newtoday{margin-top:8px}

/* home "➕ More" rows + back-to-top (naftali Oct 26 10:28 PM) */
.ia-cats [hidden]{display:none!important}
.ia-morebtn{font:inherit;cursor:pointer;border:2px dashed color-mix(in srgb,var(--tc,#1A63C7) 45%,transparent)!important;background:color-mix(in srgb,var(--tc,#1A63C7) 7%,#fff)}
html.dark .ia-morebtn{background:rgba(255,255,255,.06)}
.ia-slide{animation:iaSlide .45s ease both}
@keyframes iaSlide{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ia-slide{animation:none}}
.ia-totop{position:fixed;right:14px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:30;width:48px;height:48px;border-radius:50%;border:0;background:#1A63C7;color:#fff;font-size:24px;line-height:48px;box-shadow:0 4px 14px rgba(20,35,59,.25);cursor:pointer}
.ia-totop:active{transform:scale(.94)}
[dir=rtl] .ia-totop{right:auto;left:14px}

/* maggid topic tiles */
.w7-mg{margin:6px 0 14px}.w7-mgh{font-size:1.05rem;margin:8px 2px}
.w7-mg{margin:6px 14px 14px}

/* endless home feed */
.ia-feed{margin:22px 0 10px}.ia-feedh{font-size:1.15rem;margin:6px 4px 10px}.ia-feedh2{font-size:1rem;margin:16px 4px 8px;opacity:.85}
.ia-feedlist .grid{margin-bottom:12px}.ia-feedcats{margin-bottom:8px}
.ia-feedmore{display:flex;justify-content:center;gap:8px;padding:18px 0 28px}.ia-feedmore span{width:9px;height:9px;border-radius:50%;background:#9DB4D6;animation:iaDot 1s infinite ease-in-out}
.ia-feedmore span:nth-child(2){animation-delay:.15s}.ia-feedmore span:nth-child(3){animation-delay:.3s}
@keyframes iaDot{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:none}}

/* ===== SHAKE FIX + CLEAN TOP BANNER (Yisroel Bald, Oct 27 2026) ===== */
/* no layout jump while the page first loads: on home the category chips/language row are hidden from the first paint; the page area is a full screen tall while loading */
html.pkm-h0 .cats,html.pkm-h0 .langs{display:none}
#view>.loading{min-height:100vh}
/* phone top banner: logo in the left corner, the round buttons neatly on the right, search on its own line; same order in English and Yiddish */
@media (max-width:720px){
  .top .bar{direction:ltr;display:flex;flex-wrap:wrap;align-items:center;column-gap:4px;row-gap:8px;padding:8px 12px 8px max(12px,env(safe-area-inset-left))}
  .top .bar>.brand{order:0;margin:0 auto 0 0;flex:0 0 auto;padding:0}
  .top .bar>.brand img{height:36px;width:auto;display:block}
  .top .bar>#b4wx{order:2}
  .top .bar>#xProf{order:3}
  .top .bar>.mylist-btn{order:4;margin:0;width:40px;height:40px}
  .top .bar>#ybAudioBtn{order:5;width:40px;height:40px}
  .top .bar>#xMenuBtn{order:6;width:40px;height:40px}
  .top .bar>.gear{order:7}
  .top .bar>.search{order:10;flex:1 1 100%;margin:0}
  html[dir=rtl] .top .bar>.search{direction:rtl}
  html:not(.hdr-ok) .top .bar>:not(.brand):not(.search){visibility:hidden}
}
@media (max-width:370px){.top .bar>#b4wx{display:none}}
/* home rows "float open" as you scroll (naftali Oct 26 11:42 + 11:51 PM): rows are added only below the screen, then each box fades and grows in as it comes into view */
.ia-float{opacity:0;transform:translateY(22px) scale(.92)}
.ia-float.ia-in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.25,1)}
/* the More button halfway down: ONE long, skinny bar across the full width */
.ia-cats>.ia-morebar{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;margin:2px 0;padding:10px 16px;border-radius:14px;
  font:inherit;font-weight:700;font-size:1.02rem;cursor:pointer;color:var(--tc,#1A63C7);border:1.5px solid color-mix(in srgb,var(--tc,#1A63C7) 40%,transparent);
  background:color-mix(in srgb,var(--tc,#1A63C7) 8%,#fff);box-shadow:0 1px 4px rgba(20,35,59,.06)}
.ia-cats>.ia-morebar:active{transform:scale(.99)}
html.dark .ia-cats>.ia-morebar{background:rgba(255,255,255,.07);color:#9CC3FF}
@media (prefers-reduced-motion:reduce){.ia-float{opacity:1;transform:none}.ia-float.ia-in{transition:none}}
.xlearn li .xlrow{display:grid;grid-template-columns:26px 92px 1fr;align-items:center;gap:6px;padding:7px 4px;font-size:14.5px}