/* תורה במיכליס - עיצוב. ללא משתני CSS וללא flex-gap, לתאימות רחבה (גם לדפדפנים ישנים) */
html{font-size:100%;-webkit-text-size-adjust:100%}
body{margin:0;background:#fbf8f1;color:#1d1d1d;font-family:"Segoe UI","Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif;font-size:1.125rem;line-height:1.85}
a{color:#00507d;text-decoration:underline}
a:hover{color:#013a5c}
a:focus,button:focus{outline:3px solid #b36b00;outline-offset:3px}
img{max-width:100%;height:auto}
.skip{position:absolute;right:8px;top:-80px;background:#fff;color:#013a5c;padding:.6rem 1rem;border:2px solid #015383;z-index:100;font-weight:700}
.skip:focus{top:8px}
.wrap{max-width:960px;margin:0 auto;padding:0 1rem}
.narrow{max-width:760px;margin:0 auto;padding:0 1rem}

/* כותרת האתר */
.site-head{background:#015383;color:#fff;border-bottom:5px solid #F0A500}
.site-head .wrap{padding-top:.8rem;padding-bottom:.8rem;overflow:hidden}
.brand{float:right;color:#fff;text-decoration:none;font-family:"David","Frank Ruhl Libre","Times New Roman",serif;font-size:1.6rem;font-weight:700;line-height:1.3;margin-left:1.5rem}
.brand small{display:block;font-family:"Segoe UI","Noto Sans Hebrew",Arial,sans-serif;font-size:.85rem;font-weight:400;color:#ffd98a}
.main-nav{float:right;padding-top:.3rem}
.main-nav a{display:inline-block;color:#fff;text-decoration:none;padding:.35rem .8rem;margin:.1rem .1rem;border:1px solid transparent;border-radius:2px}
.main-nav a:hover{border-color:#F0A500;color:#fff}
.main-nav a[aria-current="page"]{border-bottom:3px solid #F0A500}

/* תוכן */
main{display:block;padding:1.5rem 0 3rem}
h1{font-family:"David","Frank Ruhl Libre","Times New Roman",serif;font-size:2.1rem;line-height:1.3;color:#013a5c;margin:.3rem 0 .6rem}
h2{font-family:"David","Frank Ruhl Libre","Times New Roman",serif;font-size:1.6rem;line-height:1.35;color:#013a5c;margin:2.2rem 0 .8rem;padding-bottom:.35rem;border-bottom:3px solid #F0A500}
h3{font-size:1.3rem;line-height:1.4;color:#013a5c;margin:1.8rem 0 .5rem}
h4{font-size:1.12rem;line-height:1.4;color:#013a5c;margin:1.3rem 0 .3rem}
p{margin:.2rem 0 1rem}
ul{padding-right:1.4rem;margin:.2rem 0 1rem}
li{margin-bottom:.4rem}
.eyebrow{color:#7a5200;font-weight:700;margin:0}
.meta{color:#4a4a4a;margin:0 0 1rem}
.crumbs{font-size:.95rem;color:#4a4a4a;margin:0 0 .6rem}
.lead{font-size:1.2rem}

/* תיבות בסיכומים */
.box{margin:1.3rem 0;padding:.9rem 1.2rem .6rem;border-right:6px solid #015383;border-radius:2px;background:#eaf2f8}
.box p{margin:0 0 .7rem}
.box-title{font-weight:700;color:#013a5c}
.box.quote{background:#f4ecd8;border-right-color:#F0A500;font-style:italic;color:#14202b}
.box.question{background:#f4ecd8;border-right-color:#015383}
.box.info{background:#eaf2f8;border-right-color:#015383}
.box.story{background:#f0f4f8;border-right:0;border-top:5px solid #015383}
.box.key{background:#F0A500;border-right-color:#013a5c;color:#0b2233}
.box.key .box-title{color:#0b2233}
.box.warn{background:#fff3cd;border-right-color:#8a6a00;color:#3d2e00}
.box.warn .box-title{color:#3d2e00}
.box.note{background:#e8f5e9;border-right-color:#2e7d32}
.box.source,.box.plain{background:#f1f0ea;border-right-color:#8a8a7a}

/* וידאו */
.video{position:relative;width:100%;padding-bottom:56.25%;height:0;background:#0b2233;margin:.6rem 0 1rem}
.video iframe{position:absolute;top:0;right:0;width:100%;height:100%;border:0}
.video-missing{border:2px dashed #8a8a7a;background:#f1f0ea;padding:1.2rem;margin:.6rem 0 1rem}
.small{font-size:.95rem;color:#4a4a4a}

/* רשימת שיעורים */
.lessons{list-style:none;margin:0;padding:0}
.lesson{background:#fff;border:1px solid #d9d2c0;border-right:6px solid #015383;margin:0 0 .8rem;padding:.7rem 1rem}
.lesson .date{display:block;font-weight:700;color:#7a5200}
.lesson h3{margin:.1rem 0 .2rem;font-size:1.2rem}
.lesson h3 a{text-decoration:none}
.lesson h3 a:hover{text-decoration:underline}
.lesson .who{color:#4a4a4a;font-size:.95rem}
.badge{display:inline-block;border:1px solid #8a8a7a;padding:0 .5rem;margin-left:.4rem;font-size:.85rem;color:#333;border-radius:2px}
.latest{background:#fff;border:2px solid #015383;border-top:8px solid #F0A500;padding:1rem 1.2rem;margin:1rem 0 1.5rem}
.btn{display:inline-block;background:#015383;color:#fff;text-decoration:none;padding:.55rem 1.2rem;border:2px solid #015383;border-radius:2px;font-weight:700}
.btn:hover{background:#013a5c;color:#fff}
.btn.alt{background:#fff;color:#013a5c}
.prevnext{margin-top:2.5rem;border-top:1px solid #d9d2c0;padding-top:1rem;overflow:hidden}
.prevnext .next{float:left;text-align:left}
.prevnext .prev{float:right}

/* טבלת מקורות */
table.src{width:100%;border-collapse:collapse;margin:1rem 0;font-size:1rem}
table.src th,table.src td{border:1px solid #cfc8b4;padding:.5rem .7rem;text-align:right;vertical-align:top}
table.src th{background:#eaf2f8;color:#013a5c}

/* כותרת תחתונה */
.site-foot{background:#013a5c;color:#e8eef3;padding:1.5rem 0;margin-top:2rem;border-top:5px solid #F0A500;font-size:.98rem}
.site-foot a{color:#ffd98a}
.site-foot p{margin:.2rem 0}

/* נגישות */
#a11y-toggle{position:fixed;left:0;bottom:90px;z-index:60;background:#013a5c;color:#fff;border:2px solid #F0A500;border-left:0;padding:.6rem .9rem;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;border-radius:0 2px 2px 0}
#a11y-panel{position:fixed;left:0;bottom:140px;z-index:60;background:#fff;color:#1d1d1d;border:2px solid #013a5c;padding:.8rem;width:15rem;box-shadow:0 2px 8px rgba(0,0,0,.3)}
#a11y-panel[hidden]{display:none}
#a11y-panel h2{font-size:1.05rem;margin:0 0 .5rem;padding:0;border:0}
#a11y-panel button{display:block;width:100%;text-align:right;margin:0 0 .4rem;padding:.45rem .6rem;border:1px solid #013a5c;background:#fff;color:#013a5c;font-size:1rem;font-family:inherit;cursor:pointer;border-radius:2px}
#a11y-panel button[aria-pressed="true"]{background:#013a5c;color:#fff}
html.hc body{background:#000;color:#fff}
html.hc a{color:#ffff00}
html.hc h1,html.hc h2,html.hc h3,html.hc h4,html.hc .box-title,html.hc .eyebrow{color:#fff}
html.hc .box,html.hc .lesson,html.hc .latest,html.hc .video-missing{background:#000;color:#fff;border:2px solid #fff}
html.hc .box.key{background:#000;color:#fff}
html.hc .box.key .box-title,html.hc .box.warn .box-title{color:#fff}
html.hc .box.warn{color:#fff}
html.hc .site-head,html.hc .site-foot{background:#000;border-color:#fff}
html.hc .btn,html.hc .btn.alt{background:#000;color:#ffff00;border-color:#ffff00}
html.hc table.src th,html.hc table.src td{background:#000;color:#fff;border-color:#fff}
html.hl a{background:#ffff00;color:#000 !important;padding:0 .15em}
html.rd body{font-family:Arial,Helvetica,sans-serif;letter-spacing:.03em;line-height:2.1}

@media (max-width:640px){
 body{font-size:1.06rem}
 h1{font-size:1.7rem}
 h2{font-size:1.4rem}
 .brand{float:none;display:block;margin:0 0 .4rem}
 .main-nav{float:none;display:block}
 .main-nav a{padding:.4rem .6rem}
 .prevnext .next,.prevnext .prev{float:none;display:block;text-align:right;margin-bottom:.6rem}
 table.src,table.src tbody,table.src tr,table.src td,table.src th{display:block;width:auto}
 table.src thead{display:none}
 table.src tr{margin-bottom:.8rem;border:1px solid #cfc8b4}
 table.src td{border:0;border-bottom:1px solid #ece6d4}
}
@media print{
 .site-head,.site-foot,#a11y-toggle,#a11y-panel,.video,.skip{display:none}
 body{background:#fff}
}