.unit-page { font-size: 18px; }
.unit-header { max-width: 1160px; margin: auto; padding: 24px; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); font-size: 1rem; }
.unit-brand { font-weight: 800; text-decoration: none; letter-spacing: .04em; }
.unit-banner { max-width: 1160px; margin: auto; padding: 38px 24px 30px; }
.unit-banner h1 { font-size: clamp(2rem,5vw,3.4rem); margin: 8px 0; line-height: 1.2; }
.unit-banner p { margin: 12px 0 0; color: var(--muted); }
.unit-layout { max-width:1160px; margin:0 auto 70px; padding:0 24px; display:grid; grid-template-columns:260px minmax(0,1fr); gap:36px; align-items:start; }
.unit-sidebar { position:sticky; top:24px; }
.unit-sidebar nav { display:grid; gap:8px; }
.unit-sidebar a { display:flex; gap:12px; align-items:center; text-decoration:none; border-radius:12px; padding:14px 12px; font-size:1rem; border:1px solid transparent; }
.unit-sidebar a span { font-weight:700; min-width:32px; font-size:.875rem; }
.unit-sidebar a[aria-current] { background:var(--brown-dark); color:var(--paper); }
.unit-sidebar a:hover { border-color:var(--brown); }
.unit-sidebar p { color:var(--muted); font-size:.875rem; padding:10px; }
#unit-content { min-width:0; scroll-margin-top:24px; }
.unit-article { padding:clamp(20px,4vw,44px); background:var(--card); border:1px solid var(--line); border-radius:24px; line-height:1.95; overflow-wrap:break-word; }
.unit-article[hidden], .lesson-navigation [hidden] { display:none; }
.unit-article h2 { font-size:1.7rem; line-height:1.4; margin:0 0 24px; }
.unit-article h2:not(:first-child) { margin-top:40px; }
.unit-article h3 { font-size:1.18rem; line-height:1.5; margin:32px 0 12px; color:var(--brown-dark); }
.unit-article p { margin:14px 0; }
.unit-article li { margin:10px 0; }
.unit-article a { text-underline-offset:4px; }
.table-scroll { overflow-x:auto; margin:24px 0; border:1px solid var(--line); border-radius:12px; }
.unit-article table { width:100%; border-collapse:collapse; font-size:1rem; }
.unit-article th,.unit-article td { text-align:right; padding:12px 16px; border-bottom:1px solid var(--line); min-width:100px; }
.unit-article th { background:var(--paper-deep); font-weight:700; }
.solution { padding:16px 20px; margin:28px 0; border:1px solid var(--brown); border-radius:14px; background:var(--paper); }
.solution summary { cursor:pointer; font-weight:700; font-size:1rem; }
.video-class,.family-lab { margin:32px 0 42px; padding:clamp(20px,4vw,34px); border:1px solid var(--line); border-radius:22px; background:var(--paper); }
.video-class-head { display:flex; justify-content:space-between; align-items:flex-start; gap:22px; }
.video-class-head h3,.family-lab-head h3 { margin:7px 0 8px; color:var(--ink); font-size:1.45rem; }
.video-class-head p,.family-lab-head p { margin:8px 0; color:var(--muted); }
.video-play { flex:0 0 auto; min-height:48px; border:0; border-radius:999px; padding:0 20px; background:var(--brown-dark); color:#fffaf2; font:inherit; font-weight:700; cursor:pointer; }
.video-stage { margin-top:22px; overflow:hidden; border-radius:20px; background:#352a21; color:#fffaf2; box-shadow:0 18px 45px rgba(57,41,27,.18); }
.video-screen { min-height:390px; padding:clamp(24px,6vw,55px); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; background:radial-gradient(circle at 20% 15%,rgba(180,146,97,.28),transparent 36%),linear-gradient(135deg,#4c3928,#2d251e); }
.video-chapter-count { font-size:.8rem; color:#d8c9b6; }
.video-visual { width:100%; margin:24px 0 18px; padding:22px; border:1px solid rgba(255,255,255,.18); border-radius:16px; background:rgba(255,250,242,.08); color:#f2d39c; font-size:clamp(1.25rem,3vw,2rem); font-weight:800; text-align:center; direction:rtl; }
.video-screen h4 { margin:0 0 12px; color:#fffaf2; font-size:clamp(1.45rem,3vw,2.15rem); }
.video-screen p { max-width:780px; margin:0; color:#efe4d5; line-height:1.8; }
.video-controls { display:grid; grid-template-columns:44px 1fr 44px; gap:14px; align-items:center; padding:15px 18px; background:#241e19; }
.video-controls button { width:44px; height:40px; border:1px solid rgba(255,255,255,.22); border-radius:10px; background:transparent; color:white; font:inherit; cursor:pointer; }
.video-progress { height:7px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.16); direction:rtl; }
.video-progress span { display:block; width:0; height:100%; border-radius:inherit; background:#d2ad72; transition:width .3s ease; }
.video-chapters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:14px; }
.video-chapters button { min-height:74px; border:1px solid var(--line); border-radius:12px; padding:10px; background:var(--card); color:var(--ink); font:inherit; font-size:.78rem; text-align:right; cursor:pointer; }
.video-chapters button span { display:block; color:var(--brown); font-weight:800; }
.video-chapters button[aria-current="step"] { border-color:var(--brown); background:#eee2d1; }
.video-transcript { margin-top:16px; padding:14px 18px; border:1px solid var(--line); border-radius:14px; background:var(--card); }
.video-transcript summary { cursor:pointer; font-weight:700; }
.video-transcript section { padding-block:12px; border-bottom:1px solid var(--line); }
.video-transcript section:last-child { border-bottom:0; }
.video-transcript h4 { margin:0 0 4px; color:var(--brown-dark); }
.video-transcript p { margin:0; font-size:.92rem; }
.family-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:20px 0; }
.family-tabs button { min-height:48px; border:1px solid var(--line); border-radius:12px; padding:8px; background:var(--card); color:var(--ink); font:inherit; font-weight:700; cursor:pointer; }
.family-tabs button[aria-selected="true"] { background:var(--brown-dark); color:#fffaf2; }
.family-case { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:24px; border-radius:18px; background:#e9dfd0; }
.family-label { color:var(--brown); font-size:.8rem; font-weight:800; }
.family-case h4 { margin:7px 0 10px; color:var(--ink); font-size:1.15rem; }
.family-case p { margin:8px 0; }
.family-case dl { display:grid; gap:7px; margin:18px 0 0; }
.family-case dl div { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid rgba(76,57,40,.16); }
.family-case dt { font-weight:700; }.family-case dd { margin:0; }
.family-question { padding:20px; border-radius:15px; background:#fffaf2; }
.family-question [data-family-options] { display:grid; gap:9px; }
.family-question [data-family-answer] { min-height:48px; border:1px solid var(--line); border-radius:11px; padding:10px 12px; background:white; color:var(--ink); font:inherit; text-align:right; cursor:pointer; }
.family-question [data-family-answer].correct { border-color:#6f8a61; background:#dfe9da; }.family-question [data-family-answer].wrong { border-color:#a96c5d; background:#f3dcd5; }
.family-question [data-family-feedback] { padding:12px; border-radius:10px; background:#f1e8dc; font-size:.9rem; }
.family-next { border:0; padding:8px 0; background:transparent; color:var(--brown-dark); font:inherit; font-weight:800; cursor:pointer; }
.final-quiz { margin:34px 0 42px; padding:clamp(20px,4vw,34px); border-radius:22px; background:var(--brown-dark); color:#fffaf2; }
.final-quiz h3 { margin:7px 0 8px; color:#fffaf2; font-size:1.45rem; }.final-quiz>div>p { color:#eadfce; }
.quiz-question { margin-top:18px; padding:20px; border:1px solid rgba(255,255,255,.18); border-radius:15px; background:rgba(255,250,242,.06); }
.quiz-question h4 { margin:0 0 12px; color:#fffaf2; font-size:1rem; }
.quiz-question label { display:block; margin:7px 0; padding:10px 12px; border-radius:9px; background:#fffaf2; color:var(--ink); cursor:pointer; }
.quiz-question input { margin-left:8px; accent-color:var(--brown); }
.quiz-question.answered-correct { border-color:#9cba8b; }.quiz-question.answered-wrong { border-color:#d89a87; }
.quiz-explanation { margin:12px 0 0!important; color:#f5eadc; font-size:.9rem; }
.quiz-submit { width:100%; min-height:50px; margin-top:18px; border:0; border-radius:12px; background:#d2ad72; color:#2f251d; font:inherit; font-weight:800; cursor:pointer; }
.quiz-result { margin-top:16px; padding:16px; border-radius:12px; background:#fffaf2; color:var(--ink); }
.quiz-result button { margin-top:10px; border:0; background:transparent; color:var(--brown-dark); font:inherit; font-weight:800; cursor:pointer; }
.lesson-visuals { margin:40px 0; padding:clamp(20px,4vw,34px); border:1px solid var(--line); border-radius:22px; background:var(--paper); }
.visual-heading { max-width:720px; }
.visual-heading h3,.israel-data h3,.lesson-check h3 { margin:7px 0 10px; color:var(--ink); font-size:1.35rem; }
.visual-heading p,.israel-data p,.lesson-check p { margin:8px 0; }
.visual-kicker { color:var(--brown); font-size:.82rem; font-weight:800; letter-spacing:.04em; }
.money-map { margin:22px 0 34px; }
.money-total { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:10px; }
.money-total span { color:var(--muted); font-size:.9rem; }
.money-total strong { font-size:1.45rem; }
.money-bar { display:flex; height:112px; overflow:hidden; border-radius:18px; box-shadow:inset 0 0 0 1px var(--line); direction:rtl; }
.money-segment { flex:0 0 var(--share); min-width:0; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:8px 4px; color:#fff; text-align:center; line-height:1.25; }
.money-segment b { font-size:1rem; }
.money-segment small { font-size:.72rem; }
.money-segment.rent { background:#4c3928; }
.money-segment.regular { background:#80664d; }
.money-segment.yearly { background:#b49261; }
.money-segment.surplus { background:#7f8b72; }
.money-segment.yearly small { display:none; }
.money-segment.yearly b { font-size:.72rem; }
.money-legend { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 18px; margin-top:12px; color:var(--muted); font-size:.78rem; }
.money-legend span::before { content:""; display:inline-block; width:9px; height:9px; margin-left:7px; border-radius:50%; }
.money-legend .rent::before { background:#4c3928; }
.money-legend .regular::before { background:#80664d; }
.money-legend .yearly::before { background:#b49261; }
.money-legend .surplus::before { background:#7f8b72; }
.money-map figcaption,.cashflow-timeline figcaption { margin-top:13px; color:var(--muted); font-size:.88rem; }
.israel-data { display:grid; grid-template-columns:1fr 190px; gap:28px; align-items:center; margin:34px 0; padding:24px; border-radius:18px; background:#e9dfd0; }
.israel-data .data-caution { color:#5f574e; font-size:.86rem; }
.israel-data a { font-size:.84rem; font-weight:700; }
.data-donut { width:180px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:conic-gradient(#4c3928 0 25.3%,#7f8b72 25.3% 43.9%,#b49261 43.9% 61.8%,#d8cbb8 61.8% 100%); position:relative; }
.data-donut::after { content:""; position:absolute; inset:31px; border-radius:50%; background:#e9dfd0; }
.data-donut span { position:relative; z-index:1; text-align:center; font-size:.76rem; line-height:1.35; }
.cashflow-heading { margin-top:40px; }
.cashflow-timeline { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:9px; align-items:center; margin:22px 0 34px; }
.cashflow-step { min-height:125px; display:flex; flex-direction:column; justify-content:center; padding:14px; border:1px solid var(--line); border-radius:15px; background:var(--card); text-align:center; }
.cashflow-step span,.cashflow-step small { color:var(--muted); font-size:.74rem; }
.cashflow-step strong { margin:4px 0; font-size:1.08rem; }
.cashflow-step.danger { border-color:#a96c5d; background:#f6e9e4; }
.cashflow-step.finish { border-color:#7f8b72; background:#edf0e9; }
.cashflow-arrow { font-size:.75rem; font-weight:800; direction:ltr; }
.cashflow-arrow.negative { color:#9a5443; }
.cashflow-arrow.positive { color:#5f7351; }
.lesson-check { margin-top:34px; padding:24px; border-radius:18px; background:var(--brown-dark); color:#fffaf2; }
.lesson-check h3 { color:#fffaf2; }
.lesson-check p { color:#eadfce; }
.check-answers { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:18px; }
.check-answers button { min-height:49px; padding:10px; border:1px solid #d4c3aa; border-radius:12px; background:#fffaf2; color:var(--ink); font:inherit; font-weight:700; cursor:pointer; }
.check-answers button:hover:not(:disabled),.check-answers button:focus-visible { background:#efe4d4; }
.check-answers button.correct { border-color:#6f8a61; background:#dfe9da; }
.check-answers button.wrong { border-color:#a96c5d; background:#f3dcd5; }
.check-feedback { margin:15px 0 0!important; padding:12px 14px; border-radius:11px; background:#fffaf2; color:var(--ink)!important; font-size:.9rem; }
.lesson-navigation { display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center; margin-top:24px; }
.lesson-navigation span { font-size:.875rem; color:var(--muted); }
.unit-entry { margin-bottom:32px; padding:28px; border:1px solid var(--line); border-radius:22px; background:var(--card); }
.unit-entry h3 { margin:10px 0; font-size:1.6rem; }
.unit-entry p { max-width:680px; }
a:focus-visible, summary:focus-visible { outline:3px solid var(--brown); outline-offset:4px; }
@media(max-width:800px) { .unit-layout { grid-template-columns:minmax(0,1fr); gap:20px; padding:0 16px; } .unit-sidebar { position:static; } .unit-sidebar nav { grid-template-columns:repeat(2,minmax(0,1fr)); } .unit-sidebar a { font-size:.875rem; padding:10px; gap:6px; } .unit-sidebar p { display:none; } .unit-banner { padding:28px 20px; } .unit-article { font-size:1rem; } .lesson-navigation .button { padding:12px 18px; } .israel-data { grid-template-columns:1fr; } .data-donut { margin:auto; } .cashflow-timeline { grid-template-columns:1fr; } .cashflow-arrow { text-align:center; } .video-chapters { grid-template-columns:repeat(2,minmax(0,1fr)); }.family-case { grid-template-columns:1fr; } }
@media(max-width:560px) { .lesson-visuals,.video-class,.family-lab,.final-quiz { margin-inline:-8px; padding:20px 14px; } .video-class-head { display:block; }.video-play { width:100%; margin-top:14px; }.video-screen { min-height:460px; padding:24px 20px; }.video-chapters,.family-tabs { grid-template-columns:1fr 1fr; }.family-case { padding:15px; }.family-question,.quiz-question { padding:15px; }.money-bar { height:auto; display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); } .money-segment { min-height:88px; } .money-segment b,.money-segment.yearly b { font-size:1.08rem; } .money-segment small,.money-segment.yearly small { display:block; font-size:.78rem; } .money-legend { grid-template-columns:1fr; } .israel-data { padding:19px; } .check-answers { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }