*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Heebo","Assistant","Noto Sans Hebrew",Arial,sans-serif;background:#f3f8fa;color:#1d2b36;line-height:1.6}
a{color:#0f5257}
header.top{background:linear-gradient(135deg,#0f5257,#1b7a72);color:#fff;padding:18px 14px 10px;text-align:center}
header.top h1{margin:0;font-size:1.6rem}header.top p{margin:4px 0 10px;opacity:.9;font-size:.95rem}
nav.tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:4px 0 6px}
nav.tabs button{font:inherit;font-weight:700;border:2px solid #ffffff88;background:#ffffff1a;color:#fff;border-radius:999px;padding:7px 14px;cursor:pointer;min-height:40px}
nav.tabs button.on{background:#f7b32b;border-color:#f7b32b;color:#1d2b36}
main{max-width:860px;margin:0 auto;padding:12px}
.card{background:#fff;border-radius:16px;padding:14px 16px;margin:12px 0;box-shadow:0 1px 5px #0000001a}
h2{color:#0f5257;margin:6px 0 10px;font-size:1.3rem}h3{margin:4px 0 8px;color:#0f5257}
details>summary{cursor:pointer;font-weight:800;color:#0f5257;font-size:1.1rem;list-style:none}
details>summary::before{content:"▸ ";}details[open]>summary::before{content:"▾ ";}
.stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:10px}
.stage{border-radius:14px;padding:10px 12px}.stage:nth-child(1){background:#fff6e5}.stage:nth-child(2){background:#e9f6f1}.stage:nth-child(3){background:#ece4fb}
.stage h4{margin:0 0 6px;font-size:1.05rem}.stage ul{margin:0;padding-inline-start:18px}.stage li{margin:4px 0}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-block;border-radius:999px;padding:3px 10px;font-size:.85rem;font-weight:700;background:#e6eef2}
.d1{background:#e3f4e1}.d2{background:#ffe9d1}.d3{background:#ece4fb}.dL{background:#dff1f7}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.tcard{background:#fff;border:2px solid #d9e7ec;border-radius:16px;padding:14px;cursor:pointer;text-align:right;font:inherit;color:inherit;width:100%}
.tcard:hover,.tcard:focus{border-color:#1b7a72;outline:none}.tcard b{display:block;font-size:1.08rem;color:#0f5257}.tcard small{color:#5b6d78}
.files{display:flex;flex-wrap:wrap;gap:8px}.files a{background:#0f5257;color:#fff;text-decoration:none;border-radius:12px;padding:9px 13px;font-weight:700}
.files a.alt{background:#f28c28}
.back{font:inherit;background:none;border:0;color:#0f5257;font-weight:800;cursor:pointer;padding:6px 0;font-size:1rem}
.tts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.tts button{font:inherit;font-weight:700;border:0;border-radius:12px;padding:9px 13px;cursor:pointer;background:#e6eef2;min-height:42px}
.tts button.play{background:#1b7a72;color:#fff}.tts button.slow{background:#f7b32b}
.note{font-size:.88rem;color:#7a4a00;background:#fff6e5;border-radius:10px;padding:6px 10px}
.gloss{background:#fff6e5;border:2px dashed #f2c46b;border-radius:14px;padding:10px 12px}.gloss div{margin:3px 0}
.para{position:relative;padding:6px 34px 6px 6px;border-radius:10px;font-size:1.12rem}
.para .n{position:absolute;right:4px;top:8px;color:#8aa1ad;font-size:.8rem;font-weight:700;width:24px;text-align:center}
.para.reading{background:#fff3c4}
.say{border:0;background:none;cursor:pointer;font-size:1rem;padding:0 4px;vertical-align:middle}
.olimbody .para{font-size:1.25rem;line-height:1.9}
table{border-collapse:collapse;width:100%;margin:8px 0;font-size:.98rem}th,td{border:1px solid #c9d8de;padding:6px 8px;text-align:right}th{background:#0f5257;color:#fff}
caption{font-weight:800;color:#0f5257;padding:4px}.src{font-size:.85rem;color:#5b6d78}
.fig svg{width:100%;height:auto}
.pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.pair>div{background:#f8fbfc;border-radius:14px;padding:8px}
.q{border-top:1px solid #e3ecef;padding:12px 0}.q:first-of-type{border-top:0}
.qp{font-weight:700;margin-bottom:6px}.qp .qn{display:inline-block;background:#0f5257;color:#fff;border-radius:50%;width:26px;height:26px;text-align:center;line-height:26px;margin-left:6px;font-size:.9rem}
.opts{display:grid;gap:6px}.opt{font:inherit;text-align:right;border:2px solid #d9e7ec;background:#fff;border-radius:12px;padding:9px 12px;cursor:pointer}
.opt.ok{border-color:#2e9e5b;background:#e3f4e1}.opt.no{border-color:#d9534f;background:#fde8e7}
.fb{margin-top:6px;border-radius:10px;padding:7px 10px;font-size:.97rem}.fb.ok{background:#e3f4e1}.fb.no{background:#fde8e7}.fb.ans{background:#eef4ff}
textarea{width:100%;font:inherit;border:2px solid #d9e7ec;border-radius:12px;padding:8px;min-height:70px}
.show{font:inherit;margin-top:6px;border:0;border-radius:10px;padding:7px 12px;background:#e6eef2;font-weight:700;cursor:pointer}
.score{font-weight:800;color:#0f5257}
footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 10px;color:#0f5257;font-weight:700}
footer img{width:46px;height:46px;border-radius:50%;object-fit:cover}