/* כותרת לקוראי מסך בלבד — מונעת קפיצת רמות בהיררכיה
   בלי לשנות שום דבר נראה. */
.sr-only { position:absolute; width:1px; height:1px; padding:0;
  margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap;
  border:0; }

/* שדה החיפוש מבטל את טבעת המיקוד של הדפדפן (border+outline:none),
   וכלל ה-focus-visible ב-hover.css מכסה רק a ו-button. בלי זה
   משתמש מקלדת לא רואה כלל איפה הוא נמצא. WCAG 2.4.7 */
.search:focus-within { border-color:var(--action,#0369A1) !important;
  box-shadow:0 0 0 3px rgba(3,105,161,.35); }
.search input:focus-visible { outline:none; }

/* פס העדכון העליון. היה מוגדר ב-18 עמודים בנפרד, ו-brand-lenovo
   הכיל את האלמנט בלי הכלל — הקישור הלבן נעלם על רקע לבן. */
.pkg-top { background:var(--primary,#1B2A4A); color:#D9DEE8; font-size:13px; text-align:center; padding:6px; }

/* <small> בלי כלל מפורש יורש 0.8333em מברירת המחדל של הדפדפן,
   ויורד ל-11.67px בתוך טקסט של 14px. ספירות המסננים בסרגל הצד
   נופלות כך מתחת לסף הקריאוּת. */
.sidebar small, .filters small, aside small { font-size: 12px; }

/* מאפיין hidden חייב לגבור. בלעדיו כל כלל display מפורש
   (למשל .pcard{display:flex}) מבטל אותו, ו-element.hidden=true
   פשוט לא עושה כלום. */
[hidden] { display: none !important; }

/* base.css — שכבת הבסיס המשותפת לכל 30 העמודים.
   רק כללים ברמה העליונה. כללי @media נשארים בעמוד בכוונה:
   הוצאתם מההקשר הופכת תיקון-מובייל לכלל גלובלי.
   נטען לפני ה-inline, ולכן דריסה ספציפית לעמוד עדיין גוברת. */

a, button, input, select, textarea, .tile, .pcard, [onclick] { touch-action: manipulation; }
h1, h2, h3 { text-wrap: balance; }
[id] { scroll-margin-top: 90px; }
.wa:focus-visible { outline:3px solid #0369A1; outline-offset:3px; }
.skip-link { position:absolute; inset-inline-start:-9999px; top:0; z-index:999; background:var(--primary); color:#fff; padding:12px 20px; font-weight:600; border-radius:0 0 8px 0; }
.skip-link:focus { inset-inline-start:0; }
* { box-sizing:border-box; margin:0; }
.micon { width:15px; height:15px; display:inline-block; vertical-align:-2.5px; margin-left:5px; color:var(--primary); flex-shrink:0; }
.micon-inline { width:14px; height:14px; display:inline-block; vertical-align:-2.5px; margin-left:3px; flex-shrink:0; }