.cctv-check{--page:#fff;--card:#fbfbfa;--wash:#fffae8;--hero-a:#1f424a;--hero-b:#638289;--text:#1f424a;--text-2:#4e6c73;--text-3:#88a0a6;--line:#ededea;--line-2:#f4f4f1;--line-3:#e2e2de;--yellow:#fc0;--yellow-dk:#edbe00;--low:#2e7d6b;--med:#b07400;--high:#be3a2b;--low-bg:#eaf6f1;--med-bg:#fff6de;--high-bg:#fdf0ed;color:var(--text);font-size:15px;line-height:1.6}.cctv-check h1,.cctv-check h2,.cctv-check h3{text-wrap:balance;margin:0}.cctv-check .shell{max-width:1185px;margin:0 auto;padding:0 24px}.cctv-check .narrow{max-width:900px}.cctv-check .hero{background:linear-gradient(-45deg, var(--hero-a) 20%, var(--hero-b) 70%);color:#fff}.cctv-check .herobody{max-width:1185px;margin:0 auto;padding:64px 24px 84px}.cctv-check .herobody h1{color:#fff;max-width:22ch;font-size:34.75px;font-weight:600;line-height:48px}.cctv-check .herobody p.lede{color:#fff;max-width:34ch;margin:14px 0 0;font-size:24.8px;font-weight:600;line-height:40px}.cctv-check .herobody .pill{margin-top:30px}.cctv-check .pill{background:var(--yellow);color:#1f424a;cursor:pointer;white-space:nowrap;text-transform:uppercase;border:0;border-radius:9999px;padding:10px 32px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-block}.cctv-check .pill:hover{background:var(--yellow-dk)}.cctv-check .pill:focus-visible{outline-offset:3px;outline:3px solid #fff}.cctv-check .main{background:var(--page);padding:44px 0 66px}.cctv-check .cols{grid-template-columns:1fr 216px;align-items:start;gap:40px;display:grid}.cctv-check .rail{background:var(--page);border:0;border-radius:24px;padding:22px;position:sticky;top:120px;box-shadow:0 1.5px 12px 2px #0000000f}.cctv-check .rail h2{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:11px;font-size:11px;font-weight:600}.cctv-check .axis{border-top:1px solid var(--line-2);align-items:center;gap:10px;padding:7px 0;display:flex}.cctv-check .axis:first-of-type{border-top:0}.cctv-check .dot{background:#dcdcd8;border-radius:50%;flex:none;width:9px;height:9px}.cctv-check .axis.hit .dot{background:var(--high)}.cctv-check .axis.part .dot{background:var(--med)}.cctv-check .axis.clear .dot{background:var(--low)}.cctv-check .axis span{color:var(--text-2);font-size:13.5px}.cctv-check .axis.hit span,.cctv-check .axis.part span,.cctv-check .axis.clear span{color:var(--text);font-weight:500}.cctv-check .progress{border-top:1px solid var(--line-2);color:var(--text-3);margin-top:13px;padding-top:11px;font-size:12.5px}.cctv-check .q{background:var(--page);border:0;border-radius:12px;margin-bottom:16px;padding:26px 28px 24px;box-shadow:0 1.5px 12px 2px #0000000f}.cctv-check .qhead{align-items:baseline;gap:13px;display:flex}.cctv-check .qnum{color:var(--text-3);flex:none;min-width:19px;font-size:12.5px;font-weight:600}.cctv-check .q h2{color:var(--text);font-size:18px;font-weight:700;line-height:1.4}.cctv-check .why{color:var(--text-2);max-width:64ch;margin:7px 0 0 32px;font-size:14px;line-height:1.6}.cctv-check .opts{flex-wrap:wrap;gap:8px;margin:16px 0 0 32px;display:flex}.cctv-check button.opt{cursor:pointer;border:1.6px solid var(--line-3);background:var(--page);color:var(--text-2);border-radius:9999px;padding:8px 20px;font-family:inherit;font-size:14.5px;font-weight:500;line-height:1.5;transition:border-color .15s,color .15s,background .15s}.cctv-check button.opt:hover{border-color:var(--text-3);color:var(--text)}.cctv-check button.opt:focus-visible{outline:3px solid var(--text-3);outline-offset:3px}.cctv-check button.opt[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:#1f424a;font-weight:600}.cctv-check .static{margin-top:44px;scroll-margin-top:120px}.cctv-check .static h2{color:var(--text);margin-bottom:14px;font-size:24px;font-weight:700}.cctv-check .static .intro{color:var(--text-2);max-width:64ch;margin:0 0 18px;font-size:15px}.cctv-check ul.law{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cctv-check ul.law li{color:var(--text-2);border-left:2px solid var(--line-3);max-width:72ch;padding-left:18px;font-size:15px;line-height:1.65}.cctv-check ul.law b{color:var(--text);font-weight:600}.cctv-check .static a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.cctv-check .static a:hover{color:var(--text-2)}.cctv-check #enforcement-cases .cases{flex-direction:column;gap:12px;display:flex}.cctv-check .sources{color:var(--text-3);margin-top:18px;font-size:13px}.cctv-check .result{background:var(--page);border:.8px solid #e6e6e5;border-radius:50px;margin-top:40px;overflow:hidden}.cctv-check .result[hidden]{display:none}.cctv-check .band{padding:44px 44px 36px}.cctv-check .band.low{background:var(--low-bg)}.cctv-check .band.med{background:var(--med-bg)}.cctv-check .band.high{background:var(--high-bg)}.cctv-check .bandlabel{font-size:38.2982px;font-weight:600;line-height:57.4474px}.cctv-check .band.low .bandlabel{color:var(--low)}.cctv-check .band.med .bandlabel{color:var(--med)}.cctv-check .band.high .bandlabel{color:var(--high)}.cctv-check .bandnote{color:var(--text-2);max-width:62ch;margin:7px 0 0;font-size:15px}.cctv-check .rbody{background:var(--page);padding:34px 44px 40px}.cctv-check .rbody h3{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin:28px 0 12px;font-size:11px;font-weight:600}.cctv-check .rbody h3:first-child{margin-top:0}.cctv-check ul.f{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cctv-check ul.f li{color:var(--text-2);gap:11px;font-size:15px;line-height:1.6;display:flex}.cctv-check ul.f li b{color:var(--text);font-weight:600}.cctv-check .tick{border-radius:50%;flex:none;place-items:center;width:19px;height:19px;margin-top:3px;font-size:10.5px;font-weight:700;display:grid}.cctv-check .tick.r{background:var(--high-bg);color:var(--high)}.cctv-check .tick.a{background:var(--med-bg);color:var(--med)}.cctv-check .tick.g{background:var(--low-bg);color:var(--low)}.cctv-check .fine{border-left:4px solid var(--high);background:var(--high-bg);border-radius:0 8px 8px 0;padding:15px 18px}.cctv-check .fine+.fine{margin-top:12px}.cctv-check .fine .amt{color:var(--high);font-size:22px;font-weight:700;line-height:1.25}.cctv-check .fine .who{color:var(--text);margin-top:2px;font-size:13.5px;font-weight:600}.cctv-check .fine p{color:var(--text-2);margin:7px 0 0;font-size:14px}.cctv-check .fine .srclink{color:var(--text-2);text-underline-offset:2px;margin-top:9px;font-size:12.5px;text-decoration:underline;display:inline-block}.cctv-check .fine .srclink:hover{color:var(--text)}.cctv-check .cta{border-top:1px solid var(--line-2);margin-top:32px;padding-top:26px}.cctv-check .casesref{color:var(--text-2);max-width:62ch;margin:0 0 4px;font-size:15px;line-height:1.65}.cctv-check .casesref b{color:var(--text);font-weight:600}.cctv-check .casesref a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.cctv-check .fine.matched{border-left-color:var(--yellow);background:var(--wash)}.cctv-check .fine.matched .amt{color:var(--med)}.cctv-check .ctanote{color:var(--text-2);max-width:60ch;margin:0 0 18px;font-size:14.5px;line-height:1.65}.cctv-check .ctanote b{color:var(--text);font-weight:600}.cctv-check .ctaalt{color:var(--text-3);margin:16px 0 0;font-size:13.5px;line-height:1.6}.cctv-check .ctaalt a{color:var(--text-2);text-underline-offset:2px;text-decoration:underline}.cctv-check .ctaalt a:hover{color:var(--text)}.cctv-check .disclaimer{background:var(--card);border:1px solid var(--line);color:var(--text-3);border-radius:8px;margin-top:28px;padding:17px 20px;font-size:13.5px;line-height:1.6}.cctv-check .disclaimer b{color:var(--text-2)}.cctv-check .footcta{background:linear-gradient(-45deg, var(--color-teal-mid) 30%, var(--color-primary) 90%) fixed;color:#fff}main:has(.cctv-check .footcta)+footer .footer-wave{display:none}main:has(.cctv-check .footcta)+footer{background-attachment:fixed;margin-top:-1px}.cctv-check .footcta .shell{text-align:center;padding:104px 24px 96px}.cctv-check .footcta h2{color:#fff;max-width:20ch;margin:0 auto;font-size:38.2982px;font-weight:600;line-height:57.4474px}.cctv-check .footcta p{color:#dce7e9;max-width:56ch;margin:14px auto 0;font-size:17px;line-height:1.65}.cctv-check .footcta .pill{margin-top:32px}.cctv-check .footcta .pill:focus-visible{outline-color:var(--yellow)}@media (width<=900px){.cctv-check .cols{grid-template-columns:1fr;gap:20px}.cctv-check .rail{order:-1;position:static}}@media (width<=640px){.cctv-check .herobody{padding:52px 24px 60px}.cctv-check .herobody h1{font-size:27px;line-height:38px}.cctv-check .herobody p.lede{font-size:19px;line-height:30px}.cctv-check .why,.cctv-check .opts{margin-left:0}.cctv-check button.opt{text-align:left;border-radius:24px;width:100%;padding:11px 18px}.cctv-check .band{padding:32px 26px 26px}.cctv-check .bandlabel,.cctv-check .footcta h2{font-size:28px;line-height:38px}.cctv-check .rbody{padding:26px}.cctv-check .cta .pill,.cctv-check .footcta .pill,.cctv-check .herobody .pill{white-space:normal;text-align:center;width:100%;padding:13px 20px;line-height:1.35;display:block}.cctv-check .footcta .shell{padding:64px 24px 60px}}@media (prefers-reduced-motion:reduce){.cctv-check *{transition:none!important}}
