@font-face{font-family:'Hadasim CLM';src:url(../fonts/hadasim-clm-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Hadasim CLM';src:url(../fonts/hadasim-clm-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Secular One';src:url(../fonts/secular-one-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Heebo';src:url(../fonts/heebo-100-900.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--body:'Hadasim CLM','Noto Serif Hebrew','David',serif;--head:'Secular One',system-ui,sans-serif;--sans:'Heebo',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#1b1d22;font:18px/1.7 var(--body);direction:rtl}
a{color:inherit}
main{max-width:1080px;margin:0 auto;padding:0 16px 40px}
.top{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;max-width:1080px;margin:0 auto}
.logo{font:400 30px/1 var(--head);color:#1E1747;text-decoration:none}
.top nav{display:flex;gap:14px;font:600 15px var(--sans)}
.top nav a{text-decoration:none;color:#444}
.top nav a:hover{color:#E65100}
.stripe{height:5px;background:linear-gradient(to left,#00897B 0 14%,#8E2442 14% 28%,#7B3FA0 28% 42%,#E65100 42% 56%,#1565C0 56% 70%,#2E7D32 70% 84%,#D81B60 84%)}
h1,h2,h3{font-weight:400;font-family:var(--head)}
h2{font-size:28px;margin:44px 0 14px;color:#1E1747;border-bottom:3px solid #FFC93C;display:inline-block;padding-bottom:2px}
.pill{display:inline-block;font:700 13px/1 var(--sans);padding:6px 11px;border-radius:99px;background:#f3f3f6;color:#333;margin:0 0 6px 6px}
.pill.big{background:#FFC93C;color:#1E1747;font-size:16px;padding:7px 15px}
.btn{display:inline-block;font:700 15px var(--sans);text-decoration:none;color:#fff;background:#1E1747;padding:10px 18px;border-radius:12px;margin:6px 0 10px}
.btn small{font-weight:500;opacity:.75}
.btn.sm{font-size:13px;padding:7px 12px;border-radius:10px;margin:4px 0;background:#fff;color:#1E1747;border:2px solid #1E1747;white-space:nowrap}
/* masthead */
.mast{padding:28px 0 8px}
.mast .kick{font:400 15px var(--head);letter-spacing:.04em;color:#E65100}
.mast h1{font-size:96px;line-height:.95;margin:6px 0 8px;color:#1E1747}
.dots{display:flex;gap:6px}.dots i{width:28px;height:8px;border-radius:4px;display:block}
.latest{margin-top:22px}
.lh{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:600 15px var(--sans);color:#444}
.lh .pill{margin:0}
.hak{display:block;text-decoration:none;font:600 16px var(--sans);color:#333;border:2px dashed var(--c);border-radius:14px;padding:10px 14px;margin:6px 0 14px}
.hak .tl{color:var(--c);font-family:var(--head);font-weight:400;margin-left:6px}
/* tiles */
.tiles{display:grid;grid-template-columns:1fr;gap:12px}
.tile{display:flex;gap:12px;align-items:stretch;text-decoration:none;color:#1b1d22;background:#fff;border:2px solid var(--c);border-right:10px solid var(--c);border-radius:14px;padding:12px 14px;transition:transform .12s}
.tile:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.07)}
.tth{flex:0 0 34%;max-width:34%;display:flex;align-items:center}
.tth img{width:100%;border-radius:9px;display:block;aspect-ratio:4/3;object-fit:cover}
.tth img.sv{object-fit:contain;padding:4px}
.ttxt{display:flex;flex-direction:column;gap:3px;min-width:0}
.tl{font:400 13px var(--head);color:var(--c);letter-spacing:.02em}
.tt{font:400 20px/1.25 var(--head)}
.tx{font:500 13px/1.4 var(--sans);color:#666}
.tile.wide{flex-direction:column}
.tile.wide .tth{max-width:none;flex:none}
.tile.wide .tth img{aspect-ratio:16/7}
.tile.wide .tt{font-size:24px}
/* issues list */
.irows{display:flex;flex-direction:column;gap:10px}
.irow{display:flex;align-items:center;gap:12px;border:2px solid #eee;border-radius:14px;padding:10px 12px}
.inum{flex:0 0 52px;height:52px;border-radius:12px;background:#FFF3D6;color:#1E1747;font:400 28px/52px var(--head);text-align:center;text-decoration:none}
.ibody{flex:1;min-width:0}
.it{font:700 16px var(--sans);text-decoration:none;color:#1E1747}
.ix{font:500 13px/1.45 var(--sans);color:#666;margin-top:2px}
/* categories */
.gh{font:400 18px var(--head);color:#555;margin:18px 0 8px}
.cats{display:flex;flex-wrap:wrap;gap:8px}
.cat{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:2px solid var(--c);border-radius:99px;padding:6px 8px 6px 14px;font:400 17px var(--head);color:var(--c)}
.cat .cc{font:700 12px/22px var(--sans);min-width:22px;height:22px;border-radius:11px;background:var(--c);color:#fff;text-align:center}
.about{margin-top:40px;border-top:2px solid #f0f0f0;padding-top:4px}
.about p{margin:0 0 10px}
.about a{font:700 15px var(--sans);color:#E65100}
.about.solo{max-width:720px;margin:20px auto 0;border:0}
.about.solo h1{font-size:44px;margin:10px 0 0;color:#1E1747}
.when{font:600 15px var(--sans);color:#555}
/* issue page */
.issuehead{padding:26px 0 6px}
.issuehead h1{font-size:72px;line-height:1;margin:8px 0 4px;color:#1E1747}
/* piece */
.piece{max-width:720px;margin:0 auto;padding-top:10px}
.crumb{font:600 13px var(--sans);margin:6px 0 10px}.crumb a{color:#777;text-decoration:none}
.ph1{border-right:8px solid var(--c);padding:4px 14px 6px 0;margin-bottom:12px}
.labs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:4px}
.tag{font:700 12px var(--sans);color:#fff;background:var(--c);border-radius:99px;padding:4px 10px}
.lab{font:400 16px var(--head);color:var(--c);text-decoration:none}
a.lab:hover{text-decoration:underline}
.piece h1{font-size:34px;line-height:1.2;margin:4px 0;color:var(--c)}
.sub{font:600 17px/1.45 var(--sans);color:#444;margin:4px 0 0}
.meta{margin:0 0 10px}
.meta .pill.p1{background:var(--c);color:#fff}
.fig{margin:6px 0 4px;border-radius:14px;overflow:hidden;background:#f4f4f4}
.fig img{width:100%;height:100%;display:block;object-fit:cover}
.fig.svg img{object-fit:contain;padding:8px}
.fig.svg{display:flex}
.cap{font:500 13px/1.45 var(--sans);color:#666;margin:0 0 14px}
.intro{font:600 17px/1.6 var(--sans);color:#333;border-right:5px solid var(--c);padding:2px 14px 2px 0;margin:10px 0 18px}
.body p{margin:0 0 .8em}
.pq{font:400 22px/1.35 var(--head);color:var(--c);border-top:4px solid var(--c2);border-bottom:4px solid var(--c2);padding:12px 4px;margin:14px 0 18px;text-align:center}
.cut{font:700 .78em var(--sans);color:var(--c)}
.cutp{font:700 14px var(--sans);color:var(--c);text-align:center}
.sep{text-align:center;color:var(--c);margin:10px 0 16px}
.bul{padding-right:22px;margin:0 0 1em}
.post{border-right:4px solid var(--c2);padding:2px 14px 2px 0;margin:0 0 18px}
.ph{margin-bottom:4px}
.nick{font:400 18px var(--head);color:var(--c)}
.pdate{font:500 13px var(--sans);color:#888;margin-right:8px}
.box{border:2px solid var(--c);border-radius:14px;padding:12px 16px;margin:18px 0}
.box h3{margin:0 0 6px;color:var(--c);font-size:20px}
.quotes{margin:0 0 12px}
blockquote{margin:0 0 8px;background:#f6f6f9;border-radius:12px;padding:10px 14px}
blockquote .qn{font:400 16px var(--head);color:var(--c);margin-left:6px}
blockquote.verse{background:none;padding:0 12px;margin:0;text-align:center;color:#333}
.piece.col .body > .quotes blockquote:not(.verse){border-right:4px solid var(--c)}
.src{font:500 13px var(--sans);color:#888;margin-top:18px;border-top:1px solid #eee;padding-top:8px;word-break:break-all}
.src a{color:#555}
.toc{border:2px solid var(--c);border-radius:14px;padding:12px 16px;margin:20px 0}
.toc h3{margin:0 0 6px;color:var(--c)}
.toc a{display:block;text-decoration:none;padding:7px 0;border-bottom:1px solid #f0f0f0;font:600 16px/1.4 var(--sans)}
.toc a:last-child{border:0}
.toc .tl{display:block;color:var(--c);font-size:13px}
.pn{max-width:720px;margin:26px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pn a{display:block;text-decoration:none;border:2px solid var(--c);border-radius:14px;padding:10px 12px;font:400 17px/1.3 var(--head);color:#1b1d22}
.pn small{display:block;font:700 12px var(--sans);color:var(--c);margin-bottom:3px}
.pn .next{text-align:left}
.back{max-width:720px;margin:16px auto 0;font:700 15px var(--sans);display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.back a{color:#1E1747}
/* category page */
.cathead{padding:26px 0 8px;border-bottom:4px solid var(--c);margin-bottom:16px}
.cathead h1{font-size:44px;margin:8px 0 0;color:var(--c)}
.rows{display:flex;flex-direction:column;gap:12px}
.row{display:flex;flex-direction:column;gap:2px;text-decoration:none;border-right:8px solid var(--c);background:#fafafa;border-radius:12px;padding:12px 14px}
.rn{font:700 12px var(--sans);color:var(--c)}
.rt{font:400 21px/1.3 var(--head)}
.rx{font:600 13px var(--sans);color:#666}
.rd{font:16px/1.55 var(--body);color:#444}
.foot{margin-top:40px;text-align:center;font:500 13px/1.6 var(--sans);color:#666}
.foot p{margin:8px 16px}
.foot a{color:#1E1747}
@media (min-width:760px){
 body{font-size:19px}
 .mast h1{font-size:150px}
 .tiles{grid-template-columns:1fr 1fr;gap:16px}
 .tile.wide{grid-column:1/-1;flex-direction:row}
 .tile.wide .tth{flex:0 0 46%;max-width:46%}
 .tile.wide .tth img{aspect-ratio:16/9}
 .tile.wide .tt{font-size:30px}
 .tile{flex-direction:column}
 .tile .tth{max-width:none;flex:none}
 .tile .tth img{aspect-ratio:16/8}
 .piece h1{font-size:44px}
 .issuehead h1{font-size:110px}
}
@media (max-width:420px){.top nav{gap:10px;font-size:14px}.logo{font-size:26px}.mast h1{font-size:84px}}

/* whole images, never cropped (2026-10-19) */
.fig.photo{display:flex;justify-content:center;background:#f5f5f5}
.fig.photo img{width:auto;max-width:100%;height:auto;max-height:78vh;object-fit:contain}
.tth img{object-fit:contain;background:#f3f3f3}

/*abonir*/
.abon{margin:34px 0 10px;padding:18px 18px 14px;background:#fff;border:1px solid #e3ddd2;border-right:5px solid var(--c,#3B2C85);border-radius:12px}
.abon h2{margin:0 0 6px;font-family:var(--head);font-size:21px;line-height:1.35}
.abon .absub{margin:0 0 12px;color:#555;font-family:var(--sans);font-size:15px}
.abform .abrow{display:flex;gap:8px;flex-wrap:wrap}
.abform input[type=email]{flex:1 1 220px;min-width:0;padding:11px 12px;font-size:17px;border:1px solid #cfc6b8;border-radius:10px;background:#fdfcfa;font-family:inherit;text-align:left}
.abform button{padding:11px 18px;font-size:17px;font-weight:700;font-family:var(--sans);color:#fff;background:var(--c,#3B2C85);border:0;border-radius:10px;cursor:pointer}
.abform button[disabled]{opacity:.6}
.abmode{margin:10px 0 0;font-family:var(--sans);font-size:15px;display:flex;gap:18px;flex-wrap:wrap}
.abmode label{cursor:pointer}
.abform .hp{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important;white-space:nowrap}
.abmsg{margin:10px 0 0;font-family:var(--sans);font-size:16px}.abmsg:empty{display:none}
.abmsg.ok{padding:10px 12px;border-radius:10px;background:#e9f3e6;border:1px solid #b9d6b0}
.abmsg.err{padding:10px 12px;border-radius:10px;background:#fbecea;border:1px solid #e6bdb7}
.abnote{margin:8px 0 0;color:#777;font-family:var(--sans);font-size:13px}
.abres form{margin:14px 0}.abtab{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:15px}
.abtab td,.abtab th{border-bottom:1px solid #e3ddd2;padding:6px 8px;text-align:right}
.abbig{font:700 64px var(--head);margin:6px 0 0;color:var(--c,#3B2C85)}
.top nav{flex-wrap:wrap;justify-content:flex-end;row-gap:2px}
@media (max-width:400px){.top nav{gap:8px;font-size:13px}}
.abform input,.abform button{box-sizing:border-box;line-height:1.3}
/*/abonir*/