/* PWA: קידומת pw- */
.pw-layer{position:fixed;inset-inline:0;bottom:0;z-index:90;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);pointer-events:none;align-items:center}
.pw-layer>*{pointer-events:auto}
.pw-bar{width:min(100%,640px);box-sizing:border-box;background:var(--navy);color:#fff;border-radius:var(--r2);box-shadow:var(--shadow-2);padding:var(--s3) var(--s4);display:flex;gap:var(--s3);align-items:center;justify-content:space-between;flex-wrap:wrap;border-inline-start:4px solid var(--gold)}
.pw-bar p{margin:0;font-size:var(--fs-small);color:#E6EBF2}
.pw-bar strong{display:block;font-size:var(--fs-body);margin-bottom:2px}
.pw-offline{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-inline-start:4px solid var(--alert)}
.pw-offline p{color:var(--text)}
.pw-acts{display:flex;gap:var(--s2);flex-wrap:wrap}
.pw-toast{background:var(--navy-deep);color:#fff;border-radius:var(--r2);padding:var(--s3) var(--s4);font-size:var(--fs-small);box-shadow:var(--shadow-2);max-width:min(100%,520px)}
.pw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:6px 16px;border-radius:var(--r1);border:1px solid var(--line-strong);background:var(--surface);color:var(--navy);font:inherit;font-weight:700;font-size:var(--fs-small);cursor:pointer;text-decoration:none}
.pw-bar .pw-btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.pw-btn:hover{border-color:var(--navy)}
.pw-btn:focus-visible,.pw-link:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.pw-primary,.pw-bar .pw-primary{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}
.pw-btn.pw-on{background:var(--gold-soft);border-color:var(--gold)}
.pw-btn[disabled]{opacity:.55;cursor:default}
.pw-save{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;margin:var(--s3) 0}
.pw-link{color:var(--blue);font-size:var(--fs-small);font-weight:700;display:inline-flex;align-items:center;min-height:var(--tap)}
/* עמודים */
.pw-main{padding-bottom:var(--s7)}
.pw-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin:var(--s4) 0}
.pw-card{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--r2);padding:var(--s4)}
.pw-card h2,.pw-card h3{margin:0 0 var(--s2);font-size:var(--fs-h3)}
.pw-card ul,.pw-card ol{margin:0;padding-inline-start:20px}
.pw-card li{margin-bottom:var(--s2)}
.pw-card p{margin:0 0 var(--s3)}
.pw-state{display:grid;grid-template-columns:auto 1fr;gap:var(--s2) var(--s4);margin:0}
.pw-state dt{color:var(--text-2)}
.pw-state dd{margin:0;font-weight:700}
.pw-msg{margin:var(--s3) 0;padding:var(--s3);border-radius:var(--r1);background:var(--surface);border:1px solid var(--line-strong)}
.pw-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.pw-item{display:grid;grid-template-columns:96px 1fr;gap:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s3)}
.pw-item.pw-nopic{grid-template-columns:1fr}
.pw-thumb{width:96px;height:96px;object-fit:cover;border-radius:var(--r1);background:var(--line)}
.pw-item h2{font-size:var(--fs-h3);margin:0 0 var(--s1)}
.pw-item h2 a{color:var(--text);text-decoration:none}
.pw-item h2 a:hover{text-decoration:underline}
.pw-meta{color:var(--text-2);font-size:var(--fs-small);margin:0 0 var(--s2)}
.pw-ex{margin:0 0 var(--s2);color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pw-row{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center}
.pw-tools{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;align-items:center;margin:var(--s4) 0}
.pw-read{max-width:72ch;margin-inline:auto}
.pw-read h1{margin:var(--s2) 0}
.pw-read img{max-width:100%;height:auto}
.pw-cover{width:100%;max-height:420px;object-fit:cover;border-radius:var(--r2);margin:var(--s3) 0}
.pw-body{font-size:18px;line-height:1.75;overflow-wrap:anywhere}
.pw-body table{display:block;overflow-x:auto;max-width:100%}
.pw-body a{color:var(--blue)}
@media (max-width:480px){.pw-item{grid-template-columns:72px 1fr}.pw-thumb{width:72px;height:72px}.pw-bar{padding:var(--s3)}}
@media (prefers-reduced-motion:no-preference){.pw-toast,.pw-bar{animation:pw-in .2s ease-out}@keyframes pw-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media print{.pw-layer,.pw-save{display:none}}