/* גלריית הפרסומות של Dragon Data: על בסיס העיצוב של המגזין (magazine.css), לפי ההדמיה שגונן אישר (27.10.2026):
   רשת כרטיסים עם מסגרת שחורה וצל (השמות scan- ולא ad-: חוסמי פרסומות מסתירים ad-), תגית בצבע לכל סוג, ודף לכל פרסומת עם התמונה בגדול ולידה ההסבר. */
.sheet.scans { max-width: 1150px; }
.thanks { font: 14px/1.6 'Rubik', sans-serif; color: var(--soft); margin: -6px 0 18px; }
.thanks a { color: inherit; }

/* הרשת: 3 בשורה במחשב, 2 בטאבלט, 1 בטלפון */
.scan-grid { list-style: none; padding: 0; margin: 10px 0 8px; display: grid; gap: 24px; grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) { .scan-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .scan-grid { grid-template-columns: 1fr; } }
.scan-card { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: var(--ink); background: #fbf5e6;
  border: 2px solid var(--ink); box-shadow: 6px 6px 0 var(--ink); transition: transform .12s; }
.scan-card:hover { transform: translate(-2px, -2px); }
.scan-card:target { outline: 4px solid var(--red); outline-offset: 4px; }
.scan-thumb { height: 280px; background: #e5d6b3; display: flex; align-items: center; justify-content: center; overflow: hidden; border-bottom: 2px solid var(--ink); }
.scan-thumb img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.scan-meta { padding: 12px 14px 0; font: 13px/1.4 'Rubik', sans-serif; color: var(--soft); }
.scan-title { padding: 6px 14px 14px; font: 900 19px/1.3 'Rubik', sans-serif; }

/* התגית: כחול פרסומת, ירוק חוברת, אדום עלון, צהוב מחירון (פסי הצבע של ה-Dragon) */
.tag { display: inline-block; font: 700 12px/1 'Rubik', sans-serif; padding: 4px 9px; border-radius: 20px; color: #fff; }
.tag-blue { background: var(--blue); } .tag-green { background: #23702c; } .tag-red { background: var(--red); }
.tag-yellow { background: var(--yellow); color: var(--ink); }

/* דף של פרסומת: התמונה בגדול, ולידה ההסבר */
.scan-back { font: 15px/1.4 'Rubik', sans-serif; margin: 0 0 14px; }
.scan-back a, .scan-pager a { color: var(--ink); font-weight: 700; text-decoration: none; border-bottom: 2px solid var(--red); }
.scan-detail { display: grid; grid-template-columns: 1.05fr 1fr; gap: 30px; align-items: start; }
@media (max-width: 820px) { .scan-detail { grid-template-columns: 1fr; } }
.scan-big { display: grid; gap: 16px; }
.scan-big img { width: 100%; display: block; border: 2px solid var(--ink); box-shadow: 8px 8px 0 var(--ink); background: #fff; }
.scan-kicker { font: 700 14px/1.4 'Rubik', sans-serif; color: var(--red); margin: 0; }
.scan-text h1 { font: 900 clamp(26px, 4.4vw, 34px)/1.2 'Rubik', sans-serif; margin: 8px 0 12px; }
.scan-summary { font-size: 19px; line-height: 1.6; margin: 0 0 8px; }
.scan-original { font: 14px/1.5 'Rubik', sans-serif; color: var(--soft); margin: 0 0 14px; font-style: italic; }
.facts { list-style: none; padding: 0; margin: 0 0 18px; }
.facts li { font-size: 17px; line-height: 1.5; padding: 7px 0; border-bottom: 1px solid #d4c4a0; }
.facts b { color: var(--red); font-family: 'Rubik', sans-serif; }
.scan-tr { background: #fbf5e6; border: 2px solid var(--ink); padding: 10px 14px; margin: 0 0 18px; }
.scan-tr summary { font: 700 17px/1.4 'Rubik', sans-serif; cursor: pointer; color: var(--blue); }
.scan-tr p { font-size: 16px; line-height: 1.65; margin: 10px 0 0; }
.btns { margin: 0 0 10px; display: flex; flex-wrap: wrap; gap: 10px; }
.btns a { display: inline-block; padding: 9px 14px; border: 2px solid var(--ink); font: 700 15px/1.3 'Rubik', sans-serif; color: var(--ink); text-decoration: none; background: #fbf5e6; }
.btns a.main { background: var(--ink); color: var(--paper); }
.btns a:hover { transform: translate(-1px, -1px); box-shadow: 3px 3px 0 var(--ink); }
.scan-pager { display: flex; justify-content: space-between; margin: 30px 0 0; font: 16px/1.4 'Rubik', sans-serif; }
.scans-more { text-align: center; font: 16px/1.6 'Rubik', sans-serif; padding: 0 20px 26px; margin: 0; }
.scans-more a { color: var(--ink); font-weight: 700; }