/* Sacred Geometry: evidence panels and a dimensionless model comparison. */
.sacred-geometry-article, .article-layout > * { min-width: 0; }
.geometry-claims { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; margin: 1.5rem 0; }
.geometry-claims section { border: 1px solid var(--gold); border-radius: .65rem; padding: 1rem; }
.geometry-claims h3 { font-size: 1.2rem; margin: .6rem 0; }
.geometry-claims p { font-size: .95rem; margin: 0; }
.geometry-lab { margin: 2rem 0; padding: clamp(1rem,3vw,1.75rem); border: 1px solid var(--gold); border-radius: 1rem; background: var(--midnight); color: var(--parchment); }
.geometry-lab h2, .geometry-lab p { color: inherit; }
.geometry-controls { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 1rem; }
.geometry-controls label { display: block; margin: .8rem 0 .4rem; font-weight: 700; }
.geometry-controls select { width: 100%; min-width: 0; min-height: 2.75rem; padding: .5rem; border: 2px solid var(--gold); border-radius: .35rem; background: var(--parchment); color: var(--ink-deep); font: inherit; }
.geometry-controls select:focus-visible, .sacred-geometry-article .evidence-table-card:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.geometry-results { margin: 1.2rem 0; padding: 1rem; border-inline-start: 4px solid var(--gold); }
.geometry-results p { margin: 0; font-family: var(--mono); font-size: 1rem; overflow-wrap: anywhere; }
.geometry-lab .geometry-basis { font-size: .95rem; margin-bottom: 0; }
.sacred-geometry-article .evidence-table-card { max-width: 100%; overflow-x: auto; }
.sacred-geometry-article table { min-width: 39rem; }
@media (max-width: 48rem) { .geometry-claims, .geometry-controls { grid-template-columns: minmax(0,1fr); } }

/* Kit 1g controls; keep useful option labels and whole heading words on phones. */
.sacred-geometry-article, .geometry-lab { overflow-wrap: anywhere; }
.geometry-controls select:disabled { opacity: 1; }
.geometry-controls > div { min-width: 0; }
@media (max-width: 30rem) { .geometry-lab { padding: .75rem; } }

.geometry-number { white-space: nowrap; font-family: var(--mono); }
.geometry-results p { font-family: var(--serif); overflow-wrap: anywhere; hyphens: auto; }
.geometry-controls select { font-size: 1rem; padding-inline: .3rem; }
@media (max-width: 40rem) {
  .geometry-page .page-hero h1 { font-size: clamp(1.5rem, 12vw, 3rem); overflow-wrap: normal; }
  .sacred-geometry-article > h2, .geometry-lab h2 { font-size: clamp(1.25rem, 8vw, 2.25rem); overflow-wrap: normal; }
  .geometry-results { padding-inline: .5rem; }
}
