/* Additional styles for machine meta section */

.machine-meta {
  background: #eae7e1;
  padding: 1.5rem;
  border: 2px solid #d2cfc7;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(80,80,80,0.08);
}

/* End of machine meta styles */
body{font-family:Georgia,serif;margin:0;background:#f7f5f2;color:#2b2b2b}
header{background:#3b3a36;color:#fff;padding:2rem}
nav a{color:#e6e1d8;margin-right:1rem;text-decoration:none;font-weight:bold}
nav a:hover{text-decoration:underline}
main{padding:2rem;max-width:1000px;margin:auto}
footer{background:#3b3a36;color:#e6e1d8;text-align:center;padding:1.5rem}

.banner-image img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 420px;
  object-fit: cover;
}

.layout {
  display: flex;
  max-width: 1200px;
  margin: auto;
}

aside {
  width: 200px;
  padding: 2rem 1rem 2rem 2rem;
  background: #f3f1ed;
  border-right: 1px solid #ddd;
  min-height: 100vh;
}


.thumbnail-list {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  align-items: flex-start;
}

.thumbnail-list a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  text-decoration: none;
  color: inherit;
  width: 100%;
  padding: 0.2rem 0.1rem;
  border-radius: 4px;
  transition: background 0.15s;
}

.thumbnail-list a.active,
.thumbnail-list a:hover {
  background: #eae7e1;
}

.thumbnail-list img {
  width: 56px;
  height: 56px;
  max-width: 56px;
  max-height: 56px;
  display: block;
  object-fit: cover;
  border: 1px solid #ccc;
  opacity: 0.9;
  background: #fff;
  border-radius: 4px;
  margin: 0;
}

.thumbnail-label {
  font-size: 0.92rem;
  text-align: center;
  word-break: break-word;
  color: #2b2b2b;
  margin-top: 0.2rem;
}

.machine-gallery {
  margin: 1.5rem 0;
}

.machine-gallery img {
  width: 100%;
  display: block;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.gallery-row {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.gallery-row img {
  width: 22%;
  min-width: 120px;
  aspect-ratio: 4/3;
  object-fit: cover;
}