/* teach.css · כיתות בגלובוס (teach.js). פלטה: דיו #26304f, מבטא #5fae9c, טקסט מבטא #2f7565, רקע #f4f8fb, גבולות #dfe6ef */
.t-pill{position:fixed;z-index:6;top:calc(env(safe-area-inset-top) + 130px);inset-inline-end:14px;display:inline-flex;align-items:center;gap:.4rem;
  padding:.45rem .85rem;min-height:34px;box-sizing:border-box;border-radius:999px;font:500 .88rem/1.2 "Rubik",sans-serif;color:#fff;
  background:rgba(16,48,66,.55);border:1px solid rgba(207,236,245,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 3px 12px rgba(10,30,40,.25);margin:0}
.tbtn{cursor:pointer;transition:background .15s}
.tbtn:hover{background:rgba(16,48,66,.75)}
.tbtn:focus-visible,.portal-link:focus-visible{outline:3px solid #5fae9c;outline-offset:2px}
.t-pill .lu{width:17px;height:17px;flex:none}
.schip{max-width:min(320px,calc(100vw - 28px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.schip span{overflow:hidden;text-overflow:ellipsis}
.portal-link .lu{width:17px;height:17px;flex:none}
@media (min-width:900px){.t-pill{top:calc(env(safe-area-inset-top) + 66px);inset-inline-end:18px;font-size:.98rem;padding:.5rem 1rem}}
@media print{.t-pill{display:none!important}}

.tsheet{border:0;padding:0;margin:auto auto 0;width:100%;max-width:520px;max-height:min(88dvh,760px);border-radius:20px 20px 0 0;
  background:#f4f8fb;color:#26304f;font-family:"Rubik",system-ui,sans-serif;box-shadow:0 -8px 40px rgba(10,20,40,.35);overflow:auto;overscroll-behavior:contain}
.tsheet::backdrop{background:rgba(12,22,34,.55)}
@media (min-width:640px){.tsheet{margin:auto;border-radius:20px;max-height:min(86dvh,760px)}}
@media (prefers-reduced-motion:no-preference){.tsheet[open]{animation:t-up .22s ease-out}@keyframes t-up{from{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}}
.t-body{padding:0 0 calc(18px + env(safe-area-inset-bottom))}
.t-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px;background:#f4f8fb;border-bottom:1px solid #dfe6ef}
.t-head h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.2rem;font-weight:700}
.t-head h2 .lu{color:#2f7565}
.t-x{display:grid;place-items:center;width:44px;height:44px;margin:-6px -8px -6px 0;border:0;border-radius:12px;background:transparent;color:#26304f;cursor:pointer}
.t-x:hover{background:#e6edf4}
.t-in{padding:14px 18px 4px}
.t-in h3{margin:20px 0 10px;font-size:1rem;font-weight:700}
.t-lead{margin:2px 0 16px;line-height:1.55;font-size:1rem}
.t-note{margin:8px 0 0;font-size:.88rem;line-height:1.5;color:#55607d}
.t-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.6rem 1rem;border-radius:12px;border:1px solid #dfe6ef;
  background:#fff;color:#26304f;font:500 .95rem/1.2 "Rubik",sans-serif;text-decoration:none;cursor:pointer;box-sizing:border-box}
.t-btn:hover{border-color:#5fae9c}
.t-btn:focus-visible,.t-row:focus-visible,.t-x:focus-visible,.t-in input:focus-visible,.t-in select:focus-visible{outline:3px solid #5fae9c;outline-offset:2px}
.t-btn[disabled]{opacity:.6;cursor:default}
.t-btn.pri{width:100%;background:#2f7565;border-color:#2f7565;color:#fff;font-weight:700}
.t-btn.pri:hover{background:#286556}
.t-btn.ghost{background:transparent}
.t-btn.sm{min-height:40px;padding:.45rem .75rem;font-size:.9rem}
.t-btn .lu{width:18px;height:18px;flex:none}
.lu.fl{transform:scaleX(-1)} /* חצים בכיוון הקריאה */
.t-err{margin:8px 0 0;min-height:0;color:#a3352b;font-size:.92rem;line-height:1.45}
.t-err:empty{display:none}
.t-err a{color:#2f7565;font-weight:500}
.t-ok{display:flex;align-items:flex-start;gap:.45rem;margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#e3f2ee;color:#1f5a4c;font-size:.93rem;line-height:1.45}
.t-ok .lu{flex:none;width:18px;height:18px;margin-top:1px}
.t-wait{display:flex;align-items:center;gap:.6rem;margin:10px 0;color:#55607d}
.t-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid #dfe6ef;border-top-color:#5fae9c;animation:t-rot .8s linear infinite;flex:none}
@keyframes t-rot{to{transform:rotate(360deg)}}
.t-me{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dfe6ef;border-radius:14px;background:#fff}
.t-av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e3f2ee;color:#2f7565;font-weight:700;flex:none}
.t-mn{display:flex;flex-direction:column;min-width:0;flex:1}
.t-mn b{font-weight:500}
.t-mn small{color:#55607d;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:end}
.t-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.t-cls{border:1px solid #dfe6ef;border-radius:14px;background:#fff;overflow:hidden}
.t-cls.open{border-color:#5fae9c}
.t-row{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 12px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}
.t-cn{display:flex;flex-direction:column;flex:1;min-width:0}
.t-cn b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t-cn small{color:#55607d;font-size:.84rem;margin-top:2px}
.t-code{font:500 .9rem/1 "Rubik",sans-serif;letter-spacing:.06em;color:#2f7565;background:#eef6f3;border-radius:8px;padding:6px 8px}
.t-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.t-chev{color:#55607d;transition:transform .15s;flex:none}
.t-cls.open .t-chev{transform:rotate(180deg)}
.t-det{padding:2px 12px 14px;border-top:1px solid #dfe6ef}
.t-lbl{display:block;margin:12px 0 6px;font-size:.88rem;font-weight:500}
.t-linkrow{display:flex;gap:6px;flex-wrap:wrap}
.t-link{flex:1 1 100%;min-width:0;min-height:42px;padding:8px 10px;border:1px solid #dfe6ef;border-radius:10px;background:#f4f8fb;color:#26304f;font:.82rem/1.2 ui-monospace,Menlo,monospace;text-align:left}
.t-linkrow .t-btn{flex:1}
.t-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.t-links .t-btn{flex:1 1 auto}
.t-empty{margin:0;padding:14px;border:1px dashed #dfe6ef;border-radius:14px;color:#55607d;text-align:center}
.t-new{margin-top:6px;padding:4px 14px 14px;border:1px solid #dfe6ef;border-radius:14px;background:#fff}
.t-new h3{margin-top:12px}
.t-f{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.t-f label{font-size:.9rem;font-weight:500}
.t-f input,.t-f select{min-height:44px;padding:8px 12px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;color:#26304f;font:1rem "Rubik",sans-serif}
.t-how{margin-top:18px;padding:12px 14px;border-radius:14px;background:#eaf1f7}
.t-how h3{margin:0 0 6px;font-size:.92rem}
.t-how ol{margin:0;padding-inline-start:1.2rem;font-size:.88rem;line-height:1.55;color:#3c4766}