/* --- Support-site: eigen nav & footer, los van de hoofdwebsite --- */
.support-nav {
  position: sticky; top: 0; z-index: 60; background: #fff;
  border-bottom: 1px solid var(--slate-200);
}
.support-nav-inner { display: flex; align-items: center; gap: 20px; padding: 14px 0; }
.support-logo img { height: 30px; display: block; }
.support-nav-search { flex: 1; max-width: 420px; }
.support-nav-search input {
  width: 100%; padding: 9px 14px; border-radius: var(--radius-md);
  border: 1px solid var(--slate-200); font-family: inherit; font-size: .875rem; background: var(--slate-50);
}
.support-nav-search input:focus { outline: 2px solid var(--brand); border-color: transparent; background: #fff; }
.support-back {
  margin-left: auto; font-size: .8125rem; font-weight: 700; color: var(--slate-600); white-space: nowrap;
}
.support-back:hover { color: var(--brand); }
.support-nav .nav-lang {
  margin-left: auto; padding: 5px 9px; border: 1px solid var(--slate-200); border-radius: 8px;
  font-size: .8125rem; font-weight: 700; color: var(--slate-600); letter-spacing: .04em;
}
.support-nav .nav-lang:hover { color: var(--brand); border-color: var(--brand); }
.support-nav .nav-lang + .support-back { margin-left: 0; }
.support-footer { border-top: 1px solid var(--slate-200); padding: 26px 0; margin-top: 50px; }
.support-footer-inner {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;
  font-size: .8125rem; color: var(--slate-500);
}
.support-footer-links a { color: var(--slate-500); margin-left: 18px; }
.support-footer-links a:hover { color: var(--brand); }
@media (max-width: 720px) {
  .support-nav-inner { flex-wrap: wrap; }
  .support-nav-search { order: 3; max-width: 100%; width: 100%; }
  .support-footer-inner { flex-direction: column; }
  .support-footer-links a:first-child { margin-left: 0; }
}

/* Schermafbeeldingen in artikels: niet links met lege ruimte ernaast */
.article-wrap::after { content: ""; display: table; clear: both; }
.article-wrap h2, .article-wrap figure.shot.wide, .article-wrap figure.shot.medium,
.article-wrap .article-nav, .article-wrap .feedback-box { clear: both; }
.article-wrap figure.shot.medium { margin-left: auto; margin-right: auto; }
.article-wrap figure.shot.narrow { max-width: 260px; margin-left: auto; margin-right: auto; }
.article-wrap .shots-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 20px 0 26px; }
.article-wrap .shots-row figure.shot { flex: 0 1 240px; margin: 0; }
.article-wrap .help-tip, .article-wrap .help-callout, .article-wrap table { display: flow-root; }
@media (min-width: 760px) {
  /* telefoonbeeld rechts naast de tekst van zijn sectie */
  .article-wrap figure.shot.side { float: right; width: 190px; margin: 6px 0 16px 28px; }
  .article-wrap figure.shot.side figcaption { padding: 8px 10px; font-size: .75rem; }
}

/* Collectie-overzicht: tab Alles toont alle groepen met een tussentitel */
.coll-group-title { max-width: 720px; margin: 36px auto 0; padding: 0 4px; font-size: .8125rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--brand); }
.coll-tab-panel:first-of-type .coll-group-title { margin-top: 24px; }
.coll-single .coll-group-title { display: none; }