body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#17202a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{max-width:1200px;margin:0 auto;padding:24px}.page-header{margin-bottom:28px;text-align:center}.page-header h1{margin:0;font-size:2.4rem;line-height:1.2}.camera-section+.camera-section{margin-top:40px}.camera-section>h2{margin:0 0 18px;color:#263746;font-size:1.6rem;line-height:1.3}.camera-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px;margin-bottom:20px}.cctv-link{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:24px 20px;border:1px solid #d5dce3;border-radius:14px;background:#fff;color:#145da0;text-align:center;text-decoration:none;box-shadow:0 2px 8px rgba(23,32,42,.08);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.cctv-link:focus-visible,.cctv-link:hover{transform:translateY(-3px);background:#edf6ff;border-color:#8fc5ed;color:#0b3f70;box-shadow:0 8px 18px rgba(20,93,160,.16)}.cctv-link:focus-visible{outline:3px solid rgba(20,93,160,.3);outline-offset:3px}.cctv-link h2{margin:0;font-size:1.35rem;line-height:1.35}.cctv-preview{display:block;width:100%;margin-bottom:16px;aspect-ratio:16/9;border-radius:9px;background:#17202a;object-fit:cover}.cctv-link p{margin:8px 0 0;color:#637381;font-size:.95rem;line-height:1.4}.cctv-link:focus-visible p,.cctv-link:hover p{color:#315d7d}@media (max-width:700px){.page-container{padding:16px}.page-header h1{font-size:1.9rem}.camera-row{grid-template-columns:1fr}}@media (min-width:701px) and (max-width:960px){.camera-row{grid-template-columns:repeat(2,minmax(0,1fr))}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}