.park-webcam{margin:0 0 30px;padding:22px;border:1px solid #4d594e;border-left:3px solid #87a391;background:#131a17;border-radius:4px;overflow-wrap:anywhere;color:#f4f4ef}
.park-webcam .cam-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.park-webcam .cam-top h3{margin:0;color:#f4f4ef;font-size:24px}
.park-webcam .cam-kind{font-size:13px;color:#c3dac9;border:1px solid #516857;padding:5px 9px;border-radius:3px}
.park-webcam h4{margin:16px 0 8px;font-size:19px;color:#e8cd7c}
.park-webcam p{font-size:16px;line-height:1.6;margin:10px 0;color:#dce3dc}
.park-webcam .cam-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin:16px 0}
.park-webcam a{color:#e8cd7c;text-decoration:underline;text-underline-offset:3px}
.park-webcam button{font:inherit;font-weight:600;padding:12px 18px;border:1px solid #b7c5b6;border-radius:3px;color:#fff;background:#293a30;cursor:pointer}
.park-webcam button:hover{background:#3c5142}
.park-webcam .cam-inline{margin-top:16px}
.park-webcam .cam-picture img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#090d0b;margin:12px auto}
.park-webcam .cam-picture a{display:block}
.park-webcam .cam-refresh{padding:9px 14px;font-size:14px;margin-top:10px}
.park-webcam .cam-note,.park-webcam .cam-credit,.park-webcam .cam-status{font-size:14px;color:#c1cec3}
.park-webcam .cam-credit{margin-bottom:0}
.park-webcam :focus-visible{outline:3px solid #f5d358;outline-offset:4px}
.park-webcam [hidden]{display:none!important}
@media(max-width:540px){.park-webcam{padding:16px 12px}.park-webcam .cam-top h3{font-size:22px}.park-webcam .cam-links{display:grid;gap:14px}}