/* Instructiuni & manuale */
.ins-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.ins-chips .chip { display: inline-flex; gap: 6px; align-items: center; padding: 7px 14px; border-radius: 999px; background: var(--glass-strong, rgba(255,255,255,.78)); border: 1px solid var(--line, rgba(21,34,41,.1)); font-weight: 700; font-size: .9rem; color: var(--ink, #152229); text-decoration: none; }
.ins-chips .chip:hover { border-color: var(--brand, #fc8006); color: var(--brand-600, #e26f00); }
.ins-group { margin: 26px 0 34px; scroll-margin-top: calc(var(--header-h, 72px) + 16px); }
.ins-group > h2 { margin: 0 0 14px; font-size: clamp(1.25rem, 2.4vw, 1.6rem); }
.ins-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)); }
.ins-card { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--r, 20px); color: inherit; text-decoration: none; transition: transform .2s, box-shadow .2s; }
.ins-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.ins-thumb { aspect-ratio: 1200 / 630; background: linear-gradient(135deg, #2b3d47, #152229); display: grid; place-items: center; color: rgba(255,255,255,.75); overflow: hidden; }
.ins-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ins-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.ins-body h3 { margin: 0; font-size: 1.05rem; line-height: 1.3; }
.ins-body p { margin: 0; color: var(--muted, #5d6b74); font-size: .92rem; }
.ins-meta { margin-top: auto; display: flex; justify-content: space-between; align-items: center; padding-top: 8px; font-size: .85rem; font-weight: 700; }
.ins-meta .go { color: var(--brand-600, #e26f00); }
.ins-pdf { background: #fdecea; color: #b42318; border-radius: 999px; padding: 2px 9px; font-size: .78rem; }
.ins-cover { width: 100%; height: auto; border-radius: var(--r-sm, 12px); margin-bottom: 18px; }
.ins-files { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 8px; }
.ins-files a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: var(--r-sm, 12px); background: rgba(255,255,255,.6); border: 1px solid var(--line, rgba(21,34,41,.1)); color: inherit; text-decoration: none; }
.ins-files a:hover { border-color: var(--brand, #fc8006); }
.ins-files .grow { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.ins-files b { overflow-wrap: anywhere; }
.ins-files small { display: block; font-size: .8rem; }
.ins-pdf-ico { flex: none; width: 38px; height: 38px; border-radius: 10px; background: #fdecea; color: #b42318; display: grid; place-items: center; font-size: .72rem; font-weight: 800; }
.ins-box { margin: 18px 0; }
.h4 { font-size: 1.1rem; }
