/* פונט Rubik מקומי לעמודים הסטטיים (אותו גופן כמו האפליקציה). latin+hebrew, 400/700/800 */
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(/guides/fonts/rubik-hebrew-400.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(/guides/fonts/rubik-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(/guides/fonts/rubik-hebrew-700.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(/guides/fonts/rubik-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(/guides/fonts/rubik-hebrew-800.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(/guides/fonts/rubik-latin-800.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{color-scheme:dark}
*{box-sizing:border-box}
body{
  margin:0;background:#0f172a;color:#e2e8f0;
  font-family:Rubik,system-ui,"Segoe UI",Arial,sans-serif;line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1040px;margin:0 auto;padding:28px 28px 64px}
a{color:#a5b4fc}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 0;border-bottom:1px solid #1e293b;margin-bottom:24px}
.top .brand{font-weight:800;color:#e2e8f0;text-decoration:none;font-size:18px}
.cta{display:inline-block;background:#4f46e5;color:#fff;text-decoration:none;
  font-weight:700;padding:12px 24px;border-radius:14px;
  box-shadow:0 4px 0 0 #3730a3;margin:8px 0}
.cta:hover{background:#6366f1}
h1{font-size:30px;line-height:1.25;margin:18px 0 8px;color:#fff}
h2{font-size:22px;margin:32px 0 8px;color:#fff;border-bottom:2px solid #1e293b;padding-bottom:6px}
h3{font-size:17px;margin:20px 0 4px;color:#c7d2fe}
.lead{font-size:18px;color:#cbd5e1}
.muted{color:#94a3b8;font-size:14px}
p,li{font-size:16.5px}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15.5px;table-layout:auto}
th,td{border:1px solid #475569;padding:9px 12px;text-align:right;vertical-align:top;word-break:break-word}
th{background:#1e293b;color:#fff;font-weight:700}
code,.en{direction:ltr;unicode-bidi:embed;background:#1e293b;border-radius:6px;padding:1px 7px;font-weight:700;color:#a5b4fc;display:inline-block}
.box{background:#1e293b;border-right:4px solid #4f46e5;border-radius:12px;padding:14px 18px;margin:18px 0}
.tip{border-right-color:#d97706;background:#241c0e}
ul,ol{padding-right:22px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
@media(max-width:860px){.cards{grid-template-columns:1fr 1fr}}
.card{display:block;background:#1e293b;border:1px solid #334155;border-radius:14px;
  padding:16px 18px;text-decoration:none;color:#e2e8f0}
.card:hover{border-color:#6366f1}
.card b{display:block;color:#fff;font-size:17px;margin-bottom:4px}
.card span{color:#94a3b8;font-size:14px}
footer{margin-top:40px;padding-top:18px;border-top:1px solid #1e293b;color:#94a3b8;font-size:14px;text-align:center}
@media(max-width:600px){
  .wrap{padding:18px 16px 56px}
  .cards{grid-template-columns:1fr}
  h1{font-size:24px}
  h2{font-size:20px}
  table{font-size:14px}
  th,td{padding:7px 8px}
  /* כותרת עליונה — נערמת לשתי שורות כדי שכפתור ה-CTA לא יהיה גדול/צפוף */
  .top{flex-direction:column;align-items:stretch;gap:10px}
  .top .brand{font-size:17px;text-align:center}
  .top .cta{font-size:15px;padding:11px 16px;text-align:center;box-shadow:0 3px 0 0 #3730a3}
  /* כפתורי CTA בתוך התוכן — מותאמים לרוחב המסך */
  .cta{font-size:15px;padding:11px 18px}
  .box .cta{display:block;text-align:center}
}