/* "ארון הספרים היהודי - תהליך ותוצר" landing + unit-embed styling.
   Atmosphere mirrors the designed track pages (מודה אני / אשיחה):
   teal/navy/gold palette, Heebo headings, Assistant body, soft washes. */

.aron-wrap{
  --ink:#003f5a; --teal:#017f8d; --teal2:#016471; --ltteal:#82c0c7; --gold:#dfa029; --goldink:#a9761a;
  --cream:#fdf6e7; --muted:#5f7a86; --line:#dbeaed;
  font-family:'Assistant',system-ui,sans-serif;color:var(--ink);line-height:1.72;
  border-radius:26px;padding:34px 26px 48px;margin-top:4px;
  background:
    radial-gradient(900px 460px at 92% -5%,rgba(1,127,141,.10),transparent 60%),
    radial-gradient(820px 420px at 4% 1%,rgba(130,192,199,.16),transparent 62%),
    radial-gradient(640px 520px at 98% 60%,rgba(223,160,41,.06),transparent 60%),
    linear-gradient(170deg,#f3fafb,#eef7f8);
}

/* Banner: uses the site-standard .unit-banner classes (see main.css) — same
   treatment as every other page. No aron-specific banner styling. */

/* ===== hero (intro text under the banner) ===== */
.aron-hero{text-align:center;max-width:820px;margin:0 auto 30px}
.aron-hero .aron-lead{font-size:16.5px;color:var(--muted);margin:0 0 10px;text-align:right}
.aron-hero .aron-lead:last-child{margin-bottom:0}

/* ===== program rows: image+title right, "על התוכנית" middle, links left ===== */
.aron-progs{max-width:1080px;margin:0 auto;border-top:2px solid rgba(1,127,141,.55)}
.aron-prog{display:grid;grid-template-columns:1fr 250px}
.aron-prog:nth-child(even){background:rgba(0,40,55,.035)}
.aron-prog + .aron-prog{border-top:1px solid rgba(1,127,141,.14)}

/* main (right side of the row): text column + image/title sub-column */
.aron-main{display:flex;gap:26px;padding:28px 26px 30px;min-width:0}
.aron-figure{flex:0 0 150px;text-align:right}
.aron-figure img{width:150px;height:150px;border-radius:12px;object-fit:cover;display:block;margin-bottom:12px}
.aron-figure h2{font-family:'Heebo',sans-serif;font-size:26px;font-weight:800;
  color:var(--ink);margin:0 0 4px;line-height:1.15}
.aron-grade{font-family:'Heebo',sans-serif;font-weight:700;font-size:15.5px;color:var(--teal)}
.aron-about{flex:1;min-width:0}
.aron-about h3{font-family:'Heebo',sans-serif;font-size:20px;font-weight:800;color:var(--ink);margin:0 0 12px}
.aron-about p{margin:0 0 12px;font-size:16.5px}
.aron-about p.trk b{color:var(--ink);font-weight:800}
.aron-about p.outro{color:var(--muted);font-size:15.5px;margin-top:14px;margin-bottom:0}

/* entry column (left) — flat light-teal buttons, no frames */
.aron-enter{padding:28px 22px;display:flex;flex-direction:column;gap:12px}
.aron-enter-h{font-family:'Heebo',sans-serif;font-weight:800;color:var(--ink);font-size:18px;margin-bottom:2px}
.aron-track{display:block;text-align:center;text-decoration:none;background:var(--ltteal);color:#fff;
  border-radius:6px;padding:13px 16px;font-family:'Heebo',sans-serif;font-weight:700;font-size:17px;
  transition:filter .15s}
a.aron-track:hover{filter:brightness(.93)}
.aron-track.soon{background:#dbe6e8;color:#7c949c;cursor:default}
.aron-track .soonbadge{display:block;font-size:12px;font-weight:800;margin-top:2px;opacity:.85}

@media(max-width:820px){
  .aron-prog{grid-template-columns:1fr}
  .aron-enter{padding-top:0}
}
@media(max-width:600px){
  .aron-wrap{padding:24px 14px 34px}
  .aron-main{flex-direction:column;gap:16px;padding:20px 18px}
  .aron-figure{flex-basis:auto;display:flex;align-items:center;gap:14px}
  .aron-figure img{width:80px;height:80px;margin-bottom:0}
  .aron-figure h2{font-size:22px}
  .aron-enter{padding:0 18px 22px}
}

/* ===== unit iframe embed ===== */
.aron-frame{width:1px;min-width:100%;border:0;display:block;min-height:70vh}