/**
 * JB IT Solutions – Anti-spam kennisbank
 * Scoped page styles. Does not alter site-wide header/footer/components.
 */

.jb-antispam {
    --as-orange: #ff8c00;
    --as-ink: #383e42;
    --as-ink-deep: #2c3236;
    --as-muted: #5b646a;
    --as-bg: #f4f6f7;
    --as-line: #e1e6e9;
    --as-radius: 18px;
    color: var(--as-ink);
    background: #fff;
    line-height: 1.68;
    overflow-wrap: break-word;
}

.jb-antispam *,
.jb-antispam *::before,
.jb-antispam *::after { box-sizing: border-box; }

.jb-antispam__wrap {
    width: min(1160px, calc(100% - 48px));
    margin-inline: auto;
}

.jb-antispam h1,
.jb-antispam h2,
.jb-antispam h3,
.jb-antispam p,
.jb-antispam ul,
.jb-antispam ol { margin-top: 0; }

.jb-antispam h1,
.jb-antispam h2,
.jb-antispam h3 { letter-spacing: -.025em; line-height: 1.18; }

.jb-antispam h2 { font-size: clamp(1.85rem, 3.1vw, 2.6rem); }
.jb-antispam h3 { font-size: 1.15rem; }
.jb-antispam a:focus-visible,
.jb-antispam summary:focus-visible {
    outline: 3px solid var(--as-orange);
    outline-offset: 4px;
    border-radius: 5px;
}

.jb-antispam__eyebrow,
.jb-antispam__label,
.jb-antispam__alert-kicker {
    text-transform: uppercase;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.jb-antispam__label { margin-bottom: 12px; color: #af5a00; }

/* Hero */
.jb-antispam__hero {
    background: var(--as-ink);
    color: #fff;
    padding-block: clamp(62px, 8vw, 116px);
}
.jb-antispam__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(300px, .78fr);
    gap: clamp(36px, 5vw, 76px);
    align-items: center;
}
.jb-antispam__eyebrow { color: #ffc071; margin-bottom: 20px; }
.jb-antispam__hero h1 {
    max-width: 710px;
    color: #fff;
    font-size: clamp(2.4rem, 4.3vw, 4.6rem);
    margin-bottom: 24px;
}
.jb-antispam__lead {
    max-width: 660px;
    color: #e4e7e9;
    font-size: clamp(1.05rem, 1.6vw, 1.24rem);
    margin-bottom: 29px;
}
.jb-antispam__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.jb-antispam__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 49px;
    padding: 12px 20px;
    border-radius: 10px;
    border: 2px solid transparent;
    font-size: .95rem;
    font-weight: 750;
    line-height: 1.3;
    text-decoration: none;
    text-align: center;
    transition: background-color .16s ease, border-color .16s ease;
}
.jb-antispam a.jb-antispam__button--orange { color: #222; background: var(--as-orange); }
.jb-antispam a.jb-antispam__button--orange:hover { background: #ffae3d; color: #222; }
.jb-antispam a.jb-antispam__button--outline { color: #fff; border-color: #aab1b5; background: transparent; }
.jb-antispam__button--outline:hover { background: rgba(255,255,255,.12); }
.jb-antispam a.jb-antispam__button--dark { background: var(--as-ink); color: #fff; }
.jb-antispam__button--dark:hover { background: #222a2f; }
.jb-antispam__trust { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 30px; }
.jb-antispam__trust span {
    padding: 5px 11px;
    border: 1px solid rgba(255,255,255,.27);
    color: #e5e8ea;
    border-radius: 30px;
    font-size: .8rem;
}
.jb-antispam__hero-card {
    background: #fff;
    border-radius: 22px;
    padding: clamp(20px, 3vw, 32px);
    color: var(--as-ink);
    box-shadow: 0 20px 42px rgba(0,0,0,.15);
}
.jb-antispam__hero-card-top {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .75rem;
    letter-spacing: .085em;
    font-weight: 800;
    color: var(--as-muted);
}
.jb-antispam__mini-dot { width: 10px; height: 10px; border-radius: 100%; background: var(--as-orange); }
.jb-antispam__mail-illustration { display: grid; place-items: center; padding: 14px 4px 4px; }
.jb-antispam__mail-illustration > svg { width: min(100%, 324px); height: auto; display: block; }
.jb-antispam__hero-card ol { list-style: none; padding: 0; margin: 12px 0 0; }
.jb-antispam__hero-card li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-top: 1px solid var(--as-line);
    font-size: .94rem;
    font-weight: 650;
}
.jb-antispam__hero-bullet { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; border-radius: 9px; color: #a75500; background: #fff0d9; }

/* Urgent action and page navigation */
.jb-antispam__alert-bar { background: #fff6e8; border-bottom: 1px solid #f4d2a7; padding-block: 28px; }
.jb-antispam__alert-inner { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.jb-antispam__alert-kicker { color: #8c4500; margin-bottom: 6px; }
.jb-antispam__alert-inner h2 { font-size: clamp(1.15rem, 2vw, 1.55rem); margin-bottom: 7px; }
.jb-antispam__alert-inner p { margin-bottom: 0; color: #5d4b36; }
.jb-antispam__alert-inner .jb-antispam__button { flex-shrink: 0; }
.jb-antispam__toc { padding-block: 20px; border-bottom: 1px solid var(--as-line); background: #fff; }
.jb-antispam__toc-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.jb-antispam__toc-inner strong { margin-right: 10px; font-size: .89rem; }
.jb-antispam__toc a {
    display: inline-block;
    padding: 7px 12px;
    background: #f3f5f6;
    border: 1px solid var(--as-line);
    border-radius: 8px;
    color: var(--as-ink);
    text-decoration: none;
    font-size: .82rem;
    font-weight: 650;
}
.jb-antispam__toc a:hover { background: #ffeacc; border-color: #f7bf76; }

/* General sections */
.jb-antispam__section { padding-block: clamp(62px, 7vw, 100px); scroll-margin-top: 120px; }
.jb-antispam__section--white { background: #fff; }
.jb-antispam__section--pale { background: var(--as-bg); }
.jb-antispam__section-heading { max-width: 790px; margin-bottom: 36px; }
.jb-antispam__section-heading h2 { color: var(--as-ink); margin-bottom: 14px; }
.jb-antispam__section-heading > p:last-child { margin-bottom: 0; color: var(--as-muted); font-size: 1.03rem; }
.jb-antispam__quick-grid,
.jb-antispam__signal-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.jb-antispam__card {
    padding: 26px;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: var(--as-radius);
    box-shadow: 0 4px 16px rgba(44,50,54,.04);
}
.jb-antispam__card-icon { display: inline-grid; place-items: center; width: 50px; height: 50px; margin-bottom: 20px; color: #975000; background: #fff1dd; border: 1px solid #ffdfb5; border-radius: 14px; }
.jb-antispam__card h3 { margin-bottom: 11px; color: var(--as-ink); }
.jb-antispam__card p { margin-bottom: 0; color: var(--as-muted); font-size: .95rem; }
.jb-antispam__note {
    margin: 68px 0 0;
    padding: 18px 22px;
    border-left: 4px solid var(--as-orange);
    background: #fff8ed;
    border-radius: 0 9px 9px 0;
    font-size: .95rem;
}

/* Prevention */
.jb-antispam__two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.jb-antispam__panel { background: #fff; padding: clamp(24px,3vw,34px); border-radius: var(--as-radius); border: 1px solid var(--as-line); }
.jb-antispam__panel h3 { font-size: 1.32rem; margin-bottom: 22px; }
.jb-antispam__panel--warning { background: #fff1f1; border: 2px solid #e99595; box-shadow: 0 10px 24px rgba(155,36,36,.07); }
.jb-antispam__warning-head { display: flex; align-items: center; gap: 14px; margin-bottom: 26px; padding-bottom: 18px; border-bottom: 1px solid #efb6b6; }
.jb-antispam__warning-head h3 { margin: 0; color: #842323; }
.jb-antispam__warning-kicker { margin: 0 0 4px; color: #962b2b; font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.jb-antispam__warning-icon { width: 47px; height: 47px; flex: 0 0 47px; display: grid; place-items: center; border-radius: 12px; background: #c23535; color: #fff; }
.jb-antispam__panel--warning strong { color: #812424; }
.jb-antispam__checks,
.jb-antispam__crosses { list-style: none; margin: 0; padding: 0; }
.jb-antispam__checks li,
.jb-antispam__crosses li { position: relative; padding: 0 0 14px 28px; font-size: .95rem; }
.jb-antispam__checks li:last-child,
.jb-antispam__crosses li:last-child { padding-bottom: 0; }
.jb-antispam__checks li::before,
.jb-antispam__crosses li::before { position: absolute; left: 0; top: 0; font-weight: 800; }
.jb-antispam__checks li::before { content: '✓'; color: #26745b; }
.jb-antispam__crosses li::before { content: '!'; display: grid; place-items: center; top: .16em; width: 18px; height: 18px; border-radius: 100%; color: #fff; background: #ba3131; font-size: .8rem; line-height: 1; }
.jb-antispam__callout { margin-top: 22px; background: #e9eff2; border: 1px solid #dce5ea; padding: 21px 25px; border-radius: 12px; }
.jb-antispam__callout--alert { background: #fff2e2; border-color: #f0cc9a; margin-top: 13px; }
.jb-antispam__callout > strong { display: block; font-size: 1.06rem; margin-bottom: 7px; }
.jb-antispam__callout p { margin: 0; }
.jb-antispam code { font-size: .88em; padding: .08em .25em; border-radius: 4px; background: rgba(0,0,0,.07); word-break: break-all; }

/* Recognising phishing */
.jb-antispam__signal-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.jb-antispam__signal { border-top: 3px solid var(--as-orange); padding: 24px; background: var(--as-bg); border-radius: 0 0 14px 14px; }
.jb-antispam__signal-icon {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: #ffe8c8;
    color: #a75200;
    margin-bottom: 20px;
}
.jb-antispam__signal h3 { font-size: 1.06rem; margin-bottom: 10px; }
.jb-antispam__signal p { margin-bottom: 0; color: var(--as-muted); font-size: .91rem; }
.jb-antispam__feature {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(240px,310px);
    gap: 40px;
    align-items: center;
    margin-top: 24px;
    border: 1px solid var(--as-line);
    border-radius: var(--as-radius);
    background: #fff;
    padding: clamp(28px, 4vw, 48px);
}
.jb-antispam__feature h3 { font-size: 1.6rem; margin-bottom: 16px; }
.jb-antispam__feature p:last-child { margin-bottom: 0; }
/* Mini veiligheidsvisual — geen afbeelding nodig, tekst blijft altijd scherp. */
.jb-antispam__safety-poster { width: 100%; border-radius: 17px; padding: 24px; color: #fff; background: #333b40; border: 1px solid #414d53; box-shadow: 0 13px 25px rgba(0,0,0,.13); }
.jb-antispam__safety-poster-top { display: flex; gap: 8px; align-items: center; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.22); color: #ffcb8b; font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.jb-antispam__safety-stop { font-size: clamp(2.8rem, 4vw, 3.7rem); font-weight: 900; line-height: 1.2; letter-spacing: -.04em; margin: 14px 0 20px; }
.jb-antispam__safety-stop-dot { color: var(--as-orange); }
.jb-antispam__safety-line { display: flex; align-items: center; gap: 10px; margin: 10px 0; font-size: .83rem; font-weight: 750; }
.jb-antispam__safety-line .jb-as-icon { flex: 0 0 20px; color: #ffb652; }
.jb-antispam__safety-poster > p { color: #dce2e4; font-size: .82rem; margin: 21px 0 0; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.22); }

/* Provider step-by-step */
.jb-antispam__provider-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.jb-antispam__provider { background: #fff; padding: clamp(24px,3vw,34px); border-radius: var(--as-radius); border: 1px solid var(--as-line); }
.jb-antispam__provider-title { display: flex; align-items: center; gap: 13px; margin-bottom: 14px; }
.jb-antispam__provider-title h3 { margin: 0; font-size: 1.45rem; }
.jb-antispam__provider > p { color: var(--as-muted); }
.jb-antispam__provider-logo { width: 46px; height: 46px; padding: 5px; object-fit: contain; border-radius: 11px; background: #f1f5f8; flex-shrink: 0; }
.jb-antispam__provider details { border-top: 1px solid var(--as-line); }
.jb-antispam__provider details:last-of-type { border-bottom: 1px solid var(--as-line); }
.jb-antispam__provider summary { position: relative; list-style: none; padding: 16px 24px 16px 0; cursor: pointer; font-weight: 750; color: var(--as-ink); }
.jb-antispam__provider summary::-webkit-details-marker,
.jb-antispam__faq-list summary::-webkit-details-marker { display: none; }
.jb-antispam__provider summary::after { content: '+'; position: absolute; right: 5px; font-size: 1.2rem; }
.jb-antispam__provider details[open] summary::after { content: '−'; }
.jb-antispam__provider details ol { margin: 0 0 18px; padding-left: 22px; }
.jb-antispam__provider details p { margin-bottom: 18px; }
.jb-antispam__provider-foot { font-size: .88rem; margin-block: 20px; }
.jb-antispam__text-link { color: #a45200; font-weight: 750; text-underline-offset: 4px; }
.jb-antispam__text-link:hover { color: #793a00; }

/* Business */
.jb-antispam__business-grid { display: grid; grid-template-columns: 1.45fr .85fr; gap: 24px; }
.jb-antispam__business-main { padding: clamp(26px, 3vw, 36px); background: var(--as-bg); border-radius: var(--as-radius); }
.jb-antispam__business-main h3,
.jb-antispam__business-aside h3 { font-size: 1.4rem; margin-bottom: 21px; }
.jb-antispam__business-items > div { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 16px; align-items: start; margin-bottom: 24px; }
.jb-antispam__business-items > div:last-child { margin-bottom: 0; }
.jb-antispam__business-icon { display: grid; place-items: center; width: 38px; height: 38px; color: #a65a05; background: #fff; border-radius: 11px; border: 1px solid #e8d2b8; }
.jb-antispam__business-items p { margin: 0; }
.jb-antispam__business-aside { padding: clamp(26px, 3vw, 34px); background: #fff9f0; border: 1px solid #f1d8b7; border-radius: var(--as-radius); }
.jb-antispam__business-aside p { margin-bottom: 15px; }
.jb-antispam__muted { color: var(--as-muted); font-size: .91rem; }

/* Incident section */
.jb-antispam__section--dark { background: var(--as-ink-deep); color: #f2f4f4; }
.jb-antispam__section--dark .jb-antispam__label { color: #ffc071; }
.jb-antispam__section--dark .jb-antispam__section-heading h2 { color: #fff; }
.jb-antispam__section--dark .jb-antispam__section-heading > p:last-child { color: #ced5d8; }
.jb-antispam__incident-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.jb-antispam__incident-grid article { background: #434b50; border: 1px solid #5e6a70; border-radius: var(--as-radius); padding: 27px; }
.jb-antispam__incident-icon { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; color: #282e32; background: var(--as-orange); margin-bottom: 20px; }
.jb-antispam__incident-grid h3 { color: #fff; margin-bottom: 12px; }
.jb-antispam__incident-grid p { color: #e1e6e9; margin: 0; }
.jb-antispam__incident-note { margin: 48px 0 0; padding: 25px 28px; background: #3c474d; border: 1px solid #69767d; border-left: 4px solid var(--as-orange); border-radius: 12px; display: flex; gap: 18px; align-items: flex-start; }
.jb-antispam__incident-note-icon { display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 46px; color: #222; background: var(--as-orange); border-radius: 12px; }
.jb-antispam__incident-note h3 { font-size: 1.13rem; color: #fff; margin: 0 0 8px; }
.jb-antispam__incident-note p { color: #e3e8eb; margin: 0; }

/* FAQ */
.jb-antispam__faq-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 64px; align-items: start; }
.jb-antispam__faq-list { border-top: 1px solid #d9e0e3; }
.jb-antispam__faq-list details { border-bottom: 1px solid #d9e0e3; }
.jb-antispam__faq-list summary {
    position: relative;
    list-style: none;
    cursor: pointer;
    font-weight: 750;
    padding: 21px 34px 21px 0;
    line-height: 1.4;
}
.jb-antispam__faq-list summary::after { content: '+'; position: absolute; right: 3px; font-size: 1.4rem; font-weight: 400; top: 17px; }
.jb-antispam__faq-list details[open] summary::after { content: '−'; }
.jb-antispam__faq-list details p { padding-right: 22px; color: var(--as-muted); margin-bottom: 21px; }

/* Conversion CTA and sources */
.jb-antispam__cta { padding-block: 64px; background: var(--as-ink); color: #fff; }
.jb-antispam__cta-inner { display: flex; gap: 45px; justify-content: space-between; align-items: center; }
.jb-antispam__cta .jb-antispam__label { color: #ffc071; }
.jb-antispam__cta h2 { color: #fff; max-width: 720px; margin-bottom: 14px; }
.jb-antispam__cta p:not(.jb-antispam__label) { max-width: 740px; color: #e2e5e7; margin-bottom: 18px; }
.jb-antispam__cta .jb-antispam__button { flex-shrink: 0; }
.jb-antispam__cta-meta { color: #d4dadd; font-size: .85rem; }
/* Visible trusted-source section */
.jb-antispam__sources { background: #fff; padding-block: clamp(58px, 6vw, 78px); border-top: 1px solid var(--as-line); }
.jb-antispam__sources-heading { max-width: 780px; margin-bottom: 28px; }
.jb-antispam__sources-heading h2 { margin: 0 0 13px; color: var(--as-ink); }
.jb-antispam__sources-heading > p:last-child { color: var(--as-muted); margin: 0; font-size: 1rem; }
.jb-antispam__sources-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 17px; }
.jb-antispam a.jb-antispam__source-card { display: flex; gap: 15px; align-items: center; padding: 22px 18px; background: #f4f6f7; border: 1px solid #d9e0e4; border-radius: 14px; color: var(--as-ink); text-decoration: none; transition: border-color .15s ease, background-color .15s ease; }
.jb-antispam a.jb-antispam__source-card:hover { background: #fff7ec; border-color: #e9a958; }
.jb-antispam__source-card > span:nth-child(2) { min-width: 0; flex: 1; }
.jb-antispam__source-card strong { display: block; font-size: 1rem; }
.jb-antispam__source-card small { display: block; margin-top: 4px; color: #46535b; font-size: .85rem; line-height: 1.4; }
.jb-antispam__source-icon { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; border-radius: 12px; background: #fff; border: 1px solid #d7e0e5; color: #a35b04; overflow: hidden; }
.jb-antispam__source-icon svg { display: block; width: 28px; height: 28px; }
.jb-antispam__source-icon--microsoft svg { width: 26px; height: 26px; }
.jb-antispam__source-icon--google svg { width: 24px; height: 24px; }
.jb-antispam__source-icon--internet { background: #eef5ff; border-color: #cfe0ff; }
.jb-antispam__source-icon--internet svg { width: 26px; height: 26px; }
.jb-antispam__source-card > .jb-as-icon { color: #7b858b; flex-shrink: 0; width: 18px; height: 18px; }
/* Shared responsive icon primitive */
.jb-antispam__svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.jb-antispam .jb-as-icon { display: block; width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.85; stroke-linecap: round; stroke-linejoin: round; }
.jb-antispam__hero-bullet .jb-as-icon { width: 17px; height: 17px; }
.jb-antispam__business-icon .jb-as-icon { width: 21px; height: 21px; }
.jb-antispam__safety-poster-top .jb-as-icon { width: 21px; height: 21px; }

@media (max-width: 1080px) {
    .jb-antispam__hero-grid { grid-template-columns: 1fr .8fr; gap: 26px; }
    .jb-antispam__signal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .jb-antispam__quick-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 800px) {
    .jb-antispam__hero-grid,
    .jb-antispam__two-col,
    .jb-antispam__provider-grid,
    .jb-antispam__business-grid,
    .jb-antispam__faq-layout { grid-template-columns: 1fr; }
    .jb-antispam__hero-grid { gap: 36px; }
    .jb-antispam__hero-card { max-width: 550px; }
    .jb-antispam__faq-layout { gap: 0; }
    .jb-antispam__alert-inner,
    .jb-antispam__cta-inner { flex-direction: column; align-items: flex-start; }
    .jb-antispam__feature { grid-template-columns: 1fr; }
    .jb-antispam__safety-poster { max-width: 440px; }
    .jb-antispam__sources-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .jb-antispam__wrap { width: min(100% - 32px, 1160px); }
    .jb-antispam__hero { padding-block: 60px; }
    .jb-antispam__hero h1 { font-size: clamp(2.2rem, 9vw, 3.3rem); }
    .jb-antispam__actions .jb-antispam__button { width: 100%; }
    .jb-antispam__quick-grid,
    .jb-antispam__signal-grid,
    .jb-antispam__incident-grid { grid-template-columns: 1fr; }
    .jb-antispam__section { padding-block: 62px; }
    .jb-antispam__card,
    .jb-antispam__signal,
    .jb-antispam__panel,
    .jb-antispam__provider { padding: 23px; }
    .jb-antispam__alert-inner .jb-antispam__button,
    .jb-antispam__cta-inner .jb-antispam__button { width: 100%; }
    .jb-antispam__feature { padding: 26px; }
    .jb-antispam__incident-note { margin-top: 34px; padding: 20px; }
    .jb-antispam__note { margin-top: 44px; }
    .jb-antispam__sources { padding-block: 58px; }
    .jb-antispam__provider-title h3 { font-size: 1.24rem; }
}
@media (prefers-reduced-motion: reduce) {
    .jb-antispam__button { transition: none; }
}

/* =========================================================
   JB ANTI-SPAM — INHOUD + TWEE STICKY SIDEBARKAARTEN
   Bestaande inhoud en sectie-ID's blijven behouden.
   ========================================================= */
.jb-antispam__body-layout{
    width:min(1200px,calc(100% - 40px));
    display:grid;
    grid-template-columns:minmax(0,1fr) 272px;
    align-items:start;
    gap:30px;
    margin:42px auto 70px;
}
.jb-antispam__body-content{min-width:0}
.jb-antispam__body-content .jb-antispam__wrap{width:100%;max-width:none}
.jb-antispam__body-content>.jb-antispam__section,
.jb-antispam__body-content>.jb-antispam__sources{
    padding:clamp(32px,4vw,55px) clamp(18px,3vw,34px);
    border:1px solid #e0e6e9;
    border-radius:18px;
    margin:0 0 19px;
}
.jb-antispam__body-content .jb-antispam__quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.jb-antispam__body-content .jb-antispam__signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.jb-antispam__body-content .jb-antispam__sources-grid{grid-template-columns:1fr}
.jb-antispam__body-content .jb-antispam__feature{grid-template-columns:minmax(0,1fr) minmax(190px,.65fr);gap:20px}
.jb-antispam__body-content .jb-antispam__two-col{gap:14px}
.jb-antispam__body-content .jb-antispam__faq-layout{grid-template-columns:1fr;gap:13px}
/* Anti-spam: dezelfde compacte sidebar als de overige vijf handleidingen. */
.jb-antispam__sidebar{
    position:sticky;
    top:124px;
    align-self:start;
    display:grid;
    gap:11px;
    height:auto;
    max-height:none;
    overflow:visible;
    padding:0;
}
.jb-antispam__sidebar-card{
    padding:15px 14px;
    border-radius:14px;
    border:1px solid #dfe5e9;
    background:#f8f9fa;
}
.jb-antispam__sidebar-eyebrow{
    display:block;
    margin:0 0 3px;
    color:#925000;
    font-size:.63rem;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.09em;
}
.jb-antispam__sidebar-card>strong{
    display:block;
    margin:0 0 3px;
    color:#30383d;
    font-size:1rem;
    line-height:1.25;
}
.jb-antispam__sidebar-subject{
    margin:0 0 7px;
    padding:0 0 8px;
    border-bottom:1px solid #e0e6e9;
    color:#58676e;
    font-size:.73rem;
    line-height:1.3;
}
.jb-antispam__sidebar-card nav{
    display:grid;
    gap:1px;
}
.jb-antispam__sidebar-card nav a{
    display:block;
    padding:4px 6px;
    border-radius:6px;
    color:#45555e;
    font-size:.76rem;
    line-height:1.25;
    text-decoration:none;
}
.jb-antispam__sidebar-card nav a:hover,
.jb-antispam__sidebar-card nav a:focus-visible{
    background:#fff0dc;
    color:#704100;
}
.jb-antispam__sidebar-help{
    padding:15px 14px;
    border-radius:14px;
    color:#fff;
    background:#333d42;
}
.jb-antispam__sidebar-help-icon{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    margin:0 0 7px;
    border-radius:9px;
    background:#ff8c00;
    color:#282e31;
}
.jb-antispam__sidebar-help-icon svg{width:19px;height:19px;}
.jb-antispam__sidebar-help h2{
    margin:0 0 5px;
    color:#fff;
    font-size:1rem;
    line-height:1.25;
}
.jb-antispam__sidebar-help p{
    margin:0 0 9px;
    color:#e1e7ea;
    font-size:.75rem;
    line-height:1.35;
}
.jb-antispam__sidebar-contact{
    display:grid;
    gap:5px;
    margin:0 0 10px;
}
.jb-antispam__sidebar-contact>a{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    min-height:28px;
    padding:5px 8px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:7px;
    background:rgba(255,255,255,.055);
    color:#f9f9f9;
    font-size:.74rem;
    font-weight:650;
    line-height:1.2;
    text-decoration:none;
    overflow-wrap:anywhere;
}
.jb-antispam__sidebar-contact>a:hover{background:rgba(255,255,255,.15);color:#fff;}
.jb-antispam__sidebar-contact svg{
    width:14px;
    height:14px;
    flex:0 0 14px;
    stroke:#ffb561;
    stroke-width:1.8;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.jb-antispam a.jb-antispam__sidebar-button{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:34px;
    padding:8px 10px;
    border-radius:8px;
    background:#ff8c00;
    color:#282e31;
    font-weight:800;
    font-size:.76rem;
    text-decoration:none;
    line-height:1.2;
    text-align:center;
}
.jb-antispam a.jb-antispam__sidebar-button:hover{background:#ffad46;color:#202428;}
@media (max-width:1090px){
    .jb-antispam__body-layout{grid-template-columns:minmax(0,1fr) 245px;gap:21px}
    .jb-antispam__body-content .jb-antispam__feature{grid-template-columns:1fr}
    .jb-antispam__body-content .jb-antispam__two-col,
    .jb-antispam__body-content .jb-antispam__provider-grid,
    .jb-antispam__body-content .jb-antispam__business-grid{grid-template-columns:1fr}
}
@media (min-width:801px) and (max-height:710px){
    .jb-antispam__sidebar{position:static;}
}
@media (max-width:800px){
    .jb-antispam__body-layout{grid-template-columns:1fr;gap:20px;margin:24px auto 50px}
    .jb-antispam__sidebar{position:static;max-height:none;overflow:visible;padding:0;grid-row:auto}
    .jb-antispam__body-content>.jb-antispam__section,
    .jb-antispam__body-content>.jb-antispam__sources{padding:32px 22px}
}
@media (max-width:560px){
    .jb-antispam__body-layout{width:min(100% - 32px,1200px)}
    .jb-antispam__body-content .jb-antispam__quick-grid,
    .jb-antispam__body-content .jb-antispam__signal-grid{grid-template-columns:1fr}
    .jb-antispam__body-content>.jb-antispam__section,
    .jb-antispam__body-content>.jb-antispam__sources{padding:30px 16px}
}


/* =========================================================
   JB IT SOLUTIONS — ZES COMPACTE GERELATEERDE HANDLEIDINGEN
   Zowel Anti-spam als de vijf overige kennisbankartikelen.
   Geen decoratieve nummers of pijlen.
   ========================================================= */
.jb-mini-related{background:#f4f6f7;padding:clamp(52px,6vw,78px) 0;color:#30383d}
.jb-mini-related *, .jb-mini-related *::before,.jb-mini-related *::after{box-sizing:border-box}
.jb-mini-related__wrap{width:min(1170px,calc(100% - 44px));margin:0 auto}
.jb-mini-related__heading{max-width:790px;margin-bottom:28px}
.jb-mini-related__eyebrow{display:block;margin-bottom:8px;font-size:.7rem;letter-spacing:.12em;color:#9b5100;font-weight:850}
.jb-mini-related__heading h2{font-size:clamp(1.75rem,2.7vw,2.35rem);color:#30383d;line-height:1.2;margin:0 0 9px}
.jb-mini-related__heading p{font-size:.95rem;line-height:1.65;color:#5f6b72;margin:0}
.jb-mini-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jb-mini-related a.jb-mini-related__card{
    --jb-mini-color:#9d5200;--jb-mini-bg:#fff0de;
    display:flex;position:relative;align-items:center;gap:13px;min-height:92px;
    padding:16px 15px;border:1px solid #dfe5e8;border-radius:15px;
    background:#fff;color:#30383d;text-decoration:none;
    transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.jb-mini-related a.jb-mini-related__card:hover{background:#fffaf3;border-color:#ebad60;box-shadow:0 9px 22px rgba(34,42,46,.07)}
.jb-mini-related a.jb-mini-related__card:focus-visible,.jb-mini-related a.jb-mini-related__support:focus-visible{outline:3px solid #ff8c00;outline-offset:3px}
.jb-mini-related__icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;background:var(--jb-mini-bg);color:var(--jb-mini-color);border-radius:12px}
.jb-mini-related__icon .jb-kg-icon{width:23px;height:23px;display:block}
.jb-mini-related__copy{min-width:0;display:grid;gap:5px}
.jb-mini-related__category{color:#82510e;font-size:.65rem;letter-spacing:.055em;text-transform:uppercase;font-weight:850;line-height:1.35}
.jb-mini-related__copy strong{color:#30383d;font-size:.93rem;font-weight:800;line-height:1.3}
.jb-mini-related a.jb-mini-related__card--wifi-problemen{--jb-mini-color:#247579;--jb-mini-bg:#e6f2f2}
.jb-mini-related a.jb-mini-related__card--windows-10-11{--jb-mini-color:#2f5ca2;--jb-mini-bg:#e9f0fc}
.jb-mini-related a.jb-mini-related__card--email-gehackt{--jb-mini-color:#ab3449;--jb-mini-bg:#fff0f1}
.jb-mini-related a.jb-mini-related__card--backup-maken{--jb-mini-color:#5a7642;--jb-mini-bg:#eef2e8}
.jb-mini-related a.jb-mini-related__card--anti-spam{--jb-mini-color:#725891;--jb-mini-bg:#f1eaf7}
.jb-mini-related a.jb-mini-related__card.is-current{border-color:#d8b37e;background:#fff9f0}
.jb-mini-related__current{position:absolute;top:7px;right:10px;font-size:.63rem;color:#885000;font-weight:850;line-height:1.25}
.jb-mini-related a.jb-mini-related__card.is-current .jb-mini-related__copy{padding-top:11px}
.jb-mini-related a.jb-mini-related__support{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:24px;color:#965300;font-size:.91rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.jb-mini-related a.jb-mini-related__support:hover{color:#703c00}
@media(max-width:950px){.jb-mini-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){
  .jb-mini-related__wrap{width:min(100% - 32px,1170px)}
  .jb-mini-related__grid{grid-template-columns:1fr;gap:11px}
  .jb-mini-related a.jb-mini-related__card{min-height:82px;padding:13px 14px}
}
@media(prefers-reduced-motion:reduce){.jb-mini-related a.jb-mini-related__card{transition:none}}