/* Readable, static profile views; selected values remain available without JS. */
.profile-explorer { scroll-margin-top: 6rem; }
.profile-explorer > p { max-width: 78ch; }
.profile-depth { font-size: 1.2rem; }
.axis-view-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 1.5rem; margin: 2rem 0 1.5rem; }
.axis-view { background: #fffdf8; color: #183c50; border: 1px solid #afc4c5; border-radius: 1rem; padding: clamp(1rem,2.3vw,2rem); min-width: 0; }
.axis-view h3 { font-size: clamp(1.45rem,2.3vw,2rem); line-height: 1.2; margin: 0 0 1rem; }
.axis-view p, .axis-view summary, .axis-view td, .axis-view th, .axis-facts { font-size: 1rem; line-height: 1.65; }
.axis-view figure { margin: 1.5rem 0; }
.axis-view img { display: block; width: 100%; height: auto; }
.axis-view a { color: #125c70; text-underline-offset: .17em; }
.axis-view a:focus-visible, .axis-view summary:focus-visible { outline: 3px solid #9b6500; outline-offset: 4px; }
.axis-view figcaption { font-size: .95rem; line-height: 1.6; color: #304f60; margin-top: .8rem; }
.axis-numbers { border-top: 1px solid #afc4c5; padding-top: .8rem; margin-top: 1.1rem; }
.axis-numbers summary { cursor: pointer; font-weight: 650; padding: .5rem 0; }
.axis-numbers table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
.axis-numbers caption { text-align: left; padding-bottom: .65rem; }
.axis-numbers th, .axis-numbers td { text-align: left; border-bottom: 1px solid #d3dedc; padding: .5rem .3rem; }
.axis-facts { margin: 1.5rem 0; }
.axis-facts > div { display: flex; gap: 1rem; justify-content: space-between; padding: .5rem 0; border-bottom: 1px solid #d3dedc; }
.axis-facts dt { flex: 1; }
.axis-facts dd { margin: 0; font-variant-numeric: tabular-nums; font-weight: 650; white-space: nowrap; }
.blend-view { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 2rem; }
@media(max-width: 850px) { .axis-view-grid, .blend-view { grid-template-columns: minmax(0,1fr); } }
@media print { .axis-view { break-inside: avoid; } .axis-numbers { display: block; } }
