/* Только лейаут Work. Меню/бургер/соцфутер — в scores.css */

.work-main{
  max-width: var(--max);
  margin: 0 auto;
  padding: 18px 16px 28px;
}

.work-layout{
  display:grid;
  grid-template-columns: 420px 1fr;
  gap: 18px;
  align-items:start;
}

/* left preview */
.preview-wrap{ width:100%; }
#workPreview{
  display:block;
  width:100%;
  height:auto;
  max-height:600px;
  object-fit:contain;
}

/* right */
.work-right{ min-width:0; }

.work-title{
  margin:0 0 6px;
  font-size: 20px;
  font-weight: 700;
}

.work-subtitle{
  margin-bottom: 12px;
  color: var(--muted);
  font-size: 13px;
}

.work-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 8px 0 12px;
}

/* hint */
.work-hint{
  min-height:18px;
  color: var(--muted);
  font-size: 12.5px;
  margin: 0 0 14px;
}

/* cards */
.work-cards{
  display:grid;
  gap:12px;
}

.work-text{
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  white-space: pre-wrap;
}

.meta-grid{
  display:grid;
  grid-template-columns: 140px 1fr;
  gap: 10px 12px;
  margin:0;
}
.meta-grid .k{ color: var(--muted); font-size:12.5px; }
.meta-grid .v{ font-size:13px; }

/* mobile: stack columns */
@media (max-width:900px){
  .work-layout{ grid-template-columns: 1fr; }
  #workPreview{ max-height:520px; }
}