/* סרגל וניווט משותפים: כפתור תפריט, מגירת נושאים והתקדמות, חצים בין מפגשים. */
.top .menu-btn{font:700 14px var(--gr-font-ui);padding:6px 12px;border:2px solid var(--gr-on-blue);background:transparent;color:var(--gr-on-blue);cursor:pointer;display:flex;align-items:center;gap:8px}
.top .menu-btn small{font:italic 500 10.5px var(--gr-font-latin);opacity:.85}
.top .menu-btn:hover,.top .menu-btn[aria-expanded=true]{background:var(--gr-sun);color:var(--gr-ink);border-color:var(--gr-sun)}
.top .menu-btn .bars{width:16px;height:12px;border-block:2px solid currentColor;position:relative}
.top .menu-btn .bars::after{content:"";position:absolute;inset:3px 0 auto 0;height:2px;background:currentColor}
.top .step{font:600 13px var(--gr-font-ui);color:var(--gr-on-blue);text-decoration:none;padding:6px 10px;border:2px solid transparent}
.top .step:hover{border-color:var(--gr-on-blue)}
.top .step[aria-disabled=true]{opacity:.35;pointer-events:none}
.top .step small{display:block;font:italic 500 10px var(--gr-font-latin);opacity:.85}
.top .menu-btn:focus-visible,.top .step:focus-visible,.drawer a:focus-visible,.drawer button:focus-visible{outline:3px solid var(--gr-sun);outline-offset:3px}

.scrim{position:fixed;inset:0;z-index:20;background:rgba(22,19,15,.5);opacity:0;pointer-events:none;transition:opacity .2s}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;z-index:21;inset-block:0;inset-inline-start:0;width:min(380px,92vw);background:var(--gr-paper);border-inline-end:var(--gr-border);box-shadow:8px 0 0 var(--gr-ink);color:var(--gr-ink);padding:18px 18px 28px;overflow:auto;transform:translateX(105%);transition:transform .28s var(--gr-ease);font-family:var(--gr-font-ui)}
.drawer.on{transform:none}
.drawer h2{font:700 38px/.9 var(--gr-font-display);margin:0}
.drawer .en{font:italic 500 12px var(--gr-font-latin);color:var(--gr-ink-2);direction:ltr;text-align:start;margin:2px 0 12px}
.drawer .close{position:absolute;inset-block-start:12px;inset-inline-end:12px;font:700 16px var(--gr-font-ui);border:var(--gr-border);background:var(--gr-card);padding:4px 10px;cursor:pointer;box-shadow:var(--gr-shadow-sm)}
.drawer .home{display:block;text-decoration:none;color:var(--gr-ink);font-weight:700;border:var(--gr-border);background:var(--gr-sun);box-shadow:var(--gr-shadow-sm);padding:10px 14px;margin:10px 0 14px}
.drawer .home small{display:block;font:italic 500 11px var(--gr-font-latin);color:var(--gr-ink-2);font-weight:500}
.drawer .prog{font-size:13px;color:var(--gr-ink-2);margin-bottom:14px}
.drawer .tp{margin:0 0 16px}
.drawer .tp>b{display:flex;align-items:center;gap:8px;font-size:15px}
.drawer .tp>b i{display:inline-block;width:16px;height:16px;border:2px solid var(--gr-ink);background:var(--c)}
.drawer .tp>small{display:block;font:italic 500 11px var(--gr-font-latin);color:var(--gr-ink-2);direction:ltr;text-align:start;margin:0 24px 6px}
.drawer ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.drawer li a{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;text-decoration:none;color:var(--gr-ink);border:2px solid var(--gr-ink);background:var(--gr-card);padding:8px 10px}
.drawer li a:hover{background:var(--gr-paper-2)}
.drawer li a[aria-current=page]{background:var(--gr-sun);box-shadow:var(--gr-shadow-sm)}
.drawer .dot{width:18px;height:18px;border:2px solid var(--gr-ink);border-radius:50%;background:transparent}
.drawer li.done .dot{background:var(--gr-ink)}
.drawer li a b{font-size:14px;display:block}
.drawer li a small{display:block;font:italic 500 10.5px var(--gr-font-latin);color:var(--gr-ink-2);direction:ltr;text-align:start}
.drawer li .tagl{font:600 10.5px var(--gr-font-ui);color:var(--gr-ink-2)}
@media(max-width:820px){.top .step{display:none}.top .menu-btn small{display:none}}
@media(prefers-reduced-motion:reduce){.drawer,.scrim{transition:none}}

/* QA: אזורי לחיצה של 44px לפחות. */
.top .menu-btn{min-height:44px;min-width:44px;justify-content:center}
.drawer .close{min-height:44px;min-width:44px}
.brand{position:relative}.brand::after{content:"";position:absolute;inset:-10px 0}