/* Pointer-driven props in section gaps, separate from all control hit areas. */
.restricted-archive,#dossier,#confidential-archive{position:relative}
.security-cctv{position:absolute;left:max(0px,calc(4.2% - 56px));width:132px;height:92px;z-index:3;pointer-events:none;user-select:none;color:#b0bc9d}
.restricted-cctv{top:-98px}
#dossier-cctv{top:-12px}
#confidential-cctv{top:calc(100% - 8px)}
.cctv-hardware{display:block;width:100%;height:86px;overflow:visible;filter:drop-shadow(2px 3px 0 #0008)}
.cctv-bracket{stroke:#59634d;stroke-width:2}
.cctv-lens{fill:#0a110d;stroke:#85937a}
.cctv-body{fill:#59634e;stroke:#a8b792}
.cctv-led{stroke:#e36b59;stroke-linecap:round;stroke-width:1.5;animation:cctv-status 2s ease-in-out infinite}
.cctv-label{position:absolute;bottom:1px;left:23px;font:7px/1.5 var(--mono);letter-spacing:1px;color:#849275;white-space:nowrap}
.restricted-archive>.ambient-rail,#dossier>.ambient-rail,#atlas>.ambient-rail{left:max(4.2%,132px)}
@keyframes cctv-status{0%,100%{opacity:.12}45%,55%{opacity:1}}
@media(min-width:1600px){.restricted-cctv,#confidential-cctv{left:-56px}.restricted-archive>.ambient-rail{left:82px}}
@media(min-width:651px) and (max-width:1400px){#dossier{padding-top:80px}}
@media(max-width:650px){
  .security-cctv{left:0;width:96px;height:62px}
  .restricted-cctv{top:-66px}
  #dossier{padding-top:66px}
  #dossier-cctv{top:0}
  #confidential-cctv{top:100%}
  .cctv-hardware{height:60px}
  .cctv-label{left:10px;bottom:-1px;font-size:6px;letter-spacing:.6px}
  .restricted-archive>.ambient-rail,#dossier>.ambient-rail,#atlas>.ambient-rail{left:105px}
}
@media(prefers-reduced-motion:reduce){.cctv-led{animation-duration:5s}}
@media print{.security-cctv{display:none}}

/* The small software notice shares the camera's reserved header space. */
#dossier{padding-top:102px}
.argentum-promo{position:absolute;top:10px;left:calc(max(0px,4.2% - 56px) + 144px);width:254px;z-index:3;border:2px solid #91b869;background:#14220f;box-shadow:3px 3px 0 #060b04,0 0 14px #80d34420;font-family:var(--mono);animation:argentum-ad 2.4s steps(1,end) infinite}
.argentum-promo-bar{display:flex;justify-content:space-between;gap:10px;padding:5px 8px;font-size:9px;letter-spacing:.6px;background:#536d38;color:#e0efcc;border-bottom:1px solid #9fb779}
.argentum-promo strong{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:13px 10px;font-size:13px;line-height:1.35;color:#dcf4b8;text-shadow:0 0 8px #a8e17460}
.argentum-promo:hover,.argentum-promo:focus-visible{animation:none;background:#334d23;border-color:#e3ffc5}
@keyframes argentum-ad{0%,70%,100%{border-color:#91b869;box-shadow:3px 3px 0 #060b04,0 0 12px #80d34420}75%,85%{border-color:#edffc8;box-shadow:3px 3px 0 #060b04,0 0 22px #b5f36970}}
@media(max-width:650px){#dossier{padding-top:98px}.argentum-promo{top:12px;left:106px;width:calc(95% - 106px);max-width:254px}.argentum-promo-bar{font-size:7px;padding:5px 6px}.argentum-promo strong{font-size:11px;padding:12px 7px;gap:4px}}
@media(prefers-reduced-motion:reduce){.argentum-promo{animation-duration:4s}}
@media print{.argentum-promo{display:none}}