/* Anabon Surveillance Knowledge — layout (scoped to body.anabon-sk) */
body.anabon-sk{--sk-blue:#0067FF;--sk-blue-d:#004C96;--sk-navy:#0F172A;--sk-text:#364151;--sk-muted:#64748B;--sk-border:#D1DAE5;--sk-soft:#F4F7FB;--sk-tint:#E7F6FF}
body.anabon-sk #content .ast-container{max-width:100%;padding-left:0;padding-right:0}
body.anabon-sk{background:#fff}
body.anabon-sk .ast-archive-entry-banner,body.anabon-sk .ast-archive-description{display:none!important}
body.anabon-sk .sk-shell{max-width:1280px;margin:0 auto;padding:18px 24px 56px}
body.anabon-sk.ast-theme-transparent-header .sk-shell{padding-top:104px}
body.anabon-sk .sk-article{background:transparent;padding:0;margin:0;box-shadow:none;border:0}
body.anabon-sk .ast-single-post .entry-header,body.anabon-sk .ast-article-single:not(.sk-article){padding:0}
body.anabon-sk .sk-breadcrumb{font-size:14px;color:var(--sk-muted);margin:4px 0 18px}
body.anabon-sk .sk-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
body.anabon-sk .sk-breadcrumb li+li::before{content:'›';margin-right:6px;color:var(--sk-muted)}
body.anabon-sk .sk-breadcrumb a{color:var(--sk-blue-d);text-decoration:underline;text-underline-offset:2px}
body.anabon-sk .sk-layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:40px;align-items:start}
body.anabon-sk .sk-main{min-width:0;max-width:900px}

/* Sidebar */
.sk-sidebar{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.sk-side-box{border:1px solid var(--sk-border);border-radius:12px;padding:16px 18px;background:#fff}
.sk-side-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sk-blue-d);margin:0 0 10px}
.sk-cats{list-style:none;margin:0;padding:0}
.sk-cats li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:8px;font-size:15px;line-height:1.3}
.sk-cats li a{color:var(--sk-navy);text-decoration:none;flex:1}
.sk-cats li:hover{background:var(--sk-soft)}
.sk-cats li.is-current{background:var(--sk-tint)}
.sk-cats li.is-current a{color:var(--sk-blue-d);font-weight:600}
.sk-count{min-width:26px;text-align:center;font-size:12px;font-weight:600;color:var(--sk-muted);background:var(--sk-soft);border-radius:999px;padding:2px 7px}
.sk-cats li.is-current .sk-count{background:#fff;color:var(--sk-blue-d)}
.sk-side-products{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sk-side-products a{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--sk-navy)}
.sk-side-products img,.sk-noimg{width:56px;height:56px;object-fit:contain;border:1px solid var(--sk-border);border-radius:8px;background:#fff;flex:none}
.sk-noimg{background:var(--sk-soft)}
.sk-noimg--lg{width:100%;height:160px;display:block}
.sk-sp-text{display:flex;flex-direction:column;font-size:13px;line-height:1.3}
.sk-sp-text strong{font-size:14px}
.sk-sp-text span{color:var(--sk-muted)}
.sk-side-note{font-size:12px;color:var(--sk-muted);margin:12px 0 0;line-height:1.5}
.sk-side-cta p{font-size:14px;color:var(--sk-text);margin:0 0 12px;line-height:1.5}
.sk-btn{display:inline-block;background:var(--sk-blue);color:#fff!important;font-weight:600;font-size:14px;padding:10px 16px;border-radius:8px;text-decoration:none!important;line-height:1.2}
.sk-btn:hover{background:var(--sk-blue-d)}
.sk-link{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:var(--sk-blue-d)}

/* Headings & hero */
.sk-kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sk-blue-d);margin:0 0 10px}
.sk-kicker a{color:inherit}
body.anabon-sk .sk-h1{font-size:clamp(28px,3.4vw,42px);line-height:1.15;font-weight:700;color:var(--sk-navy);margin:0 0 14px}
body.anabon-sk .sk-h2{font-size:24px;line-height:1.25;color:var(--sk-navy);margin:36px 0 16px}
.sk-lede{font-size:18px;line-height:1.6;color:var(--sk-text);margin:0 0 14px;max-width:72ch}
.sk-meta{font-size:14px;color:var(--sk-muted);margin:0 0 18px}
.sk-note{font-size:14px;color:var(--sk-muted);margin:10px 0 0}
.sk-hero__img{margin:14px 0 0}
.sk-hero__img img{width:100%;height:auto;border-radius:14px;display:block}

/* Category tiles */
.sk-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sk-tile{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--sk-border);border-radius:12px;text-decoration:none;background:#fff;transition:box-shadow .15s,border-color .15s}
.sk-tile:hover{border-color:var(--sk-blue);box-shadow:0 6px 18px rgba(15,23,42,.08)}
.sk-tile__name{font-weight:700;color:var(--sk-navy);font-size:16px;line-height:1.3}
.sk-tile__desc{font-size:13px;color:var(--sk-muted);line-height:1.45}
.sk-tile__count{font-size:12px;font-weight:600;color:var(--sk-blue-d);margin-top:auto}

/* Cards */
.sk-grid{display:grid;gap:22px}
.sk-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sk-card{border:1px solid var(--sk-border);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .15s}
.sk-card:hover{box-shadow:0 8px 22px rgba(15,23,42,.1)}
.sk-card__img{display:block;aspect-ratio:16/9;background:var(--sk-soft);overflow:hidden}
.sk-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.sk-card__ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,#E7F6FF,#D1DAE5)}
.sk-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}
.sk-chip{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sk-blue-d);background:var(--sk-tint);padding:3px 8px;border-radius:999px;text-decoration:none}
body.anabon-sk .sk-card__title{font-size:17px;line-height:1.3;margin:0}
.sk-card__title a{color:var(--sk-navy);text-decoration:none}
.sk-card__title a:hover{color:var(--sk-blue-d)}
.sk-card__ex{font-size:14px;line-height:1.5;color:var(--sk-text);margin:0}
.sk-card__meta{font-size:12px;color:var(--sk-muted);margin:auto 0 0}
.sk-pagination{margin-top:28px}
.sk-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.sk-pagination .page-numbers{padding:8px 12px;border:1px solid var(--sk-border);border-radius:8px;text-decoration:none;color:var(--sk-navy)}
.sk-pagination .page-numbers.current{background:var(--sk-blue);color:#fff;border-color:var(--sk-blue)}
.sk-empty{color:var(--sk-muted)}

/* Article */
.sk-article__head{margin-bottom:8px}
.sk-featured{margin:10px 0 26px}
.sk-featured img{width:100%;height:auto;border-radius:14px;display:block}
.sk-featured figcaption{font-size:13px;color:var(--sk-muted);margin-top:8px}
body.anabon-sk .sk-content{font-size:17px;line-height:1.7;color:var(--sk-text)}
body.anabon-sk .sk-content>p,body.anabon-sk .sk-content>ul,body.anabon-sk .sk-content>ol{margin:0 0 18px}
body.anabon-sk .sk-content h2{font-size:26px;line-height:1.25;color:var(--sk-navy);margin:40px 0 14px;scroll-margin-top:110px}
body.anabon-sk .sk-content h3{font-size:20px;line-height:1.3;color:var(--sk-navy);margin:26px 0 10px}
body.anabon-sk .sk-content ul,body.anabon-sk .sk-content ol{padding-left:24px}
body.anabon-sk .sk-content li{margin-bottom:8px}
body.anabon-sk .sk-content a{color:var(--sk-blue-d);text-decoration:underline;text-underline-offset:2px}
body.anabon-sk .sk-content table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0 24px;display:table}
body.anabon-sk .sk-content th,body.anabon-sk .sk-content td{border:1px solid var(--sk-border);padding:9px 11px;text-align:left;vertical-align:top}
body.anabon-sk .sk-content th{background:var(--sk-soft);color:var(--sk-navy);font-weight:700}
body.anabon-sk .sk-content .sk-table-wrap{overflow-x:auto;margin:0 0 24px}
body.anabon-sk .sk-content figure{margin:22px 0 26px}
body.anabon-sk .sk-content figure img{width:100%;height:auto;border-radius:12px;display:block}
body.anabon-sk .sk-content figcaption{font-size:13px;color:var(--sk-muted);margin-top:8px}
body.anabon-sk .sk-content blockquote{border-left:4px solid var(--sk-blue);background:var(--sk-soft);padding:12px 18px;margin:0 0 20px;font-style:normal}
.sk-quick{background:var(--sk-tint);border:1px solid #BFE3FF;border-radius:12px;padding:16px 18px;font-size:17px}
.sk-toc{border:1px solid var(--sk-border);border-radius:12px;padding:14px 18px;margin:0 0 26px;background:#fff}
.sk-toc__title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sk-blue-d);margin:0 0 8px}
.sk-toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.sk-toc li{font-size:15px;line-height:1.4;margin:0 0 6px;break-inside:avoid}
.sk-toc a{color:var(--sk-navy);text-decoration:none}
.sk-toc a:hover{color:var(--sk-blue-d);text-decoration:underline}

/* CTA, products, related */
.sk-cta{margin:36px 0 10px;padding:22px 24px;border-radius:14px;background:var(--sk-navy);color:#fff}
.sk-cta__kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9CC8FF;margin:0 0 8px}
.sk-cta__text{font-size:16px;line-height:1.55;margin:0 0 14px;color:#E2E8F0}
.sk-products,.sk-related{margin-top:40px}
body.anabon-sk .sk-products h2,body.anabon-sk .sk-related h2{font-size:24px;color:var(--sk-navy);margin:0 0 16px}
.sk-prod-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sk-prod{border:1px solid var(--sk-border);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.sk-prod__img{display:block;background:#fff;padding:14px;border-bottom:1px solid var(--sk-border)}
.sk-prod__img img{width:100%;height:160px;object-fit:contain;display:block}
.sk-prod__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}
.sk-prod__sku{font-weight:700;color:var(--sk-navy);margin:0;font-size:15px}
.sk-prod__title{margin:0;color:var(--sk-text);font-size:14px}
.sk-prod__why{margin:4px 0 0;color:var(--sk-muted);font-size:13px;line-height:1.45}
.sk-prod__w{margin:4px 0 0;font-size:12px;font-weight:600;color:var(--sk-blue-d)}
.sk-prod-note{font-size:13px;color:var(--sk-muted);margin:12px 0 0}
.sk-enduser{margin-top:34px;padding-top:16px;border-top:1px solid var(--sk-border);font-size:13px;color:var(--sk-muted)}

/* Responsive */
@media (max-width:1024px){body.anabon-sk .sk-layout{grid-template-columns:240px minmax(0,1fr);gap:26px}.sk-tiles,.sk-grid--3,.sk-prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:782px){
 body.anabon-sk .sk-shell{padding:12px 16px 40px}
 body.anabon-sk.ast-theme-transparent-header .sk-shell{padding-top:90px}
 body.anabon-sk .sk-layout{display:block}
 .sk-sidebar{position:static;margin-bottom:22px}
 .sk-sidebar .sk-side-box{padding:12px 14px}
 .sk-sidebar .sk-cats{display:none}
 .sk-sidebar .sk-side-box.is-open .sk-cats{display:block}
 .sk-sidebar .sk-side-title{cursor:pointer;margin:0}
 .sk-sidebar .sk-side-title::after{content:'▾';float:right}
 .sk-sidebar .sk-products-side,.sk-sidebar .sk-side-cta{display:none}
 .sk-tiles,.sk-grid--3,.sk-prod-grid{grid-template-columns:1fr}
 .sk-toc ol{columns:1}
 body.anabon-sk .sk-content{font-size:16px}
}
