/* CCS Knowledge Base — all styles scoped under .ccskb-root so they won't fight the theme.
   House style: near-black #1A1A1C / CCS red #C1272D, Oswald / Source Serif 4 / Inter. */

.ccskb-root{
  --ccskb-field:#1A1A1C; --ccskb-field-deep:#0A0A0B;
  --ccskb-red:#C1272D; --ccskb-red-l:#E0353B; --ccskb-red-soft:#F2C9CB;
  --ccskb-wheat:#F4F2EF; --ccskb-wheat-warm:#E9E6E1;
  --ccskb-ink:#161618; --ccskb-ink-soft:#46464A; --ccskb-ink-mute:#74747A;
  --ccskb-border:#DAD7D2; --ccskb-border-strong:#B0ADA6; --ccskb-cream:#FAFAF9;
  font-family:'Inter',-apple-system,sans-serif; color:var(--ccskb-ink);
  line-height:1.6; max-width:1180px; margin:0 auto;
  -webkit-font-smoothing:antialiased;
}
.ccskb-root *{box-sizing:border-box}
.ccskb-root a{text-decoration:none}

/* hero */
.ccskb-hero{position:relative;background:var(--ccskb-field-deep);color:var(--ccskb-wheat);
  border-radius:10px;overflow:hidden;padding:46px 40px 42px;margin-bottom:0}
.ccskb-accent{position:absolute;left:0;top:0;height:5px;width:100%;
  background:linear-gradient(90deg,var(--ccskb-field) 0%,var(--ccskb-red) 50%,var(--ccskb-field) 100%)}
.ccskb-title{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  letter-spacing:-.005em;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.04;margin:0 0 12px;color:#fff}
.ccskb-title em{font-family:'Source Serif 4',Georgia,serif;font-style:italic;font-weight:500;
  color:var(--ccskb-red-l);text-transform:none;letter-spacing:0}
.ccskb-deck{max-width:64ch;font-size:16px;color:rgba(244,242,239,.82);margin:0}

/* search */
.ccskb-search{position:relative;margin:-26px auto 0;max-width:92%;z-index:2;
  background:#fff;border:1px solid var(--ccskb-border);border-radius:10px;
  box-shadow:0 16px 40px rgba(10,10,11,.16);padding:8px 8px 8px 20px;
  display:flex;align-items:center;gap:12px}
.ccskb-search-i{color:var(--ccskb-red);font-size:20px;line-height:1}
.ccskb-search input{flex:1;border:none;outline:none;font-family:'Inter',sans-serif;
  font-size:16px;color:var(--ccskb-ink);background:transparent;padding:13px 0}
.ccskb-search input::placeholder{color:var(--ccskb-ink-mute)}

/* body */
.ccskb-body{padding:46px 4px 8px}
.ccskb-sec-head{display:flex;align-items:baseline;gap:14px;margin:40px 0 6px}
.ccskb-sec-head:first-child{margin-top:0}
.ccskb-sec-head h3{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  letter-spacing:.02em;font-size:19px;color:var(--ccskb-ink);margin:0}
.ccskb-rule{flex:1;height:1px;background:var(--ccskb-border)}
.ccskb-count{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ccskb-red);
  letter-spacing:.06em;font-weight:600}

.ccskb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
@media(max-width:900px){.ccskb-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ccskb-grid{grid-template-columns:1fr}}

.ccskb-card{display:block;background:#fff;border:1px solid var(--ccskb-border);
  border-left:4px solid var(--ccskb-ink-soft);border-radius:7px;padding:18px 20px;
  color:inherit;transition:border-color .18s,transform .12s,box-shadow .2s}
.ccskb-card:hover{border-color:var(--ccskb-red);border-left-color:var(--ccskb-red);
  transform:translateY(-3px);box-shadow:0 14px 32px rgba(10,10,11,.1)}
.ccskb-card h4{font-family:'Oswald',sans-serif;font-weight:500;font-size:18px;
  line-height:1.18;margin:0 0 5px;color:var(--ccskb-ink);text-transform:uppercase;letter-spacing:.01em}
.ccskb-card p{margin:0;font-size:13.5px;color:var(--ccskb-ink-soft);line-height:1.45}
.ccskb-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:9.5px;
  letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--ccskb-red);
  border-radius:3px;padding:2px 8px;margin-top:9px}
.ccskb-badge.soon{background:var(--ccskb-wheat-warm);color:var(--ccskb-ink-mute);
  border:1px solid var(--ccskb-border)}

.ccskb-noresults{display:none;text-align:center;padding:36px;color:var(--ccskb-ink-mute);font-size:15px}
.ccskb-noresults a{color:var(--ccskb-red);font-weight:600}

.ccskb-help{background:var(--ccskb-field);color:var(--ccskb-wheat);border-radius:10px;
  padding:28px 32px;margin-top:46px;display:flex;justify-content:space-between;
  align-items:center;gap:24px;flex-wrap:wrap}
.ccskb-help-t{font-family:'Oswald',sans-serif;font-size:20px;text-transform:uppercase;letter-spacing:.01em}
.ccskb-help-t span{color:var(--ccskb-red-l)}
.ccskb-help-p{font-family:'Oswald',sans-serif;font-size:24px;font-weight:600;color:#fff}
.ccskb-help-p a{color:#fff}