/* One shared component system; only the standalone document shell differs. */
@import url("redesign-core.css");

html.jm-standalone {background: var(--jm-bg); scroll-behavior: smooth;}
.jm-standalone body {
  background: radial-gradient(ellipse at 74% 18%, #5c91a324, transparent 42%),
    radial-gradient(ellipse at 20% 80%, #4b718b17, transparent 44%),
    linear-gradient(90deg, #10191ff5, #10191ffe 55%, #10191fbb),
    url("../../images/solar-waves.svg") 65% center / cover fixed;
}
.jm-standalone .jm-record-header {
  position: sticky; top: 0; z-index: 30;
  min-height: var(--jm-header-height); max-width: none; margin: 0;
  padding: 1rem max(var(--jm-gutter), calc((100% - var(--jm-max)) / 2));
  align-items: center; background: #10191ff5;
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
.jm-record-header nav {display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; align-items: center; margin-left: auto;}
.jm-record-header nav a {font-size: .84rem; text-decoration: none; padding: .5rem 0; color: var(--jm-muted);}
.jm-record-header nav a[aria-current='location'] {color: var(--jm-accent); text-decoration: underline;}
.jm-standalone .jm-record, .jm-standalone .jm-record-footer {
  width: min(calc(100% - 2 * var(--jm-gutter)), var(--jm-max));
  max-width: none; margin-inline: auto; padding: 0;
}
.jm-standalone .jm-record-section {padding: clamp(3rem, 5vw, 6rem) 0;}
.jm-standalone .jm-section-heading {display: block; margin-bottom: 1.75rem;}
.jm-standalone .jm-section-heading .jm-eyebrow {margin: 0 0 .7rem;}
.jm-standalone .jm-section-heading h2 {font-size: clamp(2.25rem, 3.5vw, 4.5rem); margin: 0 0 .8rem;}
.jm-standalone .jm-section-heading p:last-child {margin: 0;}
.jm-standalone .jm-record-section p, .jm-standalone .jm-record-section dd {max-width: none;}
.jm-standalone .jm-feature-text {grid-template-columns: minmax(0,1fr);}
.jm-standalone .jm-feature-text:not(.jm-research-feature) .jm-feature-copy {display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: .5rem var(--jm-gap);}
.jm-standalone .jm-feature-text:not(.jm-research-feature) .jm-feature-copy .jm-kicker {grid-column: 1;}
.jm-standalone .jm-feature-text:not(.jm-research-feature) .jm-feature-copy h3 {grid-column: 1; grid-row: 2;}
.jm-standalone .jm-feature-text:not(.jm-research-feature) .jm-feature-copy > p:not(.jm-kicker) {grid-column: 2; grid-row: 1 / span 2;}
.jm-standalone .jm-feature-text:not(.jm-research-feature) .jm-feature-copy > a {grid-column: 2;}
.jm-standalone .jm-record-footer {padding-block: 2.5rem;}
.jm-standalone .jm-contact-email {font-size: clamp(1.4rem, 4vw, 4rem);}

@media (max-width: 760px) {
  .jm-standalone .jm-reading-progress {top: 0;}
  .jm-standalone body {background-attachment: scroll;}
  .jm-standalone .jm-record-header {position: relative; align-items: flex-start;}
  .jm-record-header nav {margin-left: 0; width: 100%; gap: .25rem 1.2rem;}
  .jm-record-header nav a {min-height: 44px;}
  .jm-standalone .jm-section-heading, .jm-standalone .jm-feature-text .jm-feature-copy {display: block;}
  .jm-standalone .jm-section-heading h2 {margin: 1rem 0;}
}
@media (prefers-reduced-motion: reduce) {html.jm-standalone {scroll-behavior: auto;}}
@media print {
  .jm-standalone .jm-record-header {display: none;}
  .jm-standalone .jm-record {width: 100%;}
  .jm-standalone .jm-section-heading, .jm-standalone .jm-feature-text .jm-feature-copy {display: block;}
}