/* ── פונט עברי + בסיס ── */
.kpw{direction:rtl;font-family:'Heebo',sans-serif}
.kpw *,.kpw *::before,.kpw *::after{box-sizing:border-box;margin:0;padding:0}
.kpw-loader{text-align:center;padding:2.5rem;color:#9a8870;font-size:18px;font-family:'Heebo',sans-serif}
.kpw-spin{width:24px;height:24px;border:2px solid #e0d8cc;border-top-color:#8b6914;
  border-radius:50%;animation:kpw-rotate .7s linear infinite;margin:0 auto 10px}
@keyframes kpw-rotate{to{transform:rotate(360deg)}}

/* ── נושאים ── */
.kpw-topics{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:1.1rem}
.kpw-topic{font-size:15px;padding:5px 14px;background:#f5f0e5;color:#6b4c1e;
  border:1px solid #d9cdb4;border-radius:20px;font-weight:500}
.kpw-topic.kpw-t2{background:#edf0f5;color:#2c4060;border-color:#c4cedb}

/* ── maftir ── */
.kpw-maftir-note{font-size:14px;color:#6b8a4e;background:#f0f5eb;
  border:1px solid #c8ddb5;border-radius:6px;padding:6px 14px;margin-bottom:.85rem;display:inline-block}

/* ── mode toggle ── */
.kpw-mode-row{display:flex;align-items:center;gap:8px;margin-bottom:1rem;flex-wrap:wrap}
.kpw-mode-label{font-size:15px;color:#9a8870;font-weight:500}
.kpw-mode-group{display:flex;border:1.5px solid #d0c5b0;border-radius:20px;overflow:hidden}
.kpw-mode-btn{font-size:15px;font-weight:600;font-family:'Heebo',sans-serif;
  padding:7px 20px;background:#fff;color:#5a4a35;border:none;cursor:pointer;transition:all .15s}
.kpw-mode-btn+.kpw-mode-btn{border-right:1.5px solid #d0c5b0}
.kpw-mode-btn.kpw-mode-on{background:#5c3d1e;color:#fff}

/* ── tabs ── */
.kpw-tabs-scroll{overflow-x:auto;padding-bottom:2px}
.kpw-tabs-scroll.kpw-tt{margin-bottom:1rem}
.kpw-tabs-scroll.kpw-tb{margin-top:1rem}
.kpw-tabs{display:flex;gap:7px;flex-wrap:nowrap;min-width:max-content}
.kpw-tab{font-size:17px;font-weight:600;font-family:'Heebo',sans-serif;padding:9px 22px;
  background:#fff;color:#5a4a35;border:1.5px solid #d0c5b0;border-radius:25px;
  cursor:pointer;transition:all .15s;white-space:nowrap}
.kpw-tab:hover{background:#f5ede0;border-color:#b8a080}
.kpw-tab.kpw-active{background:#5c3d1e;color:#fff;border-color:#5c3d1e}

/* ── panel ── */
.kpw-panel{display:none}.kpw-panel.kpw-on{display:block}

/* ── text box ── */
.kpw-box{background:#fff;border:1px solid #e5dece;border-radius:10px;padding:1.5rem 1.75rem}
.kpw-chap{font-size:15px;font-weight:600;color:#b09060;
  margin:1.5rem 0 .7rem;padding-top:1.1rem;border-top:1px dashed #e5dece}
.kpw-chap:first-child{margin-top:0;border-top:none;padding-top:0}

/* ── שנים מקרא ── */
.kpw-vblock{padding:.8rem 0;border-bottom:1px solid #f0ebe0}
.kpw-vblock:last-child{border-bottom:none}
.kpw-row{font-family:'Frank Ruhl Libre','Times New Roman',serif;font-size:1.55rem;
  line-height:2.1;display:flex;align-items:baseline;gap:7px}
.kpw-row+.kpw-row{margin-top:4px}
.kpw-vn{font-family:'Heebo',sans-serif;font-size:13px;font-weight:700;color:#8b6914;
  flex-shrink:0;min-width:22px;user-select:none}
.kpw-r1{color:#5a4832;opacity:.72}
.kpw-r2{color:#1a1208}
.kpw-tr{color:#2c4a2c;font-size:1.35rem;font-family:'Heebo',sans-serif;
  padding:.4rem .8rem;margin-top:5px;
  background:#f4f9f4;border-radius:5px;border-right:3px solid #7aaa7a;line-height:1.9}
.kpw-rashi .kpw-tr{color:#2c3a60;background:#f4f6fb;border-right-color:#7a8aaa}
.kpw-tr br{display:block;margin:.3rem 0;content:''}
.kpw-tr-src{font-size:11px;font-family:'Heebo',sans-serif;font-weight:700;
  letter-spacing:.04em;color:#9a8870;margin-left:7px;vertical-align:middle}
.kpw-loading-msg{font-size:17px;color:#9a8870;font-style:italic;padding:.5rem 0}
.kpw-err{font-size:15px;color:#c0392b;padding:.5rem 0}

/* ── ניווט (מטה) ── */
.kpw-nav{display:flex;gap:8px;margin-top:1.5rem;padding-top:1.25rem;
  border-top:1px dashed #e5dece;flex-wrap:wrap;align-items:center}
.kpw-nav-label{font-size:15px;color:#9a8870;font-weight:500;white-space:nowrap}
.kpw-select{
  font-size:15px;font-weight:600;font-family:'Heebo',sans-serif;
  padding:8px 12px 8px 32px;
  background:#fff;color:#3a2c1a;
  border:1.5px solid #d0c5b0;border-radius:8px;cursor:pointer;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239a8870'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 8px center;
}
.kpw-select:focus{outline:none;border-color:#8b6914}
.kpw-curr{font-size:14px;padding:5px 13px;background:#f0f5eb;color:#4a7a3a;
  border:1px solid #b8d4a8;border-radius:12px;font-weight:500;white-space:nowrap}