@import url("concept-four.css");

.concept-five .field-hero--lineup::after {
  top: -150px;
  right: -105px;
  width: clamp(380px, 43vw, 650px);
  height: clamp(380px, 43vw, 650px);
  border: 0;
  border-radius: 0;
  background: var(--heat);
  box-shadow: none;
  opacity: 0.24;
  -webkit-mask: url("../images/reflex-circle.svg") center / contain no-repeat;
  mask: url("../images/reflex-circle.svg") center / contain no-repeat;
}

.concept-five .field-hero__copy--lineup h1 {
  max-width: 960px;
  font-size: clamp(3.2rem, 5.45vw, 6.6rem);
  line-height: 0.88;
}

.concept-five .spectrum-stage--lineup {
  align-items: stretch;
}

.concept-five .spectrum-stage--lineup .spectrum-card {
  height: 100%;
  grid-template-rows: minmax(350px, 46vh) clamp(180px, 14vw, 210px);
}

.concept-five .spectrum-stage--lineup .spectrum-card__headline {
  box-sizing: border-box;
  min-height: 0;
}

.concept-five .survey-case {
  padding: clamp(80px, 11vw, 150px) clamp(18px, 5vw, 76px);
  background: #efdce6;
  color: #071013;
}

.concept-five .survey-case__header,
.concept-five .survey-case__grid,
.concept-five .survey-case__source {
  width: min(1320px, 100%);
  margin-inline: auto;
}

.concept-five .survey-case__header {
  display: grid;
  grid-template-columns: 0.55fr 1.45fr;
  gap: 32px;
  margin-bottom: clamp(48px, 7vw, 82px);
}

.concept-five .survey-case__header .field-code {
  color: #765267;
}

.concept-five .survey-case h2,
.concept-five .video-section-five h2,
.concept-five .guide-section h2,
.concept-five .purchase-section-five h2 {
  margin: 0;
  font-size: clamp(2.7rem, 6.2vw, 7.5rem);
  line-height: 0.86;
  letter-spacing: -0.065em;
  text-transform: uppercase;
}

.concept-five .survey-case__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(330px, 0.75fr);
  align-items: start;
  gap: 18px;
}

.concept-five .survey-case__subsection .survey-case__grid {
  grid-template-columns: minmax(330px, 0.75fr) minmax(0, 1.25fr);
}

.concept-five .tree-case,
.concept-five .use-card {
  padding: clamp(28px, 4vw, 54px);
}

.concept-five .tree-case {
  background: #071013;
  color: #f4f7f4;
}

.concept-five .case-code {
  margin: 0;
  color: var(--heat);
  font: 850 0.75rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.concept-five .tree-case h3,
.concept-five .use-card h3 {
  margin: 28px 0 24px;
  font-size: clamp(2rem, 4.3vw, 5.2rem);
  line-height: 0.9;
  letter-spacing: -0.055em;
  text-transform: uppercase;
}

.concept-five .tree-case__lead {
  max-width: 790px;
  margin: 0;
  color: #c6d0ce;
  font-size: clamp(1.05rem, 1.7vw, 1.3rem);
  line-height: 1.55;
}

.concept-five .tree-case__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 38px 0 18px;
}

.concept-five .tree-case__stats p {
  display: grid;
  align-content: space-between;
  min-height: 175px;
  gap: 28px;
  margin: 0;
  padding: 24px;
  background: #0d1c20;
}

.concept-five .tree-case__stats strong {
  color: var(--heat);
  font-size: clamp(3rem, 6vw, 6rem);
  line-height: 0.8;
  letter-spacing: -0.06em;
}

.concept-five .tree-case__stats span {
  max-width: 270px;
  color: #aebcbb;
  font-size: 0.92rem;
  line-height: 1.45;
}

.concept-five .encounter-plot {
  margin: 0;
  padding: clamp(20px, 3vw, 32px);
  background: #0d1c20;
}

.concept-five .encounter-plot__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 12px;
}

.concept-five .encounter-plot__heading p,
.concept-five .encounter-plot__heading span,
.concept-five .encounter-plot figcaption {
  margin: 0;
  font: 800 0.72rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.concept-five .encounter-plot__heading p {
  color: #f4f7f4;
}

.concept-five .encounter-plot__heading span,
.concept-five .encounter-plot figcaption {
  color: #8da0a1;
}

.concept-five .encounter-plot svg {
  display: block;
  width: 100%;
  height: auto;
}

.concept-five .plot-grid line {
  stroke: rgba(255, 255, 255, 0.13);
  stroke-width: 1;
}

.concept-five .plot-guides line {
  stroke: var(--cyan);
  stroke-dasharray: 7 7;
  stroke-width: 2;
}

.concept-five .plot-curve {
  fill: none;
  stroke: var(--heat);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 7;
}

.concept-five .plot-points circle {
  fill: #071013;
  stroke: var(--heat);
  stroke-width: 5;
}

.concept-five .plot-labels text {
  fill: #8da0a1;
  font: 800 16px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.concept-five .plot-labels .plot-callout {
  fill: var(--heat);
  font-size: 20px;
  paint-order: stroke fill;
  stroke: #0d1c20;
  stroke-linejoin: round;
  stroke-width: 8px;
}

.concept-five .plot-labels .plot-axis-title {
  fill: #c6d0ce;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.concept-five .encounter-plot figcaption {
  max-width: 660px;
  margin-top: 10px;
  text-transform: none;
}

.concept-five .survey-case__uses {
  display: grid;
  align-content: start;
  gap: 18px;
}

.concept-five .use-card {
  display: grid;
  align-content: space-between;
  min-height: 310px;
  background: #071013;
  color: #f4f7f4;
}

.concept-five .use-card--building {
  background: var(--cyan);
  color: #071013;
}

.concept-five .use-card--building .case-code {
  color: #174952;
}

.concept-five .use-card h3 {
  font-size: clamp(1.9rem, 3.3vw, 3.8rem);
}

.concept-five .use-card > p:last-of-type {
  margin: 0;
  color: #afbcbb;
  font-size: 1rem;
  line-height: 1.58;
}

.concept-five .use-card--building > p:last-of-type {
  color: #173a41;
}

.concept-five .use-card--discovery {
  align-content: start;
  box-shadow: inset 0 6px 0 var(--heat);
}

.concept-five .use-card__media {
  position: relative;
  overflow: hidden;
  margin: 28px 0 0;
  aspect-ratio: 600 / 378;
  background: #17272a;
}

.concept-five .use-card__media::after {
  position: absolute;
  border: 1px solid rgba(244, 247, 244, 0.22);
  content: "";
  inset: 0;
  pointer-events: none;
}

.concept-five .use-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.concept-five .use-card__media figcaption {
  position: absolute;
  right: 10px;
  bottom: 10px;
  margin: 0;
  padding: 7px 9px;
  background: rgba(7, 16, 19, 0.8);
  color: var(--heat);
  font: 800 0.66rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.concept-five .use-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 30px;
}

.concept-five .use-card__tags span {
  padding: 9px 11px;
  background: #17272a;
  color: #c7d2d0;
  font: 800 0.7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.concept-five .survey-case__source {
  margin-top: 30px;
  color: #6a5561;
  font-size: 0.9rem;
  line-height: 1.55;
}

.concept-five .survey-case__source a {
  color: #071013;
}

.concept-five .survey-case__subsection {
  margin:
    clamp(80px, 11vw, 150px)
    calc(-1 * clamp(18px, 5vw, 76px))
    calc(-1 * clamp(80px, 11vw, 150px));

  padding:
    clamp(80px, 11vw, 150px)
    clamp(18px, 5vw, 76px);

  background: #cbd6d2;
}

.concept-five .video-section-five,
.concept-five .guide-section,
.concept-five .purchase-section-five {
  padding: clamp(80px, 11vw, 150px) clamp(18px, 5vw, 76px);
}

.concept-five .video-section-five {
  background: #030708;
}

.concept-five .video-section-five__header,
.concept-five .guide-section__header,
.concept-five .purchase-section-five__header,
.concept-five .video-section-five__frame,
.concept-five .video-section-five > .field-link,
.concept-five .guide-grid,
.concept-five .purchase-grid,
.concept-five .purchase-checkout,
.concept-five .purchase-notes {
  width: min(1320px, 100%);
  margin-inline: auto;
}

.concept-five .video-section-five__header,
.concept-five .guide-section__header,
.concept-five .purchase-section-five__header {
  display: grid;
  grid-template-columns: 0.55fr 1.45fr;
  gap: 32px;
  margin-bottom: clamp(48px, 7vw, 76px);
}

.concept-five .video-section-five__header > div > p {
  max-width: 620px;
  margin: 26px 0 0;
  color: var(--dim);
  font-size: 1.05rem;
  line-height: 1.6;
}

.concept-five .video-section-five__frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #0d1c20;
  box-shadow: inset 0 6px 0 var(--cyan);
}

.concept-five .video-section-five__frame iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  inset: 0;
}

.concept-five .video-section-five__poster {
  position: absolute;
  display: block;
  overflow: hidden;
  color: #f4f7f4;
  cursor: pointer;
  inset: 0;
  text-decoration: none;
}

.concept-five .video-section-five__images {
  display: grid;
  height: 100%;
  grid-template-columns: 1fr;
}

.concept-five .video-section-five__images img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  object-fit: cover;
  transition: filter 260ms ease, transform 500ms ease;
}

.concept-five .video-section-five__poster::after {
  position: absolute;
  z-index: 1;
  background: linear-gradient(90deg, rgba(3, 7, 8, 0.82) 0%, rgba(3, 7, 8, 0.22) 58%, rgba(3, 7, 8, 0.48) 100%);
  content: "";
  inset: 0;
  transition: background 260ms ease;
}

.concept-five .video-section-five__poster-copy {
  position: absolute;
  z-index: 2;
  bottom: clamp(22px, 4vw, 54px);
  left: clamp(22px, 4vw, 54px);
  display: grid;
  gap: 12px;
}

.concept-five .video-section-five__poster-copy > span {
  color: var(--cyan);
  font: 850 0.72rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
}

.concept-five .video-section-five__poster-copy strong {
  font-size: clamp(2rem, 5vw, 5.8rem);
  line-height: 0.88;
  letter-spacing: -0.055em;
  text-transform: uppercase;
}

.concept-five .video-section-five__play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: clamp(70px, 9vw, 118px);
  aspect-ratio: 1;
  border: 2px solid rgba(244, 247, 244, 0.85);
  border-radius: 50%;
  background: rgba(3, 7, 8, 0.6);
  color: var(--heat);
  font-size: clamp(1.2rem, 2vw, 2rem);
  place-items: center;
  transform: translate(-50%, -50%);
  transition: background 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease;
}

.concept-five .video-section-five__poster:hover .video-section-five__images img,
.concept-five .video-section-five__poster:focus-visible .video-section-five__images img {
  filter: brightness(1.08);
  transform: scale(1.015);
}

.concept-five .video-section-five__poster:hover .video-section-five__play,
.concept-five .video-section-five__poster:focus-visible .video-section-five__play {
  border-color: var(--heat);
  background: var(--heat);
  color: #071013;
  transform: translate(-50%, -50%) scale(1.06);
}

.concept-five .video-section-five__poster:focus-visible {
  outline: 3px solid var(--cyan);
  outline-offset: -8px;
}

.concept-five .video-section-five > .field-link {
  display: block;
  margin-top: 24px;
  color: var(--cyan);
  font: 850 0.78rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-align: right;
  text-transform: uppercase;
}

.concept-five .guide-section {
  background: #071013;
}

.concept-five .guide-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.concept-five .guide-grid > a {
  display: grid;
  min-height: 390px;
  align-content: start;
  padding: clamp(28px, 4vw, 50px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: #0b181c;
  color: #f4f7f4;
  text-decoration: none;
  transition: border-color 180ms ease, transform 180ms ease;
}

.concept-five .guide-grid > a:first-child {
  box-shadow: inset 0 6px 0 var(--lynx);
}

.concept-five .guide-grid > a:last-child {
  box-shadow: inset 0 6px 0 var(--cyan);
}

.concept-five .guide-grid > a:hover {
  border-color: rgba(255, 255, 255, 0.55);
  transform: translateY(-4px);
}

.concept-five .guide-grid span,
.concept-five .guide-grid strong {
  font: 850 0.75rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.concept-five .guide-grid span {
  color: var(--dim);
}

.concept-five .guide-grid h3 {
  margin: 65px 0 22px;
  font-size: clamp(2.2rem, 4.6vw, 5.4rem);
  line-height: 0.9;
  letter-spacing: -0.055em;
  text-transform: uppercase;
}

.concept-five .guide-grid p {
  max-width: 520px;
  margin: 0;
  color: #aebcbb;
  font-size: 1rem;
  line-height: 1.6;
}

.concept-five .guide-grid strong {
  align-self: end;
  margin-top: 50px;
  color: #f4f7f4;
}

.concept-five .purchase-section-five {
  background: #dfe6e2;
  color: #071013;
}

.concept-five .purchase-section-five__header .field-code {
  color: #556466;
}

.concept-five .purchase-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.concept-five .purchase-grid article {
  display: grid;
  min-height: 390px;
  align-content: start;
  padding: clamp(26px, 3vw, 42px);
  background: #f0f3f0;
  box-shadow: inset 0 6px 0 var(--camera-accent);
}

.concept-five .purchase-grid p {
  margin: 0;
  color: #5e6b6d;
  font: 800 0.7rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.concept-five .purchase-grid h3 {
  margin: 48px 0 22px;
  font-size: clamp(1.8rem, 2.8vw, 3rem);
  line-height: 0.92;
  letter-spacing: -0.045em;
  text-transform: uppercase;
}

.concept-five .purchase-grid strong {
  color: var(--camera-accent);
  font-size: clamp(2.4rem, 4vw, 4.6rem);
  line-height: 1;
  letter-spacing: -0.055em;
}

.concept-five .purchase-grid > article:first-child strong,
.concept-five .purchase-grid > article:nth-child(2) strong {
  color: #214e56;
}

.concept-five .purchase-grid article > span {
  margin-top: 20px;
  color: #536163;
  font-size: 0.96rem;
  line-height: 1.5;
}

.concept-five .purchase-grid a {
  align-self: end;
  justify-self: start;
  margin-top: 44px;
  padding-bottom: 5px;
  border-bottom: 2px solid var(--camera-accent);
  color: #071013;
  font: 850 0.72rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.07em;
  text-decoration: none;
  text-transform: uppercase;
}

.concept-five .purchase-checkout {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  align-items: center;
  gap: 50px;
  margin-top: 18px;
  padding: clamp(30px, 5vw, 64px);
  background: #071013;
  color: #f4f7f4;
}

.concept-five .purchase-checkout h3 {
  max-width: 650px;
  margin: 26px 0 18px;
  font-size: clamp(2rem, 4vw, 4.5rem);
  line-height: 0.92;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}

.concept-five .purchase-checkout > div > p:last-child {
  max-width: 650px;
  margin: 0;
  color: #aebcbb;
  font-size: 1rem;
  line-height: 1.6;
}

.concept-five .purchase-checkout__button {
  display: grid;
  min-height: 180px;
  place-items: center;
  padding: 24px;
  background: #f4f7f4;
}

.concept-five .purchase-notes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 18px;
  background: #a5b1ae;
}

.concept-five .purchase-notes p {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 150px;
  margin: 0;
  padding: 24px;
  background: #dfe6e2;
}

.concept-five .purchase-notes strong {
  font: 850 0.72rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.concept-five .purchase-notes span {
  color: #536163;
  font-size: 0.92rem;
  line-height: 1.5;
}

.concept-five .field-contact--form {
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  align-items: start;
}

.concept-five .field-contact__intro > p:nth-of-type(2) {
  max-width: 570px;
  margin: 30px 0 0;
  color: #3d2331;
  font-size: 1rem;
  line-height: 1.6;
}

.concept-five .field-contact__intro > a {
  display: inline-block;
  margin-top: 30px;
  padding-bottom: 6px;
  border-bottom: 2px solid #071013;
  color: #071013;
  font: 850 0.76rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.07em;
  text-decoration: none;
  text-transform: uppercase;
}

.concept-five .field-form {
  position: relative;
  display: grid;
  gap: 18px;
  padding: clamp(26px, 4vw, 48px);
  background: #071013;
  color: #f4f7f4;
}

.concept-five .field-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.concept-five .field-form label {
  display: grid;
  gap: 9px;
}

.concept-five .field-form label > span {
  color: #aebcbb;
  font: 800 0.72rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.concept-five .field-form input,
.concept-five .field-form textarea {
  width: 100%;
  border: 1px solid #405054;
  border-radius: 0;
  background: #0d1c20;
  color: #f4f7f4;
  font: inherit;
}

.concept-five .field-form input {
  min-height: 52px;
  padding: 12px 14px;
}

.concept-five .field-form textarea {
  min-height: 150px;
  padding: 14px;
  resize: vertical;
}

.concept-five .field-form input:focus,
.concept-five .field-form textarea:focus {
  border-color: var(--cyan);
  outline: 2px solid rgba(88, 190, 210, 0.3);
  outline-offset: 2px;
}

.concept-five .field-form__honeypot {
  position: absolute;
  width: 1px !important;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.concept-five .field-form__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.concept-five .field-form__footer p {
  max-width: 300px;
  margin: 0;
  color: #839596;
  font-size: 0.82rem;
  line-height: 1.45;
}

.concept-five .field-form button {
  min-height: 52px;
  padding: 14px 18px;
  border: 0;
  background: var(--cyan);
  color: #071013;
  cursor: pointer;
  font: 850 0.74rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.concept-five .field-form button:hover {
  background: #f4f7f4;
}

.guide-page-five .field-guide {
  background: #dfe6e2;
  color: #071013;
}

.guide-page-five .guide-page-hero {
  position: relative;
  display: grid;
  min-height: 560px;
  grid-template-columns: minmax(0, 1.25fr) minmax(310px, 0.75fr);
  align-items: end;
  gap: clamp(38px, 8vw, 130px);
  overflow: hidden;
  padding: clamp(72px, 9vw, 130px) clamp(18px, 5vw, 76px);
  background: #071013;
  color: #f4f7f4;
}

.guide-page-five .guide-page-hero::after {
  position: absolute;
  top: -160px;
  right: -120px;
  width: clamp(420px, 48vw, 720px);
  height: clamp(420px, 48vw, 720px);
  background: var(--heat);
  content: "";
  opacity: 0.17;
  pointer-events: none;
  -webkit-mask: url("../images/reflex-circle.svg") center / contain no-repeat;
  mask: url("../images/reflex-circle.svg") center / contain no-repeat;
}

.guide-page-five .guide-page-hero--kit::after {
  background: var(--cyan);
}

.guide-page-five .guide-page-hero > * {
  position: relative;
  z-index: 1;
}

.guide-page-five .guide-page-hero > .field-code {
  position: absolute;
  top: clamp(48px, 7vw, 88px);
  left: clamp(18px, 5vw, 76px);
}

.guide-page-five .guide-page-hero h1 {
  margin: 0;
  font-size: clamp(4rem, 10vw, 11rem);
  line-height: 0.76;
  letter-spacing: -0.075em;
  text-transform: uppercase;
}

.guide-page-five .guide-page-hero > div {
  padding-bottom: 8px;
}

.guide-page-five .guide-page-hero > div p {
  max-width: 530px;
  margin: 0;
  color: #b6c2c1;
  font-size: clamp(1.05rem, 1.7vw, 1.3rem);
  line-height: 1.6;
}

.guide-page-five .guide-page-hero > div a {
  display: inline-block;
  margin-top: 28px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--cyan);
  color: #f4f7f4;
  font: 850 0.75rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.guide-page-five .guide-layout {
  display: grid;
  width: min(1500px, 100%);
  grid-template-columns: 270px minmax(0, 1fr);
  gap: clamp(42px, 7vw, 110px);
  margin: 0 auto;
  padding: clamp(70px, 9vw, 125px) clamp(18px, 5vw, 76px);
}

.guide-page-five .guide-toc {
  align-self: start;
  position: sticky;
  top: 28px;
  padding: 24px;
  background: #071013;
  color: #f4f7f4;
}

.guide-page-five .guide-toc > p {
  margin: 0 0 22px;
  color: var(--dim);
  font: 800 0.72rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.guide-page-five .guide-toc nav {
  display: grid;
}

.guide-page-five .guide-toc a {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 8px;
  padding: 13px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  color: #dfe6e2;
  font-size: 0.9rem;
  line-height: 1.35;
  text-decoration: none;
}

.guide-page-five .guide-toc a:hover {
  color: var(--cyan);
}

.guide-page-five .guide-toc a span {
  color: var(--heat);
  font: 800 0.7rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.guide-page-five .guide-article {
  min-width: 0;
}

.guide-page-five .guide-chapter {
  padding: 0 0 clamp(76px, 10vw, 130px);
  scroll-margin-top: 30px;
}

.guide-page-five .guide-chapter + .guide-chapter {
  padding-top: clamp(76px, 10vw, 130px);
  border-top: 1px solid #9eaaa7;
}

.guide-page-five .guide-chapter > header {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 22px;
  margin-bottom: 46px;
}

.guide-page-five .guide-chapter > header > span {
  color: var(--heat);
  font: 850 0.8rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
}

.guide-page-five .guide-chapter > header p {
  margin: 0 0 10px;
  color: #5a696a;
  font: 800 0.72rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.guide-page-five .guide-chapter h2,
.guide-page-five .guide-contact-strip h2 {
  margin: 0;
  font-size: clamp(2.6rem, 6vw, 6.8rem);
  line-height: 0.86;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}

.guide-page-five .guide-chapter > p,
.guide-page-five .guide-notice p,
.guide-page-five .guide-card-grid p,
.guide-page-five .kit-options p,
.guide-page-five .guide-chapter details p {
  font-size: 1rem;
  line-height: 1.65;
}

.guide-page-five .guide-chapter > p {
  max-width: 820px;
  color: #445254;
}

.guide-page-five .guide-chapter a {
  color: inherit;
}

.guide-page-five .guide-steps {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 0;
  background: #9ba7a4;
  list-style: none;
}

.guide-page-five .guide-steps li {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 18px;
  padding: 23px;
  background: #edf1ee;
}

.guide-page-five .guide-steps li > span {
  color: var(--heat);
  font: 850 0.75rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.guide-page-five .guide-steps p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.guide-page-five code {
  padding: 0.15em 0.35em;
  background: #cbd4d0;
  color: #071013;
  font-size: 0.9em;
}

.guide-page-five .guide-notice {
  display: grid;
  grid-template-columns: minmax(150px, 0.3fr) minmax(0, 1.7fr);
  gap: 30px;
  margin-top: 24px;
  padding: 26px;
  background: #c8e7ec;
}

.guide-page-five .guide-notice--warning {
  background: #efdce6;
}

.guide-page-five .guide-notice strong {
  font: 850 0.75rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.guide-page-five .guide-notice p {
  margin: 0;
  color: #354647;
}

.guide-page-five .guide-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.guide-page-five .guide-card-grid article {
  padding: 25px;
  background: #edf1ee;
}

.guide-page-five .guide-card-grid h3,
.guide-page-five .kit-options h3 {
  margin: 0 0 16px;
  font-size: 1.25rem;
  line-height: 1.1;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

.guide-page-five .guide-card-grid p,
.guide-page-five .kit-options p {
  margin: 0;
  color: #526061;
}

.guide-page-five .guide-media {
  margin: 30px 0;
  background: #071013;
  color: #f4f7f4;
}

.guide-page-five .guide-media__frame {
  display: grid;
  min-height: 0;
  padding: clamp(12px, 2vw, 24px);
  place-items: center;
  background: #dfe6e2;
}

.guide-page-five .guide-media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 680px;
  object-fit: contain;
}

.guide-page-five .guide-media--portrait .guide-media__frame {
  min-height: 520px;
}

.guide-page-five .guide-media--portrait img {
  width: auto;
  max-width: 100%;
  max-height: 610px;
}

.guide-page-five .guide-media--screen .guide-media__frame {
  background: #1b2527;
}

.guide-page-five .guide-media--diagram .guide-media__frame {
  background: #e7ece9;
}

.guide-page-five .guide-media figcaption {
  display: grid;
  grid-template-columns: minmax(120px, 0.32fr) minmax(0, 1fr);
  gap: 24px;
  padding: 18px 22px;
  font-size: 0.94rem;
  line-height: 1.5;
}

.guide-page-five .guide-media figcaption span {
  color: var(--heat);
  font: 850 0.7rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.guide-page-five .guide-photo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 30px 0;
}

.guide-page-five .guide-photo-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.guide-page-five .guide-photo-grid .guide-media {
  display: grid;
  grid-template-rows: 1fr auto;
  margin: 0;
}

.guide-page-five .guide-photo-grid--three .guide-media__frame {
  min-height: 320px;
}

.guide-page-five .guide-photo-grid--three .guide-media img {
  max-height: 290px;
}

.guide-page-five .guide-photo-grid .guide-media figcaption {
  grid-template-columns: 1fr;
  gap: 8px;
}

.guide-page-five .guide-callout {
  display: grid;
  grid-template-columns: minmax(140px, 0.45fr) minmax(0, 1.55fr);
  gap: 1px;
  margin-bottom: 30px;
  background: #637071;
}

.guide-page-five .guide-callout p,
.guide-page-five .guide-callout strong {
  margin: 0;
  padding: 18px 20px;
  background: #071013;
}

.guide-page-five .guide-callout p {
  color: var(--dim);
  font: 800 0.72rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.guide-page-five .guide-callout strong {
  color: #f4f7f4;
  font: 800 0.95rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  overflow-wrap: anywhere;
}

.guide-page-five .guide-table-wrap {
  width: 100%;
  margin: 30px 0;
  overflow-x: auto;
  outline-offset: 5px;
}

.guide-page-five .guide-table-wrap:focus-visible {
  outline: 2px solid #071013;
}

.guide-page-five .guide-table-wrap table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  background: #edf1ee;
}

.guide-page-five .guide-table-wrap th,
.guide-page-five .guide-table-wrap td {
  padding: 17px 18px;
  border-bottom: 1px solid #b5c0bc;
  text-align: left;
  vertical-align: top;
}

.guide-page-five .guide-table-wrap thead th {
  background: #071013;
  color: #f4f7f4;
  font: 800 0.72rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.guide-page-five .guide-table-wrap tbody th,
.guide-page-five .guide-table-wrap tbody td {
  font-size: 0.95rem;
  line-height: 1.5;
}

.guide-page-five .guide-definitions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 30px 0;
  background: #a4afac;
}

.guide-page-five .guide-definitions div {
  padding: 25px;
  background: #edf1ee;
}

.guide-page-five .guide-definitions dt {
  font-size: 1.05rem;
  font-weight: 850;
  text-transform: uppercase;
}

.guide-page-five .guide-definitions dd {
  margin: 12px 0 0;
  color: #526061;
  font-size: 1rem;
  line-height: 1.6;
}

.guide-page-five .guide-checklist {
  display: grid;
  gap: 1px;
  margin: 28px 0;
  padding: 0;
  background: #a4afac;
  list-style: none;
}

.guide-page-five .guide-checklist li {
  position: relative;
  padding: 18px 22px 18px 56px;
  background: #edf1ee;
  font-size: 1rem;
  line-height: 1.5;
}

.guide-page-five .guide-checklist li::before {
  position: absolute;
  top: 18px;
  left: 22px;
  color: var(--cyan);
  content: "✓";
  font-weight: 900;
}

.guide-page-five .guide-chapter details {
  border-top: 1px solid #a5b0ad;
}

.guide-page-five .guide-chapter details:last-of-type {
  border-bottom: 1px solid #a5b0ad;
}

.guide-page-five .guide-chapter summary {
  padding: 22px 40px 22px 0;
  cursor: pointer;
  font-size: 1.05rem;
  font-weight: 800;
}

.guide-page-five .guide-chapter details p {
  max-width: 800px;
  margin: 0;
  padding: 0 0 24px;
  color: #526061;
}

.guide-page-five .kit-options {
  display: grid;
  gap: 12px;
}

.guide-page-five .kit-options article {
  display: grid;
  grid-template-columns: 0.35fr 0.65fr 1fr auto;
  align-items: start;
  gap: 24px;
  padding: 26px;
  background: #edf1ee;
}

.guide-page-five .kit-options article > span {
  color: #667476;
  font: 800 0.7rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.guide-page-five .kit-options h3 {
  margin: 0;
}

.guide-page-five .kit-options article > a {
  padding-bottom: 4px;
  border-bottom: 2px solid var(--cyan);
  font: 800 0.7rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.06em;
  white-space: nowrap;
  text-decoration: none;
  text-transform: uppercase;
}

.guide-page-five .guide-smallprint {
  font-size: 0.9rem !important;
}

.guide-page-five .guide-contact-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 36px;
  padding: clamp(32px, 5vw, 60px);
  background: var(--heat);
  color: #071013;
}

.guide-page-five .guide-contact-strip .field-code {
  color: #6b2f4f;
}

.guide-page-five .guide-contact-strip h2 {
  margin-top: 18px;
  font-size: clamp(2.5rem, 5vw, 5.8rem);
}

.guide-page-five .guide-contact-strip > a {
  padding-bottom: 6px;
  border-bottom: 2px solid #071013;
  color: #071013;
  font: 850 0.74rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  white-space: nowrap;
  text-decoration: none;
  text-transform: uppercase;
}

@media (max-width: 1040px) {
  .concept-five .survey-case__grid {
    grid-template-columns: 1fr;
  }

  .concept-five .survey-case__subsection .survey-case__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .concept-five .survey-case__subsection .survey-case__uses {
    grid-template-columns: 1fr;
  }

  .concept-five .spectrum-stage--lineup .spectrum-card {
    grid-template-rows: 390px 180px;
  }

  .concept-five .survey-case__uses {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .concept-five .use-card {
    min-height: 360px;
  }

  .concept-five .purchase-notes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .concept-five .field-contact--form {
    grid-template-columns: 1fr;
  }

  .guide-page-five .guide-layout {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 42px;
  }

  .guide-page-five .guide-card-grid {
    grid-template-columns: 1fr;
  }

  .guide-page-five .kit-options article {
    grid-template-columns: 0.4fr 0.6fr;
  }

  .guide-page-five .kit-options article > p,
  .guide-page-five .kit-options article > a {
    grid-column: 2;
  }
}

@media (max-width: 820px) {
  .concept-five .spectrum-stage--lineup {
    grid-template-columns: 1fr;
  }

  .concept-five .survey-case__header,
  .concept-five .video-section-five__header,
  .concept-five .guide-section__header,
  .concept-five .purchase-section-five__header {
    grid-template-columns: 1fr;
  }

  .concept-five .spectrum-stage--lineup .spectrum-card {
    grid-template-columns: minmax(260px, 1.2fr) minmax(220px, 0.8fr);
    grid-template-rows: 360px;
  }

  .concept-five .survey-case__uses,
  .concept-five .purchase-grid {
    grid-template-columns: 1fr;
  }

  .concept-five .survey-case__subsection .survey-case__grid {
    grid-template-columns: 1fr;
  }

  .concept-five .use-card,
  .concept-five .purchase-grid article {
    min-height: 0;
  }

  .concept-five .guide-grid,
  .concept-five .purchase-checkout {
    grid-template-columns: 1fr;
  }

  .guide-page-five .guide-page-hero,
  .guide-page-five .guide-layout {
    grid-template-columns: 1fr;
  }

  .guide-page-five .guide-page-hero {
    min-height: 630px;
  }

  .guide-page-five .guide-toc {
    position: static;
  }

  .guide-page-five .guide-toc nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
  }

  .guide-page-five .guide-definitions {
    grid-template-columns: 1fr;
  }

  .guide-page-five .guide-photo-grid--three {
    grid-template-columns: 1fr;
  }

  .guide-page-five .guide-photo-grid--three .guide-media__frame {
    min-height: 0;
  }
}

@media (max-width: 680px) {
  .concept-five .field-hero--lineup::after {
    top: -80px;
    right: -150px;
    width: 400px;
    height: 400px;
    opacity: 0.18;
  }

  .concept-five .spectrum-stage--lineup .spectrum-card {
    grid-template-columns: 1fr;
    grid-template-rows: 340px 170px;
  }

  .concept-five .tree-case__stats,
  .concept-five .field-form__row,
  .concept-five .purchase-notes {
    grid-template-columns: 1fr;
  }

  .concept-five .tree-case__stats p,
  .concept-five .purchase-notes p {
    min-height: 0;
  }

  .concept-five .encounter-plot {
    margin-inline: -12px;
    padding: 18px 12px;
  }

  .concept-five .encounter-plot__heading,
  .concept-five .field-form__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .concept-five .guide-grid > a {
    min-height: 350px;
  }

  .concept-five .video-section-five__poster-copy strong {
    max-width: 70%;
  }

  .guide-page-five .guide-page-hero {
    min-height: 560px;
  }

  .guide-page-five .guide-page-hero h1 {
    font-size: clamp(3.7rem, 22vw, 6.4rem);
  }

  .guide-page-five .guide-toc nav,
  .guide-page-five .guide-notice,
  .guide-page-five .guide-callout,
  .guide-page-five .guide-contact-strip,
  .guide-page-five .guide-photo-grid,
  .guide-page-five .guide-media figcaption {
    grid-template-columns: 1fr;
  }

  .guide-page-five .guide-media--portrait .guide-media__frame {
    min-height: 0;
  }

  .guide-page-five .guide-chapter > header {
    grid-template-columns: 42px 1fr;
  }

  .guide-page-five .guide-steps li {
    grid-template-columns: 38px 1fr;
  }

  .guide-page-five .kit-options article {
    grid-template-columns: 1fr;
  }

  .guide-page-five .kit-options article > p,
  .guide-page-five .kit-options article > a {
    grid-column: auto;
  }
}

/* Concept 6 guide navigation mirrors the main Concept 6 header. */
html.concept-six-document {
  scroll-behavior: auto;
  scroll-padding-top: var(--field-header-offset, 130px);
}

@media (min-width: 681px) and (max-width: 1150px) {
  .concept-six .field-header { grid-template-columns: auto 1fr; }
  .concept-six .field-header__descriptor { display: none; }
  .concept-six .field-nav { flex-wrap: wrap; }
}

.concept-six .field-nav {
  align-items: center;
  gap: clamp(10px, 1.8vw, 24px);
}

.concept-six .field-nav__menu {
  position: relative;
}

.concept-six .field-nav__menu summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--text);
  cursor: pointer;
  font: 700 0.68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  list-style: none;
  text-transform: uppercase;
}

.concept-six .field-nav__menu summary::-webkit-details-marker {
  display: none;
}

.concept-six .field-nav__menu summary::after {
  content: "→";
  font-size: 0.8rem;
  transition: transform 180ms ease;
}

.concept-six .field-nav__menu[open] summary::after {
  transform: rotate(90deg);
}

.concept-six .field-nav__panel {
  position: absolute;
  z-index: 70;
  top: calc(100% + 22px);
  right: -18px;
  display: grid;
  min-width: 260px;
  padding: 10px;
  border: 1px solid rgba(203, 226, 231, 0.25);
  background: rgba(7, 16, 19, 0.98);
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.38);
}

.concept-six .field-nav__panel a {
  display: block;
  padding: 12px 13px;
  color: var(--text);
  font-size: 0.64rem;
  line-height: 1.35;
  letter-spacing: 0.07em;
}

.concept-six .field-nav__panel a:hover,
.concept-six .field-nav__panel a:focus-visible {
  background: rgba(240, 90, 166, 0.12);
  color: var(--acid);
}

.concept-six .field-nav__buy {
  padding: 10px 13px;
  border: 1px solid var(--acid);
  color: var(--acid);
}

.concept-six .field-nav__buy:hover,
.concept-six .field-nav__buy:focus-visible {
  background: rgba(240, 90, 166, 0.12);
}

.concept-six .field-nav__analysis {
  margin-left: 2px;
  padding-left: clamp(12px, 1.5vw, 22px);
  border-left: 1px solid rgba(203, 226, 231, 0.28);
  color: var(--dim);
  font-size: 0.62rem;
  white-space: nowrap;
}

.concept-six .field-nav__analysis:hover,
.concept-six .field-nav__analysis:focus-visible {
  color: var(--acid);
}

.concept-six .field-footer__links {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
}

/* Full source guides: retain the original copy while using the Concept 6 visual system. */
.source-guide-page .guide-toc__related {
  display: block;
  margin-top: 18px;
  padding: 15px 0 0;
  border-top: 2px solid var(--cyan);
  color: var(--cyan);
  font: 850 0.7rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.07em;
  text-decoration: none;
  text-transform: uppercase;
}

.source-guide-page .source-guide {
  color: #334244;
}

.source-guide-page .source-guide > h1,
.source-guide-page .source-guide > h2,
.source-guide-page .source-guide > h3,
.source-guide-page .source-guide > h4,
.source-guide-page .source-guide > h5 {
  color: #071013;
  overflow-wrap: anywhere;
  scroll-margin-top: 28px;
}

.source-guide-page .source-guide > h1 {
  margin: clamp(76px, 10vw, 130px) 0 42px;
  padding-top: clamp(76px, 10vw, 130px);
  border-top: 1px solid #9eaaa7;
  font-size: clamp(3rem, 7vw, 7.4rem);
  line-height: 0.88;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}

.source-guide-page .source-guide > h1:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.source-guide-page .source-guide > h2 {
  margin: clamp(62px, 8vw, 100px) 0 28px;
  padding-top: clamp(62px, 8vw, 100px);
  border-top: 1px solid #aab5b1;
  font-size: clamp(2.25rem, 5vw, 5.3rem);
  line-height: 0.92;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}

.source-guide-page .source-guide > h1 + h2 {
  margin-top: 34px;
  padding-top: 0;
  border-top: 0;
}

.source-guide-page .source-guide > h3 {
  margin: 54px 0 20px;
  font-size: clamp(1.55rem, 2.7vw, 2.65rem);
  line-height: 1.05;
  letter-spacing: -0.035em;
  text-transform: uppercase;
}

.source-guide-page .source-guide > h4 {
  margin: 40px 0 16px;
  font-size: clamp(1.2rem, 2vw, 1.75rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.source-guide-page .source-guide > h5 {
  margin: 32px 0 14px;
  color: #435254;
  font: 850 0.76rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.source-guide-page .source-guide > p,
.source-guide-page .source-guide > ul,
.source-guide-page .source-guide > ol {
  max-width: 880px;
  font-size: 1rem;
  line-height: 1.72;
}

.source-guide-page .source-guide > p {
  margin: 0 0 18px;
}

.source-guide-page .source-guide > ul,
.source-guide-page .source-guide > ol {
  margin: 18px 0 28px;
  padding-left: 1.55rem;
}

.source-guide-page .source-guide li {
  margin: 8px 0;
  padding-left: 0.25rem;
}

.source-guide-page .source-guide li::marker {
  color: #ac145f;
  font-weight: 850;
}

.source-guide-page .source-guide a {
  color: #071013;
  text-decoration-color: #00a7b5;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.18em;
}

.source-guide-page .source-guide a:hover,
.source-guide-page .source-guide a:focus-visible {
  color: #86134d;
}

.source-guide-page .source-guide code {
  overflow-wrap: anywhere;
}

.source-guide-page .source-guide > p:has(> img:only-child) {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 30px 0;
  padding: clamp(12px, 2vw, 24px);
  background: #152426;
}

.source-guide-page .source-guide > p > img:only-child {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 760px;
  margin: 0 auto;
  object-fit: contain;
}

.source-guide-page .source-guide > table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 30px 0 42px;
  overflow-x: auto;
  border-collapse: collapse;
  background: #edf1ee;
  white-space: normal;
}

.source-guide-page .source-guide > table th,
.source-guide-page .source-guide > table td {
  min-width: 120px;
  padding: 16px 17px;
  border-bottom: 1px solid #b5c0bc;
  font-size: 0.93rem;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
}

.source-guide-page .source-guide > table th {
  background: #071013;
  color: #f4f7f4;
  font: 800 0.7rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.source-guide-page .source-guide > table td a {
  white-space: nowrap;
}

.source-guide-page .source-guide > div[style*="page-break-after"] {
  height: 1px;
  margin: 56px 0;
  background: #aab5b1;
}

.source-guide-page .source-guide > .guide-contact-strip {
  margin-top: clamp(76px, 10vw, 130px);
}

@media (max-width: 820px) {
  .source-guide-page .source-guide > table th,
  .source-guide-page .source-guide > table td {
    min-width: 150px;
  }
}

@media (max-width: 680px) {
  .concept-six .field-nav {
    display: grid;
    grid-template-columns: 1.35fr 1fr .85fr .6fr;
    gap: 6px;
  }

  .concept-six .field-nav__menu summary,
  .concept-six .field-nav__analysis,
  .concept-six .field-nav__buy {
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding: 11px 4px;
    font-size: 0.56rem;
  }

  .concept-six .field-nav__analysis {
    grid-column: 1 / -1;
    margin: 2px 0 0;
    padding-top: 12px;
    border-top: 1px solid rgba(203, 226, 231, 0.2);
    border-left: 0;
    color: var(--dim);
  }

  .concept-six .field-nav__panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    min-width: 0;
  }

  .concept-six .field-nav { position: relative; }
  .concept-six .field-nav__menu { position: static; }
  html.concept-six-document { scroll-padding-top: 20px; }

  .concept-six .field-nav__panel a {
    padding: 14px 13px;
  }

  .concept-six .field-footer__links {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .source-guide-page .source-guide > h1 {
    font-size: clamp(2.85rem, 15vw, 4.8rem);
  }

  .source-guide-page .source-guide > h2 {
    font-size: clamp(2.2rem, 12vw, 3.7rem);
  }

  .source-guide-page .source-guide > p,
  .source-guide-page .source-guide > ul,
  .source-guide-page .source-guide > ol {
    font-size: 0.98rem;
  }
}

/* Structured user manual. */
.structured-guide-page .source-guide--structured {
  counter-reset: structured-chapter;
}

.structured-guide-page .structured-quick-guide {
  margin-bottom: clamp(76px, 10vw, 130px);
  scroll-margin-top: 28px;
}

.structured-guide-page .structured-quick-guide > h1,
.structured-guide-page .structured-faqs > h1 {
  margin: 0 0 40px;
  color: #071013;
  font-size: clamp(3rem, 7vw, 7.4rem);
  line-height: 0.88;
  letter-spacing: -0.06em;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list ul {
  margin: 16px 0 0;
  padding-left: 1.3rem;
}

.structured-guide-page .structured-numbered-list > li > .structured-numbered-list__content {
  min-width: 0;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list li li {
  display: list-item;
  margin: 7px 0;
  padding: 0 0 0 0.2rem;
  background: transparent;
}

.structured-guide-page .structured-part-heading {
  margin-bottom: 42px;
  padding-bottom: 38px;
}

.structured-guide-page .structured-chapter {
  counter-increment: structured-chapter;
  margin: 0 0 28px;
  padding: clamp(24px, 4vw, 48px);
  border-top: 6px solid #071013;
  background: #edf1ee;
  scroll-margin-top: 28px;
}

.structured-guide-page .structured-chapter > h2 {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin: 0 0 36px;
  color: #071013;
  font-size: clamp(2.15rem, 4.5vw, 4.6rem);
  line-height: 0.92;
  letter-spacing: -0.05em;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.structured-guide-page .structured-chapter > h2::before {
  content: counter(structured-chapter, decimal-leading-zero);
  padding-top: 0.35em;
  color: #ac145f;
  font: 850 0.76rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
}

.structured-guide-page .structured-subsection {
  margin-top: 12px;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid #c3ccc8;
  background: #dfe6e2;
}

.structured-guide-page .structured-subsection + .structured-subsection {
  margin-top: 14px;
}

.structured-guide-page .structured-subsection > h3 {
  margin: 0 0 22px;
  color: #071013;
  font-size: clamp(1.5rem, 2.7vw, 2.55rem);
  line-height: 1.05;
  letter-spacing: -0.035em;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.structured-guide-page .structured-subsection > h4 {
  margin: 32px 0 14px;
  color: #071013;
  font-size: clamp(1.15rem, 1.8vw, 1.55rem);
  line-height: 1.15;
  text-transform: uppercase;
}

.structured-guide-page .structured-subsection > h5 {
  margin: 28px 0 12px;
  color: #526061;
  font: 850 0.72rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.structured-guide-page .structured-chapter p,
.structured-guide-page .structured-chapter ul,
.structured-guide-page .structured-chapter ol,
.structured-guide-page .structured-faq p,
.structured-guide-page .structured-faq ul,
.structured-guide-page .structured-faq ol {
  font-size: 1rem;
  line-height: 1.68;
}

.structured-guide-page .structured-chapter p,
.structured-guide-page .structured-faq p {
  margin: 0 0 17px;
  color: #354647;
}

.structured-guide-page .structured-chapter ul,
.structured-guide-page .structured-chapter ol,
.structured-guide-page .structured-faq ul,
.structured-guide-page .structured-faq ol {
  margin: 17px 0 25px;
  padding-left: 1.5rem;
}

.structured-guide-page .structured-chapter a,
.structured-guide-page .structured-faq a {
  color: #071013;
  text-decoration-color: var(--cyan);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.18em;
}

.structured-guide-page .structured-setting-group {
  margin: 10px 0 0 !important;
  padding: 18px 20px;
  border-left: 4px solid var(--cyan);
  background: #cbe7ec;
}

.structured-guide-page .structured-setting-row {
  margin: 0 0 17px !important;
  padding: 0;
  background: transparent;
}

.structured-guide-page .structured-setting-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-bottom: 11px;
  color: #526061;
  font-weight: 750;
  line-height: 1.35;
}

.structured-guide-page .structured-setting-label code {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  margin: 0;
  padding: 0.28rem 0.55rem;
  background: #071013;
  color: #f4f7f4;
  font-weight: 800;
  line-height: 1.15;
}

.structured-guide-page .structured-setting-group > :last-child,
.structured-guide-page .structured-setting-group > :last-child > :last-child {
  margin-bottom: 0;
}

.structured-guide-page .structured-credentials {
  display: grid;
  gap: 1px;
  margin: 24px 0 !important;
  padding: 1px !important;
  background: #607071;
  list-style: none;
}

.structured-guide-page .structured-credentials li {
  margin: 0;
  padding: 16px 18px;
  background: #071013;
  color: #f4f7f4;
}

.structured-guide-page .structured-credentials code {
  background: rgba(203, 226, 231, 0.14);
  color: var(--cyan);
}

.structured-guide-page .structured-page-index {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin: 24px 0 32px !important;
  padding: 1px !important;
  background: #899795;
  counter-reset: settings-page;
  list-style: none;
}

.structured-guide-page .structured-page-index li {
  counter-increment: settings-page;
  margin: 0;
  padding: 0;
}

.structured-guide-page .structured-page-index li > a {
  display: grid;
  min-height: 86px;
  align-content: space-between;
  padding: 16px;
  background: #071013;
  color: #f4f7f4;
  font-weight: 800;
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease;
}

.structured-guide-page .structured-page-index li > a::before {
  content: "0" counter(settings-page);
  color: var(--acid);
  font: 850 0.67rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.structured-guide-page .structured-page-index li > a:hover,
.structured-guide-page .structured-page-index li > a:focus-visible {
  background: var(--cyan);
  color: #071013;
}

.structured-guide-page .structured-page-index li > a:hover::before,
.structured-guide-page .structured-page-index li > a:focus-visible::before {
  color: #071013;
}

.structured-guide-page .structured-numbered-list {
  display: grid;
  gap: 1px;
  margin: 26px 0 !important;
  padding: 0 !important;
  background: #9ba7a4;
  counter-reset: field-step;
  list-style: none;
}

.structured-guide-page .structured-numbered-list > li {
  counter-increment: field-step;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  margin: 0;
  padding: 16px 18px;
  background: #f4f7f4;
}

.structured-guide-page .structured-numbered-list > li::before {
  content: counter(field-step, decimal-leading-zero);
  color: #ac145f;
  font: 850 0.7rem/1.6 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list {
  gap: 1px;
  background: #9ba7a4;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list > li {
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 18px;
  padding: 20px 22px;
  border: 0;
  box-shadow: none;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list > li::before {
  align-self: stretch;
  padding: 3px 14px 0 0;
  border-right: 1px solid #cbd6d2;
  color: #ac145f;
  font-size: 0.76rem;
}

.structured-guide-page .quick-guide-step--credentials {
  background: #f4f7f4 !important;
  border-color: #d3ddda !important;
}

.structured-guide-page .quick-guide-credentials {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px !important;
  margin-top: 18px !important;
  padding: 0 !important;
  list-style: none;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list .quick-guide-credentials > li {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 16px 17px;
  border: 1px solid #cbd8d4;
  border-top: 3px solid var(--cyan);
  background: #ffffff;
  color: #28383a;
  line-height: 1.58;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list .quick-guide-credentials > li:nth-child(2) {
  border-top-color: var(--acid);
}

.structured-guide-page .quick-guide-credentials code {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0.22em 0.42em;
  background: #dcebed;
  color: #075d67;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.structured-guide-page .quick-guide-address {
  display: inline-flex;
  max-width: 100%;
  box-sizing: border-box;
  margin: 4px 0.2em;
  padding: 0.38em 0.62em;
  align-items: center;
  border: 1px solid #294247;
  background: #071013;
  color: #8ee8f5 !important;
  font: 800 0.9em/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.structured-guide-page .quick-guide-address:hover,
.structured-guide-page .quick-guide-address:focus-visible {
  border-color: var(--cyan);
  background: #14282c;
  color: #ffffff !important;
}

.structured-guide-page .quick-guide-checklist {
  display: grid;
  gap: 8px !important;
  margin-top: 18px !important;
  padding: 0 !important;
  list-style: none;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list .quick-guide-checklist > li {
  position: relative;
  display: block;
  margin: 0;
  padding: 12px 14px 12px 44px;
  border: 1px solid #d5dfdb;
  background: #ffffff;
  list-style: none;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list .quick-guide-checklist > li::before {
  content: "✓";
  position: absolute;
  top: 11px;
  left: 14px;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  background: #dff1f3;
  color: #087f8d;
  font-size: 0.72rem;
  font-weight: 900;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list .quick-guide-checklist > li > ul {
  margin-top: 10px;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list .quick-guide-checklist > li > ul > li {
  margin: 6px 0;
}

.structured-guide-page .quick-guide-step--cleanup {
  border-left: 1px solid #d3ddda !important;
  background: #f4f7f4 !important;
}

.structured-guide-page .quick-guide-step--cleanup code {
  display: inline-block;
  padding: 0.14em 0.38em;
  background: #e2e8e5;
  color: #344547;
  font-weight: 800;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list > .quick-guide-step--ready {
  border-color: #071013;
  border-left: 4px solid var(--acid);
  background: #071013;
  color: #f4f7f4;
  box-shadow: none;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list > .quick-guide-step--ready::before {
  border-color: rgba(244, 247, 244, 0.18);
  color: var(--acid);
}

.structured-guide-page .quick-guide-step--ready em {
  color: #ffffff;
  font-style: normal;
}

.structured-guide-page .quick-guide-step--schedule {
  border-left: 4px solid #d28a18 !important;
  background: #fbf2df !important;
}

.structured-guide-page .structured-quick-guide .structured-numbered-list > .quick-guide-step--schedule::before {
  border-color: #e0c796;
  color: #9a5b00;
}

.structured-guide-page .source-guide--structured p:has(> img:only-child) {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 26px 0;
  padding: clamp(12px, 2vw, 22px);
  background: #152426;
}

.structured-guide-page .source-guide--structured p > img:only-child {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 680px;
  margin: 0 auto;
  object-fit: contain;
}

.structured-guide-page .structured-photo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 26px 0;
}

.structured-guide-page .structured-photo-grid > p {
  display: grid;
  min-height: 340px;
  margin: 0 !important;
  place-items: center;
}

.structured-guide-page .structured-table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 26px 0 34px;
  overflow-x: auto;
  border-collapse: collapse;
  background: #f4f7f4;
}

.structured-guide-page #schedule ~ .structured-table {
  display: table;
  table-layout: fixed;
}

.structured-guide-page #schedule ~ .structured-table th,
.structured-guide-page #schedule ~ .structured-table td {
  width: 50%;
  min-width: 0;
}

.structured-guide-page .structured-table th,
.structured-guide-page .structured-table td {
  min-width: 130px;
  padding: 16px 17px;
  border-bottom: 1px solid #b5c0bc;
  font-size: 0.93rem;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
}

.structured-guide-page .structured-table th {
  background: #071013;
  color: #f4f7f4;
  font: 800 0.7rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.structured-guide-page .structured-faqs {
  margin-top: clamp(76px, 10vw, 130px);
  padding-top: clamp(76px, 10vw, 130px);
  border-top: 6px solid #071013;
  scroll-margin-top: 28px;
}

.structured-guide-page .structured-faq {
  border-top: 1px solid #9eaaa7;
  background: #edf1ee;
  scroll-margin-top: 112px;
}

.structured-guide-page .structured-faq:last-of-type {
  border-bottom: 1px solid #9eaaa7;
}

.structured-guide-page .structured-faq summary {
  position: relative;
  padding: 23px 60px 23px 22px;
  color: #071013;
  cursor: pointer;
  font-size: 1.05rem;
  font-weight: 850;
  line-height: 1.35;
  list-style: none;
}

.structured-guide-page .structured-faq summary::-webkit-details-marker {
  display: none;
}

.structured-guide-page .structured-faq summary::after {
  position: absolute;
  top: 20px;
  right: 22px;
  color: #ac145f;
  content: "+";
  font: 850 1.4rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.structured-guide-page .structured-faq[open] summary::after {
  content: "−";
}

.structured-guide-page .structured-faq > :not(summary) {
  margin-right: 22px;
  margin-left: 22px;
}

.structured-guide-page .structured-faq > :last-child {
  margin-bottom: 24px;
}

.structured-guide-page .structured-faq > .battery-runtime-calculator {
  margin: 26px 22px 28px;
}

.structured-guide-page .battery-runtime-calculator {
  overflow: hidden;
  border-top: 5px solid var(--cyan);
  background: #071013;
  color: #f4f7f4;
}

.structured-guide-page .battery-runtime-calculator__header {
  display: grid;
  grid-template-columns: minmax(160px, 0.55fr) minmax(0, 1.45fr);
  align-items: end;
  gap: 24px;
  padding: clamp(24px, 4vw, 42px);
  border-bottom: 1px solid rgba(203, 226, 231, 0.18);
}

.structured-guide-page .battery-runtime-calculator__eyebrow {
  margin: 0 !important;
  color: var(--cyan) !important;
  font: 850 0.68rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.structured-guide-page .battery-runtime-calculator h3 {
  margin: 0;
  color: #f4f7f4;
  font-size: clamp(2rem, 4.6vw, 4.6rem);
  line-height: 0.9;
  letter-spacing: -0.055em;
  text-transform: uppercase;
}

.structured-guide-page .battery-runtime-calculator__body {
  padding: clamp(24px, 4vw, 42px);
}

.structured-guide-page .battery-runtime-calculator__controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
}

.structured-guide-page .battery-runtime-calculator__field label {
  display: block;
  margin-bottom: 12px;
  color: #f4f7f4;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.35;
}

.structured-guide-page .battery-runtime-calculator__field label span {
  display: block;
  margin-top: 5px;
  color: #95a8aa;
  font-size: 0.78rem;
  font-weight: 500;
}

.structured-guide-page .battery-runtime-calculator__input {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  border: 1px solid #617174;
  background: #f4f7f4;
}

.structured-guide-page .battery-runtime-calculator__input:focus-within {
  border-color: var(--cyan);
  outline: 3px solid rgba(88, 190, 210, 0.28);
  outline-offset: 2px;
}

.structured-guide-page .battery-runtime-calculator__input input {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 15px 17px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #071013;
  font: 750 1.05rem/1.3 Inter, "Helvetica Neue", Arial, sans-serif;
}

.structured-guide-page .battery-runtime-calculator__input input::placeholder {
  color: #798687;
}

.structured-guide-page .battery-runtime-calculator__input > span {
  padding: 0 17px;
  border-left: 1px solid #c6d0ce;
  color: #526061;
  font: 850 0.73rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.structured-guide-page .battery-runtime-calculator button {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 15px 18px;
  border: 1px solid var(--acid);
  background: var(--acid);
  color: #071013;
  cursor: pointer;
  font: 850 0.72rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.structured-guide-page .battery-runtime-calculator button:hover,
.structured-guide-page .battery-runtime-calculator button:focus-visible {
  border-color: var(--cyan);
  background: var(--cyan);
}

.structured-guide-page .battery-runtime-calculator button:focus-visible {
  outline: 3px solid #f4f7f4;
  outline-offset: 3px;
}

.structured-guide-page .battery-runtime-calculator__result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px 22px;
  margin-top: 16px;
  padding: 20px;
  border-left: 5px solid var(--acid);
  background: #14282c;
}

.structured-guide-page .battery-runtime-calculator__result[hidden] {
  display: none;
}

.structured-guide-page .battery-runtime-calculator__result > span {
  color: #9fb0b1;
  font: 800 0.66rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.structured-guide-page .battery-runtime-calculator__result > span:last-child {
  text-align: right;
}

.structured-guide-page .battery-runtime-calculator__result strong {
  grid-column: 1 / -1;
  grid-row: 2;
  color: #f4f7f4;
  font-size: clamp(2.4rem, 7vw, 5.6rem);
  line-height: 0.85;
  letter-spacing: -0.055em;
}

.structured-guide-page .battery-runtime-calculator__result strong span:last-child {
  color: var(--cyan);
  font-size: 0.3em;
  letter-spacing: 0;
  text-transform: uppercase;
}

.structured-guide-page .battery-runtime-calculator__note {
  margin: 18px 0 0 !important;
  color: #95a8aa !important;
  font: 500 0.76rem/1.6 ui-monospace, SFMono-Regular, Menlo, monospace !important;
}

@media (max-width: 820px) {
  .structured-guide-page .structured-page-index {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .structured-guide-page .structured-photo-grid > p {
    min-height: 260px;
  }

  .structured-guide-page .battery-runtime-calculator__header {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .structured-guide-page .structured-quick-guide > h1,
  .structured-guide-page .structured-faqs > h1 {
    font-size: clamp(2.85rem, 15vw, 4.8rem);
  }

  .structured-guide-page .structured-quick-guide .structured-numbered-list > li {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 12px;
    padding: 16px 14px;
  }

  .structured-guide-page .structured-quick-guide .structured-numbered-list > li::before {
    padding-right: 10px;
  }

  .structured-guide-page .structured-quick-guide .structured-numbered-list .quick-guide-credentials > li {
    padding: 14px;
  }

  .structured-guide-page .structured-quick-guide .structured-numbered-list .quick-guide-checklist > li {
    padding: 11px 12px 11px 40px;
  }

  .structured-guide-page .structured-quick-guide .structured-numbered-list .quick-guide-checklist > li::before {
    top: 10px;
    left: 11px;
  }

  .structured-guide-page .structured-chapter > h2 {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
  }

  .structured-guide-page .structured-chapter {
    padding: 22px 18px;
  }

  .structured-guide-page .structured-subsection {
    padding: 20px 16px;
  }

  .structured-guide-page .structured-page-index,
  .structured-guide-page .structured-photo-grid {
    grid-template-columns: 1fr;
  }

  .structured-guide-page .structured-photo-grid > p {
    min-height: 0;
  }

  .structured-guide-page .structured-table th,
  .structured-guide-page .structured-table td {
    min-width: 150px;
  }

  .structured-guide-page .structured-faq > .battery-runtime-calculator {
    margin-right: 14px;
    margin-left: 14px;
  }

  .structured-guide-page .battery-runtime-calculator__controls {
    grid-template-columns: 1fr;
  }

  .structured-guide-page .battery-runtime-calculator button {
    width: 100%;
  }
}