/* Timeline — המדריכים בעיצוב של האתר החדש (30.10.2026). נטען אחרי הסגנון שבתוך כל מדריך. */
body{background:var(--bg);font-family:var(--font)}
.hdr .wrap,footer .wrap{max-width:1180px;margin:0 auto;padding:0 20px}
footer .wrap{padding-bottom:0}
section.module{padding:0}
/* פתיח המדריך: בהיר, כמו פתיח דף הבית */
header.top{background:linear-gradient(180deg,#fff 0%,var(--bg) 100%);color:var(--ink);border-bottom:1px solid var(--line);padding:40px 18px 52px}
header.top .eyebrow{color:var(--soft);letter-spacing:.6px;font-family:var(--font);font-weight:800;font-size:13.5px}
header.top h1{font-family:var(--disp);color:var(--navy);font-size:clamp(28px,4.4vw,40px);margin:0 0 10px}
header.top p{color:var(--mut);font-size:16.5px}
header.top b{color:var(--ink)}
.hub-mark{color:#0a7a52}
.mod-head h2,.card h3,.jump .j-ttl{font-family:var(--disp)}
.jump a,.card{border-color:var(--line)}
/* צבע המודול — כמו בכל האתר: Hub ירוק, Craft נייבי */
body[data-mod=hub]{--parent:#00623f;--parent-ink:#00623f;--exam:#00623f;--exam-ink:#00623f;--appeal:#00623f;--appeal-ink:#00623f}
body[data-mod=craft]{--parent:#1b3350;--parent-ink:#1b3350;--parent-soft:#e8edf4;--exam:#1b3350;--exam-ink:#1b3350;--exam-soft:#e8edf4;--appeal:#1b3350;--appeal-ink:#1b3350;--appeal-soft:#e8edf4}
/* מעבר מהיר בטלפון: שני טורים במקום טור אחד ארוך */
@media (max-width:640px){.jump{grid-template-columns:1fr 1fr!important}.jump a{padding:12px}}