/* Product guide presentation only; product documents keep their existing stylesheet. */
.nf-product-guide-panel {
  container: nf-product-guide / inline-size;
}
.nf-product-guide-panel .pc-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--nf-guide-space);
}
.nf-product-guide-panel .pc-copy {
  min-inline-size: 0;
}
.nf-product-guide-panel .pc-copy h3 {
  font-size: var(--nf-guide-section-size);
}
.nf-product-guide-panel .pc-description {
  max-inline-size: var(--nf-guide-media-width);
  margin-block-end: var(--nf-guide-space);
  color: var(--nf-guide-text);
  font-size: var(--nf-guide-size);
  line-height: 1.8;
}
.nf-product-guide-panel .pc-file {
  display: grid;
  grid-template-columns: 2.5em minmax(0, 1fr) auto;
  gap: calc(var(--nf-guide-space) * .6);
  align-items: center;
  max-inline-size: var(--nf-guide-media-width);
  padding-block: calc(var(--nf-guide-space) * .75);
  margin-block-end: var(--nf-guide-space);
  border-block: 1px solid var(--nf-guide-border);
}
.nf-product-guide-panel .pc-file-icon {
  display: grid;
  place-items: center;
  inline-size: 2.5em;
  block-size: 3em;
  border: 1px solid var(--nf-guide-border);
  background: var(--nf-guide-soft);
  font-size: var(--nf-guide-small-size);
}
.nf-product-guide-panel .pc-file strong {
  display: block;
  color: var(--nf-guide-heading);
  font-size: var(--nf-guide-size);
  font-weight: var(--nf-guide-control-weight);
  line-height: 1.5;
}
.nf-product-guide-panel .pc-file small {
  display: block;
  margin-block-start: calc(var(--nf-guide-space) * .25);
  font-size: var(--nf-guide-small-size);
}
.nf-product-guide-panel .pc-file a {
  font-size: var(--nf-guide-size);
}
.nf-product-guide-panel .nf-guide-links {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: calc(var(--nf-guide-space) * .6);
}
.nf-product-guide-panel .pc-video {
  inline-size: 100%;
  max-inline-size: var(--nf-guide-media-width);
  margin: 0;
}
.nf-product-guide-panel .pc-documents-links {
  margin-block-end: var(--nf-guide-space);
}
.nf-product-guide-panel .pc-documents-link {
  display: flex;
  align-items: center;
  min-block-size: 44px;
  inline-size: fit-content;
  max-inline-size: 100%;
  padding-block: calc(var(--nf-guide-space) * .4);
  text-decoration: underline;
}
.nf-product-guide-panel .eu-guide-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--nf-guide-space);
  padding-block: var(--nf-guide-space);
  border-block-end: 1px solid var(--nf-guide-border);
}
.nf-product-guide-panel .eu-guide-copy {
  min-inline-size: 0;
}
.nf-product-guide-panel .eu-guide-copy strong {
  display: block;
  color: var(--nf-guide-heading);
  font-size: var(--nf-guide-size);
  font-weight: var(--nf-guide-control-weight);
}
.nf-product-guide-panel .eu-guide-copy > span {
  display: block;
  margin-block-start: calc(var(--nf-guide-space) * .5);
}
.nf-product-guide-panel .eu-guide-button {
  flex-shrink: 0;
}
@container nf-product-guide (max-width: 650px) {
  .nf-product-guide-panel .pc-file {
    grid-template-columns: 2.5em minmax(0, 1fr);
  }
  .nf-product-guide-panel .pc-file > a {
    grid-column: 2;
  }
  .nf-product-guide-panel .eu-guide-link {
    display: block;
  }
  .nf-product-guide-panel .eu-guide-copy {
    margin-block-end: var(--nf-guide-space);
  }
}
