/* CameraSecurityNow.com blog only: match www.camerasecuritynow.com's computed styles
   (measured Oct 26, 2026: system-ui stack, #f6f6f6 page, #333 text, #1f1f1f headings,
   #9d0000 red links/accents). Scoped to html[data-site="camerasecuritynowblog"]. */
html[data-site="camerasecuritynowblog"] {
  --font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html[data-site="camerasecuritynowblog"] body { background: #f6f6f6; color: #333333; }
html[data-site="camerasecuritynowblog"] main :is(h1, h2) { color: #1f1f1f; font-weight: 700; }
html[data-site="camerasecuritynowblog"] main article :is(h3, h4) { color: #9d0000; font-weight: 800; }
html[data-site="camerasecuritynowblog"] main article :is(p, li) a { color: #9d0000; }
html[data-site="camerasecuritynowblog"] main article :is(p, li) a:hover { color: #7f0000; }
html[data-site="camerasecuritynowblog"] main article > div, html[data-site="camerasecuritynowblog"] main ul > li > article { border-radius: 8px; }
html[data-site="camerasecuritynowblog"] .csn-blog-prefooter { position: relative; isolation: isolate; overflow: hidden; padding: 0 20px 40px; max-width: 1200px; margin: 0 auto; display: grid; gap: 28px; }
/* Blog home "Browse by topic": CameraSecurityNow.com "Planning Resources" card-grid look
   (white card, #ddd border, 8px radius, red top rule, red card link). */
html[data-site="camerasecuritynowblog"] .rc-blog-topic-band { margin-top: 2.5rem; }
html[data-site="camerasecuritynowblog"] .rc-home-one-source { background: radial-gradient(circle at top right, #9d00000f, transparent 34%), #fffffffb; border: 1px solid #9d000029; border-radius: 30px; box-shadow: 0 18px 44px #2006061a; padding: clamp(24px, 2.8vw, 32px); }
html[data-site="camerasecuritynowblog"] .rc-home-simple-kicker { color: #9d0000; font-size: .8rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 6px; }
html[data-site="camerasecuritynowblog"] .rc-home-one-source h2 { font-size: 1.4rem; margin: 0 0 6px; }
html[data-site="camerasecuritynowblog"] .rc-home-one-source header p { color: #555; margin: 0 0 18px; }
html[data-site="camerasecuritynowblog"] .rc-blog-topic-grid { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; }
html[data-site="camerasecuritynowblog"] .rc-home-one-source-tile { position: relative; display: flex; flex-direction: column; gap: 6px; height: 100%; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 18px 16px 16px; box-shadow: 0 1px 2px #0000000d; color: #333; overflow: hidden; transition: box-shadow .18s, border-color .18s; }
html[data-site="camerasecuritynowblog"] .rc-home-one-source-tile::before { content: ""; position: absolute; top: 0; left: 18px; right: 18px; height: 3px; border-radius: 0 0 999px 999px; background: linear-gradient(90deg, #9d0000, #e47b7b); opacity: .72; }
html[data-site="camerasecuritynowblog"] .rc-home-one-source-tile:hover { border-color: #e7caca; box-shadow: 0 8px 18px #00000014; }
html[data-site="camerasecuritynowblog"] .rc-home-one-source-tile strong, html[data-site="camerasecuritynowblog"] .rc-home-one-source-tile h3 { color: #1f1f1f; font-size: 1.1rem; font-weight: 700; }
html[data-site="camerasecuritynowblog"] .rc-home-one-source-tag { color: #9d0000; font-size: .85rem; font-weight: 700; }
html[data-site="camerasecuritynowblog"] .rc-home-planner-callout { margin-top: 22px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; background: #fbf1f1; border: 1px solid #e7caca; border-radius: 12px; padding: 16px 20px; }
html[data-site="camerasecuritynowblog"] .rc-home-planner-callout h3 { margin: 0; color: #1f1f1f; font-weight: 800; }
html[data-site="camerasecuritynowblog"] .rc-home-planner-actions { display: flex; flex-wrap: wrap; gap: 10px; }
html[data-site="camerasecuritynowblog"] .rc-home-one-source .rc-hero-primary { background: #9d0000; color: #fff; border-radius: 8px; padding: 11px 18px; font-weight: 700; font-size: .95rem; }
html[data-site="camerasecuritynowblog"] .rc-home-one-source .rc-hero-primary:hover { background: #7f0000; }
html[data-site="camerasecuritynowblog"] .rc-home-one-source .rc-hero-secondary { background: #fff; color: #9d0000; border: 1px solid #e7caca; border-radius: 8px; padding: 11px 18px; font-weight: 700; font-size: .95rem; }
@media (max-width: 1023px) { html[data-site="camerasecuritynowblog"] .rc-blog-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { html[data-site="camerasecuritynowblog"] .rc-blog-topic-grid { grid-template-columns: 1fr; } }