
  * { box-sizing:border-box; }

  body { margin:0; background:#fff; color:#3c4656; font-family:'IBM Plex Sans Hebrew',Arial,sans-serif; font-size:20px; line-height:1.75; }
  h1, h2, .kick, .tag, .chap b, .big, summary, .ctas a, .go, .num, .par, .table p { font-family:Rubik,Arial,sans-serif; }
  .wrap { max-width:620px; margin:0 auto; }
  .cover { height:44vh; max-height:380px; min-height:250px; margin:16px 16px 0; border-radius:28px; background:url(/pilot/v/cover.svg?v=2) center/cover; }
  .title { text-align:center; padding:22px 22px 0; position:relative; }
  .eyebrow { font-family:Rubik,Arial,sans-serif; font-weight:600; font-size:14px; letter-spacing:.12em; color:#c0846a; }
  h1 { font-weight:800; font-size:54px; line-height:1; margin:8px 0 6px; color:#2c3e57; }
  .par { display:inline-block; font-weight:600; font-size:17px; color:#2c3e57; background:#dfeaf3; padding:4px 16px; border-radius:999px; margin:6px 0 12px; }
  .title p { font-size:18px; margin:0 auto; max-width:340px; }
  .toc { padding:24px 16px 4px; }
  .chap { display:flex; min-height:140px; border-radius:20px; overflow:hidden; margin:0 0 14px; text-decoration:none; color:inherit; background:#fff; box-shadow:0 8px 26px rgba(44,62,87,.10), 0 0 0 1px #ece4d8; }
  .chap .img { flex:0 0 36%; background-size:cover; background-position:center; }
  .chap .in { flex:1; padding:14px 16px; display:flex; flex-direction:column; justify-content:center; }
  .num { color:#c0846a; font-size:12px; font-weight:600; }
  .chap b { font-weight:700; font-size:20px; line-height:1.25; color:#2c3e57; margin:3px 0 4px; }
  .l { font-size:14px; line-height:1.5; color:#7a8494; }
  .go { align-self:flex-start; margin-top:8px; font-weight:600; font-size:13px; color:#fff; background:#2c3e57; padding:5px 14px; border-radius:999px; }
  .idea { display:block; margin:6px 16px 0; padding:16px 18px; border-radius:18px; background:#f6efe4; text-decoration:none; color:#2c3e57; font-family:Rubik,Arial,sans-serif; font-weight:600; font-size:17px; }
  article { margin-top:40px; border-top:8px solid #f6efe4; }
  .pic { height:34vh; max-height:320px; min-height:220px; margin:18px 16px 0; border-radius:26px; background-size:cover; background-position:center; }
  .body { padding:6px 22px 10px; position:relative; }
  .tag { display:inline-block; font-weight:600; font-size:13px; color:#c0846a; background:#fff; padding:2px 10px 2px 0; }
  .kick { font-weight:600; font-size:13px; letter-spacing:.06em; color:#c0846a; margin:22px 0 4px; }
  .body > .kick:first-of-type { margin-top:6px; }
  h2 { font-weight:800; font-size:36px; line-height:1.15; margin:0 0 12px; color:#2c3e57; }
  .body p { margin:0 0 14px; }
  .big { font-weight:700; font-size:25px; line-height:1.45; color:#2c3e57; border-right:4px solid #c0846a; padding-right:14px; margin:18px 0 !important; }
  .ask { background:#f6efe4; border-radius:20px; padding:18px 18px 8px; margin:24px 0; }
  .ask .kick { margin-top:0; }
  .q { font-weight:500; color:#2c3e57; }
  .opts { list-style:none; padding:0; margin:0 0 12px; }
  .opts li { background:#fff; border-radius:12px; padding:10px 14px; margin-bottom:8px; font-size:17px; color:#2c3e57; }
  details { margin:0 0 10px; }
  summary { cursor:pointer; font-weight:600; color:#fff; background:#2c3e57; border-radius:999px; padding:11px 18px; font-size:16px; list-style:none; display:block; text-align:center; }
  summary::-webkit-details-marker { display:none; }
  details[open] summary { background:#dfeaf3; color:#2c3e57; }
  details p { margin:12px 2px 4px !important; font-size:18px; line-height:1.7; }
  .table { background:#dfeaf3; border-radius:20px; padding:18px 20px; margin:24px 0; }
  .table b { display:block; font-family:Rubik,Arial,sans-serif; font-size:12px; font-weight:600; color:#c0846a; margin-bottom:6px; }
  .table p { font-weight:600; font-size:21px; line-height:1.5; color:#2c3e57; margin:0 !important; }
  .take .small { font-size:17px; color:#7a8494; }
  .quiz { margin:20px 0; }
  .quiz summary { background:#f6efe4; color:#2c3e57; text-align:right; border-radius:14px; font-weight:500; }
  .quiz details[open] summary { background:#ece4d8; }
  .ctas a { display:block; text-align:center; text-decoration:none; font-weight:600; padding:14px; font-size:17px; border-radius:999px; margin-bottom:10px; }
  .ctas a.main { background:#2c3e57; color:#fff; } .ctas a.sec { border:1.5px solid #ece4d8; color:#2c3e57; }
  .src { font-size:13px; color:#7a8494; }
  .top { display:block; text-align:center; margin:18px 0 0; color:#c0846a; font-family:Rubik,Arial,sans-serif; font-weight:600; font-size:15px; text-decoration:none; }
  .note { text-align:center; font-size:13px; color:#a2a8b2; margin:30px 0 40px; }

  .pic-cover { background-image:url(/pilot/v/cover.svg?v=2); } .pic-child { background-image:url(/pilot/v/child.svg?v=2); } .pic-brit { background-image:url(/pilot/v/brit.svg?v=2); } .pic-pazi { background-image:url(/pilot/v/pazi.svg?v=2); }
  .chap .cnt { font-size:12px; color:#2c3e57; background:#dfeaf3; border-radius:999px; padding:1px 10px; align-self:flex-start; margin-top:6px; font-family:Rubik,Arial,sans-serif; font-weight:600; }
  .signin { margin:4px 16px 10px; font-size:15px; color:#7a8494; text-align:center; } .signin a { color:#c0846a; font-weight:600; text-decoration:none; }
  .vote { margin:0; } .vote button { display:block; width:100%; font:inherit; font-size:17px; text-align:right; padding:12px 16px; border:0; border-radius:12px; background:#fff; color:#2c3e57; margin-bottom:8px; cursor:pointer; box-shadow:0 2px 8px rgba(44,62,87,.06); }
  .vote .hint { font-size:13px; color:#7a8494; margin:4px 2px 10px; }
  .results { margin:6px 0 10px; } .res { display:grid; grid-template-columns:1fr auto; gap:2px 10px; margin-bottom:10px; font-size:16px; color:#2c3e57; }
  .res .n { font-family:Rubik,Arial,sans-serif; font-weight:700; } .res .bar { grid-column:1 / -1; height:8px; background:#fff; border-radius:8px; overflow:hidden; } .res .bar i { display:block; height:100%; background:#c0846a; border-radius:8px; }
  .res.me .o { font-weight:600; } .res.me .bar i { background:#2c3e57; }
  .w0{width:0%} .w5{width:5%} .w10{width:10%} .w15{width:15%} .w20{width:20%} .w25{width:25%} .w30{width:30%} .w35{width:35%} .w40{width:40%} .w45{width:45%} .w50{width:50%} .w55{width:55%} .w60{width:60%} .w65{width:65%} .w70{width:70%} .w75{width:75%} .w80{width:80%} .w85{width:85%} .w90{width:90%} .w95{width:95%} .w100{width:100%}
  .social { background:#dfeaf3; border-radius:16px; padding:12px 16px; font-size:16px; color:#2c3e57; margin:4px 0 18px; } .social b { font-family:Rubik,Arial,sans-serif; }
  .lock { border:2px dashed #e3cbb9; border-radius:22px; padding:22px 20px 14px; text-align:center; margin:10px 0 20px; }
  .lock .ico { width:46px; height:46px; margin:0 auto 6px; border-radius:50%; background:#c0846a; color:#fff; font-family:Rubik,Arial,sans-serif; font-weight:800; font-size:26px; line-height:46px; }
  .lock h3 { font-family:Rubik,Arial,sans-serif; font-weight:800; font-size:24px; color:#2c3e57; margin:4px 0 8px; }
  .lock p { font-size:17px; } .lock .small { font-size:15px; color:#7a8494; }
  .btn { display:block; text-align:center; text-decoration:none; font-family:Rubik,Arial,sans-serif; font-weight:600; padding:14px; font-size:17px; border-radius:999px; margin:0 0 10px; background:#2c3e57; color:#fff; }
  .btn.ghost { background:#fff; border:1.5px solid #ece4d8; color:#2c3e57; }
  .unlocked .answer { background:#f6efe4; border-radius:18px; padding:14px 18px; margin:6px 0 16px; }
  /* The parsha, volume and talk above every story (owner, 25.10.2026) */
  .body > .ref { display:inline-block; font-family:Rubik,Arial,sans-serif; font-weight:700; font-size:16px; color:#fff; background:#2c3e57; border-radius:999px; padding:5px 16px; margin:4px 0 6px; }
  .chap .ref { font-family:Rubik,Arial,sans-serif; font-weight:700; font-size:13px; color:#2c3e57; margin-bottom:2px; }
  .pic-ayil { background-image:url(/pilot/v/ayil.svg?v=2); } .pic-ketura { background-image:url(/pilot/v/ketura.svg?v=2); } .pic-yevus { background-image:url(/pilot/v/yevus.svg?v=2); } .pic-malach { background-image:url(/pilot/v/malach.svg?v=2); }

  .weeks { display:flex; justify-content:space-between; gap:10px; margin:14px 16px 0; font-family:Rubik,Arial,sans-serif; font-size:14px; font-weight:600; }
  .weeks a { color:#2c3e57; text-decoration:none; background:#f6efe4; border-radius:999px; padding:6px 14px; }
  .empty { text-align:center; color:#7a8494; margin:30px 16px; }
  .draft { background:#c0846a; color:#fff; text-align:center; font-family:Rubik,Arial,sans-serif; font-weight:700; padding:6px; margin:0; }
  .results .more { font-size:15px; color:#7a8494; margin:4px 2px 0; }
  .mnvid { display:block; width:100%; max-width:360px; margin:10px auto 0; border-radius:16px; background:#2c3e57; aspect-ratio:9/16; }
