/* ===== עיצוב משותף לעמודי תוכן (מאמרים + הצהרת נגישות) — גרינברג אחזקות ===== */
:root{
  --black:#0B1C2C;
  --panel:#102A3F;
  --panel-2:#163C56;
  --blue:#4A8FE0;
  --blue-soft:#7BB3F0;
  --blue-deep:#1E5A96;
  --white:#FFFFFF;
  --muted:#AAC1D6;
  --line:rgba(74,143,224,.24);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Heebo',sans-serif;background:var(--black);color:var(--white);line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:'Frank Ruhl Libre',serif;font-weight:500;line-height:1.3}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.wrap{width:100%;max-width:780px;margin:0 auto;padding:0 20px}
.blue{color:var(--blue)}

/* header */
header{position:sticky;top:0;z-index:50;background:rgba(11,28,44,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:64px;max-width:1180px;margin:0 auto;padding:0 20px}
.logo{display:flex;align-items:center;gap:10px;font-family:'Frank Ruhl Libre',serif;font-weight:600;font-size:1.2rem;color:var(--white)}
.logo:hover{text-decoration:none}
.logo .mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--blue-soft),var(--blue));display:flex;align-items:center;justify-content:center;color:#06192c;font-weight:600;font-size:1.05rem}
.logo small{display:block;font-family:'Heebo';font-weight:400;font-size:.6rem;letter-spacing:3px;color:var(--blue);margin-top:-3px}
.logo-badge img{height:32px;display:block}
.back{color:var(--muted);font-size:.95rem;font-weight:500}
.back:hover{color:var(--blue)}

/* article */
.article{padding:40px 0 70px}
.crumb{color:var(--muted);font-size:.85rem;margin-bottom:18px}
.crumb a{color:var(--blue)}
.kategory{display:inline-block;color:var(--blue);font-weight:500;letter-spacing:1px;font-size:.82rem;margin-bottom:12px}
.article h1{font-size:2.1rem;margin-bottom:14px}
.meta{color:var(--muted);font-size:.9rem;margin-bottom:30px;border-bottom:1px solid var(--line);padding-bottom:22px}
.art-banner{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);margin-bottom:30px;background:linear-gradient(160deg,var(--panel-2),var(--black))}
.article h2{font-size:1.5rem;color:var(--blue-soft);margin:34px 0 12px}
.article p{margin-bottom:18px;color:#e3e8ee;font-size:1.06rem}
.article ul,.article ol{margin:0 0 18px;padding-right:22px;color:#e3e8ee}
.article li{margin-bottom:10px;font-size:1.05rem}
.lead-para{font-size:1.15rem;color:var(--white)}
.callout{background:transparent;border:none;border-right:3px solid var(--blue);border-radius:0;padding:6px 18px 6px 0;margin:26px 0;color:#e7edf5}
.callout b{color:var(--blue-soft);font-weight:600}

/* CTA block */
.cta-box{background:linear-gradient(150deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:18px;padding:30px 24px;text-align:center;margin-top:44px}
.cta-box h3{font-size:1.4rem;margin-bottom:10px}
.cta-box p{color:var(--muted);margin-bottom:20px}
.btn{position:relative;overflow:visible;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:0;font-family:'Heebo';font-weight:500;font-size:1.05rem;letter-spacing:.06em;background:linear-gradient(135deg,var(--blue-soft),var(--blue));color:#06192c;cursor:pointer;border:1.5px solid rgba(74,143,224,.35)}
.btn::before{content:"";position:absolute;inset:-7px;pointer-events:none;color:var(--blue);
  background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;
  background-size:14px 2px,2px 14px,14px 2px,2px 14px,14px 2px,2px 14px,14px 2px,2px 14px;
  background-position:left top,left top,right top,right top,left bottom,left bottom,right bottom,right bottom;
  transition:inset .3s ease}
.btn:hover{text-decoration:none}
.btn:active::before{inset:-13px}

/* related */
.related{margin-top:50px}
.related h3{font-size:1.3rem;margin-bottom:16px}
.related-grid{display:grid;gap:12px}
.rel-card{display:block;background:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:14px 0;color:var(--white)}
.rel-card:hover{text-decoration:none}
.rel-card:hover h4{color:var(--blue)}
.rel-card .k{color:var(--blue);font-size:.78rem;font-weight:500;letter-spacing:1px;margin-bottom:6px}
.rel-card h4{font-family:'Frank Ruhl Libre';font-weight:500;font-size:1.08rem}

/* footer */
footer{background:var(--black);border-top:1px solid var(--line);padding:34px 0 26px;text-align:center}
footer p{color:var(--muted);font-size:.9rem;margin-bottom:8px}
footer a{color:var(--blue)}
footer .copy{font-size:.8rem;color:#6e8298;margin-top:10px}

@media(min-width:768px){
  .article h1{font-size:2.7rem}
  .related-grid{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}