/* Parnassos Kelaria trial: title and report information only. */
#sr-camera-title-trial{margin:18px 0 16px;padding:20px 24px;background:linear-gradient(115deg,#edf4f8,#f8fafb);border:1px solid #d8e5ed;border-radius:14px;color:#405b6c;font:15px/1.8 'Open Sans',Arial,sans-serif;text-align:center}
#sr-camera-title-trial>center{text-align:center}
#sr-camera-title-trial h4.postTitle{margin:0 0 7px;padding:0;color:#58768a;font:600 12px/1.5 'Open Sans',Arial,sans-serif;letter-spacing:.5px}
#sr-camera-title-trial h2{margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid #d4e2eb;color:#203f53;font:600 26px/1.4 'Open Sans',Arial,sans-serif;letter-spacing:0}
#sr-camera-title-trial i{display:block;margin-top:10px;font-size:13px;font-style:normal;line-height:1.6}
@media(max-width:650px){#sr-camera-title-trial{padding:16px;margin-top:12px}#sr-camera-title-trial h2{font-size:21px}#sr-camera-title-trial h4.postTitle{font-size:11px}}

/* Step 2: camera description, below the existing sponsor banner. */
#sr-camera-info-trial{margin:18px 0 24px;padding:22px 26px;border:1px solid #dce6ec;border-radius:14px;background:#f7fafc;color:#405b6c;font:16px/1.8 'Open Sans',Arial,sans-serif;text-align:left}
#sr-camera-info-trial h3{margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid #dce6ec;color:#24475e;font:600 20px/1.4 'Open Sans',Arial,sans-serif;letter-spacing:0;text-align:center}
#sr-camera-info-trial a{color:#286785;text-decoration:underline}
#sr-camera-info-trial>div{margin:12px 0;font-size:17px!important;line-height:1.6}
@media(max-width:650px){#sr-camera-info-trial{padding:18px 16px;font-size:15px}#sr-camera-info-trial h3{font-size:18px}}

/* Step 3: full directory remains open on desktop, folds on mobile. */
#sr-camera-directory-trial{margin:16px 0}
#sr-camera-directory-trial>summary{display:none}
@media(max-width:767px){
 #sr-camera-directory-trial{border:1px solid #cbdde9;border-radius:10px;background:#f1f6fa;overflow:hidden}
 #sr-camera-directory-trial>summary{display:list-item;list-style-position:inside;padding:14px 16px;min-height:48px;cursor:pointer;color:#244e68;font:600 15px/1.5 'Open Sans',Arial,sans-serif;text-align:left}
 #sr-camera-directory-trial>summary span{display:block;margin:3px 0 0 18px;font-size:12px;font-weight:400;color:#587080}
 #sr-camera-directory-trial>summary:focus-visible{outline:2px solid #387fa6;outline-offset:-3px}
 #sr-camera-directory-trial .sr-camera-menu{margin:0;border:0;border-top:1px solid #d9e3ea;border-radius:0}
}

/* Step 4: matching forecast and map sections for the Kelaria trial. */
#mainCam .sr-camera-section-trial{margin:24px 0;border:1px solid #d8e5ed;border-radius:14px;background:#fff;overflow:hidden}
#mainCam .sr-camera-section-trial>header{padding:15px 20px;background:#edf4f8;border-bottom:1px solid #d8e5ed;text-align:center}
#mainCam .sr-camera-section-trial h3{margin:0;color:#24475e;font:600 20px/1.4 'Open Sans',Arial,sans-serif;letter-spacing:0}
#mainCam .sr-camera-section-trial header p{margin:4px 0 0;color:#587080;font:14px/1.5 'Open Sans',Arial,sans-serif}
#mainCam .sr-camera-frame-trial{width:100%;overflow:hidden}
#mainCam .sr-camera-frame-trial iframe{display:block;width:100%;max-width:100%;border:0}
#mainCam .sr-camera-section-note{padding:10px 16px;text-align:center;background:#f7fafc;color:#587080;font:13px/1.6 'Open Sans',Arial,sans-serif}
#mainCam .sr-camera-section-note a{color:#286785}
@media(max-width:650px){#mainCam .sr-camera-section-trial{margin:18px 0;border-radius:10px}#mainCam .sr-camera-section-trial>header{padding:13px 12px}#mainCam .sr-camera-section-trial h3{font-size:18px}}

/* Keep camera-description artwork within its information panel. */
#sr-camera-info-trial img{max-width:100%;height:auto}
