/* Isolated Diamond case-art rules. All controls and section layout remain with root. */
.rdc-art {
  container-type: inline-size;
  position: relative;
  aspect-ratio: 16 / 9;
  margin: 0;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(0, 0, 0, .04);
  border-radius: 16px;
  background: #a7b8c7 url("../assets/diamond-road-oil-v12.png") center / cover no-repeat;
  color: #342b25;
  font-family: var(--sans, Arial, sans-serif);
}
.rdc-art--training { background-image: url("../assets/diamond-training-oil-v13.png"); background-position: center; }
.rdc-art--partners { background-image: url("../assets/diamond-partners-oil-v13.png"); background-position: center; }
.rdc-context {
  position: absolute;
  top: 4.5%;
  left: 6%;
  right: 6%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #3e4246;
  font-size: clamp(10px, 1.2cqw, 12px);
  line-height: 16px;
}
.rdc-sample {
  padding: 5px 9px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .94);
  color: #5f5b55;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
}
.rdc-stage { position: absolute; inset: 0; }
.rdc-card {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e9e5df;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(42, 56, 70, .08);
  transform: none;
}
.rdc-card--source { left: 12%; top: 20%; width: 31%; z-index: 1; }
.rdc-card--draft { left: 35%; top: 36%; width: 32%; z-index: 3; }
.rdc-card--review { left: 59%; top: 10%; width: 29%; z-index: 2; }
.rdc-card-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: clamp(7px, 1cqw, 10px) clamp(12px, 1.5cqw, 16px);
  border-bottom: 1px solid #eeeae5;
}
.rdc-brand {
  font-family: 'Ronivo Petrona', Georgia, serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -.045em;
}
.rdc-card-body {
  display: flex;
  flex-direction: column;
  gap: clamp(6px, .8cqw, 9px);
  padding: clamp(12px, 1.6cqw, 18px);
}
.rdc-card-body p, .rdc-summary p { margin: 0; }
.rdc-card-title { font-size: clamp(14px, 1.7cqw, 18px); font-weight: 500; line-height: 1.25; }
.rdc-card-main { font-size: clamp(14px, 1.5cqw, 16px); font-weight: 400; line-height: 1.4; }
.rdc-meta { color: #756e66; font-size: clamp(10px, 1.1cqw, 12px); font-weight: 400; line-height: 1.35; }
.rdc-summary {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 7%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: clamp(14px, 1.8cqw, 20px) clamp(16px, 2.2cqw, 24px);
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(42, 56, 70, .04);
}
.rdc-summary-main { font-size: clamp(14px, 1.6cqw, 18px); font-weight: 400; line-height: 1.4; }
.rdc-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* Tablet crops use a clear row, avoiding card overlap at smaller 16:9 sizes. */
@media (min-width: 768px) and (max-width: 1023px) {
  .rdc-card--source, .rdc-card--draft, .rdc-card--review { top: 22%; width: 28%; }
  .rdc-card--source { left: 6%; }
  .rdc-card--draft { left: 36%; }
  .rdc-card--review { left: 66%; }
}
@media (max-width: 767px) {
  .rdc-art {
    aspect-ratio: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 12px;
    /* The new pure painting uses natural cover sizing, without a texture magnification. */
    background-size: cover;
    background-position: 12% center;
  }
  .rdc-context { position: static; flex-wrap: wrap; gap: 6px; font-size: 10px; line-height: 14px; }
  .rdc-sample { font-size: 10px; line-height: 12px; padding: 4px 7px; }
  .rdc-stage { position: static; display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
  .rdc-card { position: relative; top: auto; left: auto; width: 93%; border-radius: 10px; box-shadow: 0 3px 8px rgba(42, 56, 70, .06); }
  .rdc-card--draft { align-self: flex-end; }
  .rdc-card-bar { padding: 6px 10px; }
  .rdc-brand { font-size: 16px; line-height: 18px; }
  .rdc-card-body { gap: 5px; padding: 9px 10px; }
  .rdc-card-title { font-size: 14px; line-height: 18px; }
  .rdc-card-main { font-size: 14px; line-height: 19px; }
  .rdc-meta { font-size: 10px; line-height: 13px; }
  .rdc-summary { position: static; gap: 5px; padding: 13px 12px; border-radius: 10px; }
  .rdc-summary-main { font-size: 14px; line-height: 19px; }
}

@media (max-width: 767px) {
  .rdc-art--training { background-position: 50% center; }
  .rdc-art--partners { background-position: 80% center; }
}

/* Distinct desktop compositions: training feedback and student/partner relationship. */
@media (min-width: 1024px) {
  .rdc-art--training .rdc-card--source { left: 8%; top: 14%; width: 34%; }
  .rdc-art--training .rdc-card--draft { left: 53%; top: 22%; width: 39%; }
  .rdc-art--training .rdc-card--review { left: 12%; top: 47%; width: 34%; }
  .rdc-art--partners .rdc-card--source { left: 8%; top: 15%; width: 35%; }
  .rdc-art--partners .rdc-card--draft { left: 53%; top: 13%; width: 39%; }
  .rdc-art--partners .rdc-card--review { left: 58%; top: 44%; width: 30%; }
}
@media (max-width: 767px) {
  .rdc-art--training { background-position: 66% center; }
  .rdc-art--training .rdc-card--source,
  .rdc-art--training .rdc-card--review { align-self: flex-end; }
  .rdc-art--training .rdc-card--draft { align-self: flex-start; }
  .rdc-art--partners { background-position: 50% center; }
  .rdc-art--partners .rdc-card--source { width: 100%; }
  .rdc-art--partners .rdc-card--draft { width: 93%; align-self: flex-start; }
  .rdc-art--partners .rdc-card--review { width: 86%; align-self: flex-end; }
}