/* page style: origami */
body[data-site-route='/origami/'] .models {
  display: grid;
  gap: var(--space-lg);
  grid-template-columns: repeat(2,minmax(0,1fr));
}

body[data-site-route='/origami/'] .model-card {
  align-content: start;
  display: grid;
  gap: var(--space-md);
  min-width: 0;
}

body[data-site-route='/origami/'] .crease-diagram {
  aspect-ratio: 1;
  background: var(--surface-soft);
  border: 1px solid var(--line);
  border-radius: var(--radius-xs);
  display: grid;
  padding: var(--space-md);
  place-items: center;
}

body[data-site-route='/origami/'] .crease-diagram svg {
  height: auto;
  width: 100%;
}

body[data-site-route='/origami/'] .crease-diagram rect {
  fill: var(--surface);
  stroke: var(--line-strong);
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

body[data-site-route='/origami/'] .crease-diagram :is(.valley,.mountain) {
  fill: none;
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

body[data-site-route='/origami/'] .crease-diagram .valley {
  stroke: var(--accent);
  stroke-dasharray: 7 5;
}

body[data-site-route='/origami/'] .crease-diagram .mountain {
  stroke: var(--fg);
  stroke-dasharray: 11 4 2 4;
}

body[data-site-route='/origami/'] .model-card > div:last-child {
  display: grid;
  gap: var(--space-xs);
}

body[data-site-route='/origami/'] .model-card p,
body[data-site-route='/origami/'] .steps p {
  color: var(--muted);
}

body[data-site-route='/origami/'] .steps {
  display: grid;
  gap: var(--space-lg);
  grid-template-columns: repeat(2,minmax(0,1fr));
}

body[data-site-route='/origami/'] .steps article {
  align-content: start;
  display: grid;
  gap: var(--space-xs);
}

body[data-site-route='/origami/'] .steps article > span {
  color: var(--muted);
  font: var(--meta-size)/var(--meta-line) var(--mono);
}

@media (max-width:600px) {
  body[data-site-route='/origami/'] .models,
body[data-site-route='/origami/'] .steps {
    grid-template-columns: minmax(0,1fr);
  }
}