@import url(sg_header.css?v=1);
#wrapper { width: auto !important; max-width: 1200px; padding: 0 16px; box-sizing: border-box; }
.sg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
           gap: 1.5rem; list-style: none; margin: 0; padding: 0; }
.sg-card { margin: 0; min-width: 0; }
.sg-card a.sg-shot { display: block; text-decoration: none; position: relative; }
.sg-card img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block;
               border-radius: 6px; background: #eef2f5; box-shadow: 0 1px 4px rgba(0,0,0,.25); }
.sg-offline { width: 100%; aspect-ratio: 16 / 9; border-radius: 6px; background: #eef2f5;
              border: 1px dashed #c3ced7; display: flex; align-items: center; justify-content: center;
              color: #8b98a4; font-size: .9rem; text-align: center; padding: 1rem; box-sizing: border-box; }
.sg-name { margin: .6rem 0 .15rem; font-size: 1.05rem; line-height: 1.3; }
.sg-name .sg-resort { font-weight: 700; }
.sg-name a { text-decoration: none; }
.sg-name a:hover { text-decoration: underline; }
.sg-meta { margin: 0; font-size: .82rem; line-height: 1.45; color: #6b7681; }
@media (max-width: 420px) {
  .sg-grid { grid-template-columns: 1fr; gap: 1.1rem; }
}
h1.resort-cams-header.sg_title { max-width: 1100px; margin: 6px auto 10px; color: #1f3b66; font-size: 30px; line-height: 1.2; text-align: left; }
h1.sg_title small { margin-left: 8px; font-size: 15px; font-weight: normal; color: #5a6b80; }
.sg-tools { display: flex; justify-content: flex-end; margin: 0 0 6px; }
button.sg-info { border: 1px solid #c5d2e0; border-radius: 4px; background: #f4f7fa; color: #5a6b80; padding: 5px 14px; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
button.sg-info[aria-pressed="true"] { background: #1f3b66; border-color: #1f3b66; color: #fff; }
.sg-grid.sg-wall { gap: 14px; width: min(1600px, 100vw - 32px); margin-left: calc(50% - min(800px, 50vw - 16px));
                   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.sg-wall .sg-card { display: flex; flex-direction: column; overflow: hidden; border-radius: 10px; background: #dce9f6; text-align: left;
                    box-shadow: 0 1px 4px rgba(31,59,102,.25); }
.sg-wall .sg-card img, .sg-wall .sg-offline { border: 0; border-radius: 0; box-shadow: none; }
.sg-wall .sg-offline { background: #2a2f37; }
.sg-wall .sg-name { order: -1; margin: 0; padding: 6px 10px 5px; color: #1f3b66; font-size: 15px; font-weight: bold; line-height: 1.3;
                   white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sg-wall .sg-name a { color: #1f3b66 !important; }
.sg-wall .sg-name .sg-resort { color: #4f6f8f !important; font-weight: normal; }
.sg-wall .sg-name small { color: #5a6b80; font-weight: normal; }
.sg-wall .sg-meta { flex: 1; margin: 0; padding: 6px 10px 7px; background: #1b1f25; color: #e4e9ef; font-size: 12.5px; line-height: 1.45;
                   display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; min-height: 2.9em; }
.sg-wall .sg-meta a { color: #e8cf85; }
.sg-wall .sg-badge { top: 7px; right: 7px; }
body.sg-plain .sg-wall .sg-name, body.sg-plain .sg-wall .sg-meta, body.sg-plain .sg-wall .sg-badge { display: none; }
@media (max-width: 600px) {
  .sg-grid.sg-wall { grid-template-columns: 1fr; gap: 12px; width: auto; margin-left: 0; }
  h1.resort-cams-header.sg_title { font-size: 23px; margin-left: 8px; }
  h1.sg_title small { display: block; margin: 2px 0 0; }
}