/* Stonehenge study. Kit 1d approved plan, 1g live calculation,
   Web Elements 01 chronology and 05 evidence tables. */
.stonehenge-study .prose { min-width: 0; }
.stonehenge-study .prose > * { min-width: 0; max-width: 100%; }
.stonehenge-study .temple-lead-facts { height: auto; align-self: stretch; }
.stonehenge-study .temple-exemplar { align-self: start; }
.stonehenge-study .temple-exemplar figcaption { padding: 1.1rem; font: 1rem/1.65 var(--sans); color: var(--parchment); }
.stonehenge-study .temple-exemplar figcaption a { color: var(--gold); }
.stonehenge-study .temple-exemplar svg { max-height: none; }
.stonehenge-study .article-byline { margin-top: 1.8rem; }
.stonehenge-study .essay-section { margin-top: 1.2rem; min-width: 0; scroll-margin-top: 7rem; }
.stonehenge-study .essay-section > h2 { scroll-margin-top: 7rem; }
.stonehenge-study .essay-section p { max-width: 76ch; }
.stonehenge-study .stonehenge-contents { display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; padding: 1rem 0 1.4rem; border-bottom: 1px solid var(--line); font: 1rem/1.5 var(--sans); }
.stonehenge-study .stonehenge-contents a { padding: .25rem 0; }
.stonehenge-study .stonehenge-phases { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 1.7rem 0; border: 1px solid var(--line); }
.stonehenge-study .stonehenge-phases > div { padding: 1.2rem; border-top: 3px solid var(--gold); }
.stonehenge-study .stonehenge-phases > div + div { border-left: 1px solid var(--line); }
.stonehenge-study .phase-date { display: block; margin-bottom: .7rem; color: var(--muted); font: .85rem/1.5 var(--mono); }
.stonehenge-study .stonehenge-phases strong { display: block; font: 600 1.3rem/1.15 var(--serif); }
.stonehenge-study .stonehenge-phases p { font: 1rem/1.6 var(--sans); margin: .7rem 0 0; }
.stonehenge-study .evidence-table-card { margin: 1.6rem 0; }
.stonehenge-study .article-data-table { min-width: 42rem; }
.stonehenge-study .article-data-table td { font-variant-numeric: tabular-nums; }
.stonehenge-study .stonehenge-worked { padding: clamp(1.2rem,3vw,2rem); margin: 1.8rem 0; }
.stonehenge-study .stonehenge-worked h3 { font: 500 clamp(1.6rem,3vw,2rem)/1.15 var(--serif); }
.stonehenge-study .stonehenge-worked li { margin: .65rem 0; }
.stonehenge-study .fit-explorer { margin: 1.8rem 0; padding: clamp(1.1rem,3vw,2rem); border: 1px solid var(--line); }
.stonehenge-study .fit-explorer h3 { font: 500 clamp(1.8rem,3vw,2.2rem)/1.1 var(--serif); margin: .5rem 0 1rem; }
.stonehenge-study .fit-explorer p, .stonehenge-study .fit-explorer label, .stonehenge-study .fit-explorer legend { font: 1rem/1.65 var(--sans); }
.stonehenge-study .fit-controls { margin: 1.3rem 0; padding: 1rem; border: 1px solid var(--line); min-width: 0; }
.stonehenge-study .fit-controls[hidden] { display: none; }
.stonehenge-study .fit-controls legend { padding: 0 .4rem; font-weight: 600; }
.stonehenge-study .fit-controls label { display: block; }
.stonehenge-study #fit-yard { width: 100%; min-height: 44px; accent-color: var(--gold); }
.stonehenge-study .fit-entry { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; }
.stonehenge-study #fit-number { width: 8.5rem; max-width: 100%; padding: .6rem; border: 1px solid var(--line); color: var(--ink); background: var(--paper); font: 1rem var(--mono); }
.stonehenge-study #fit-reset { min-height: 44px; padding: .6rem .8rem; border: 1px solid var(--line); background: var(--ink-deep); color: var(--parchment); font: 600 1rem var(--sans); cursor: pointer; }
.stonehenge-study #fit-validation:empty { display: none; }
.stonehenge-study .fit-results { display: block; padding: 1rem; border-left: 3px solid var(--gold); font: 1rem/1.8 var(--mono); overflow-wrap: anywhere; }
.stonehenge-study .fit-plot { display: block; width: 100%; height: auto; margin-top: 1rem; }
.stonehenge-study .fit-axis, .stonehenge-study .fit-tick { fill: none; stroke: var(--muted); stroke-width: 1; }
.stonehenge-study .fit-circuit { fill: var(--gold); stroke: var(--ink-deep); stroke-width: 2; }
.stonehenge-study .fit-diameter { fill: var(--slate); stroke: var(--ink-deep); stroke-width: 2; }
.stonehenge-study .fit-scale { display: flex; justify-content: space-between; gap: .7rem; font: .8rem/1.4 var(--mono); }
.stonehenge-study .fit-legend { display: flex; flex-wrap: wrap; gap: .5rem 1.3rem; }
.stonehenge-study .circuit-key { color: inherit; }
.stonehenge-study .diameter-key { color: inherit; }
.stonehenge-study .fit-controls :focus-visible, .stonehenge-study .stonehenge-contents a:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
@media (max-width: 48rem) {
  .stonehenge-study .prose { display: block; }
  .stonehenge-study .temple-exemplar { margin-bottom: 1.8rem !important; }
  .stonehenge-study .temple-lead-facts { margin-bottom: 1.6rem !important; }
  .stonehenge-study .stonehenge-phases { grid-template-columns: 1fr; }
  .stonehenge-study .stonehenge-phases > div + div { border-left: 0; border-top: 1px solid var(--line); }
  .stonehenge-study .stonehenge-phases > div { border-left: 3px solid var(--gold); }
  .stonehenge-study .fit-entry { align-items: stretch; flex-direction: column; }
  .stonehenge-study #fit-number { width: 100%; box-sizing: border-box; }
}