/* Reader only. No Journal classes or styles are required. */
.nf-guide-reader .sp-source-button {
  display: inline-flex;
  margin-block-start: var(--nf-guide-space);
  padding-block: calc(var(--nf-guide-space) * .5);
}
.nf-guide-reader .sp-manual-layout {
  display: grid;
  grid-template-columns: 12em minmax(0, var(--nf-guide-reading-width));
  justify-content: center;
  align-items: start;
  gap: calc(var(--nf-guide-space) * 1.5);
}
.nf-guide-reader--sidebar .sp-manual-layout {
  grid-template-columns: 12em minmax(0, var(--nf-guide-reading-width)) 18em;
}
.nf-guide-reader :is(.sp-manual-content, .nf-guide-content, .sp-guide-sidebar) {
  min-inline-size: 0;
}
.nf-guide-reader .sp-manual-nav {
  position: sticky;
  inset-block-start: var(--nf-guide-sticky-top);
  font-size: var(--nf-guide-small-size);
}
.nf-guide-reader .nf-guide-toc {
  display: flex;
  flex-direction: column;
  gap: calc(var(--nf-guide-space) * .25);
  max-block-size: calc(100dvh - var(--nf-guide-sticky-top) - var(--nf-guide-space) * 7);
  overflow-y: auto;
  scrollbar-width: thin;
  padding-inline-start: var(--nf-guide-space);
  border-inline-start: 1px solid var(--nf-guide-border);
}
.nf-guide-reader .nf-guide-toc a {
  display: block;
  padding-block: calc(var(--nf-guide-space) * .5);
  color: var(--nf-guide-text);
  font-weight: var(--nf-guide-control-weight);
  line-height: 1.6;
}
.nf-guide-reader .sp-back-library {
  display: block;
  margin-block-start: var(--nf-guide-space);
  padding-block-start: var(--nf-guide-space);
  border-block-start: 1px solid var(--nf-guide-border);
}
.nf-guide-reader .sp-mobile-toc {
  display: none;
  margin-block-end: var(--nf-guide-space);
  border: 1px solid var(--nf-guide-border);
  border-radius: var(--nf-guide-radius);
  background: var(--nf-guide-surface);
}
.nf-guide-reader .sp-mobile-toc summary {
  padding: var(--nf-guide-space);
  color: var(--nf-guide-heading);
  font-weight: var(--nf-guide-control-weight);
  cursor: pointer;
}
.nf-guide-reader .sp-mobile-toc .nf-guide-toc {
  max-block-size: 55dvh;
  border: 0;
  padding: 0 var(--nf-guide-space) var(--nf-guide-space);
}
.nf-guide-reader .sp-manual-scope {
  margin-block-end: calc(var(--nf-guide-space) * 1.5);
  padding: var(--nf-guide-space);
  border-inline-start: 3px solid var(--nf-guide-accent);
  background: var(--nf-guide-soft);
}
.nf-guide-reader .sp-manual-scope strong {
  display: block;
  margin-block-end: calc(var(--nf-guide-space) * .4);
  color: var(--nf-guide-heading);
  font-size: var(--nf-guide-small-size);
  font-weight: var(--nf-guide-control-weight);
}
.nf-guide-reader .sp-manual-scope p {
  margin: 0;
  line-height: 1.75;
}
.nf-guide-reader .nf-guide-content {
  color: var(--nf-guide-text);
  font-size: var(--nf-guide-reading-size);
  line-height: var(--nf-guide-body-leading);
}
.nf-guide-reader .nf-guide-content :is(p, ul, ol, blockquote, figure, table, .wp-block-table) {
  margin-block: 0 calc(var(--nf-guide-space) * 1.4);
}
.nf-guide-reader .nf-guide-content :is(h2, h3, h4, h5, h6) {
  margin-block: calc(var(--nf-guide-space) * 2.5) var(--nf-guide-space);
  scroll-margin-block-start: var(--nf-guide-sticky-top);
}
.nf-guide-reader .nf-guide-content h2 {
  font-size: var(--nf-guide-h2-size);
}
.nf-guide-reader .nf-guide-content h3 {
  font-size: var(--nf-guide-h3-size);
}
.nf-guide-reader .nf-guide-content :is(h4, h5, h6) {
  font-size: var(--nf-guide-reading-size);
}
.nf-guide-reader .nf-guide-content > :first-child {
  margin-block-start: 0;
}
.nf-guide-reader .nf-guide-content .nf-guide-faq {
  margin-block-end: calc(var(--nf-guide-space) * 1.4);
}
/* Authored disclosures remain native details, including already published guides. */
.nf-guide-reader .nf-guide-content details:not(.nf-faq-item) {
  box-sizing: border-box;
  margin-block: calc(var(--nf-guide-space) * 1.5);
  border: 1px solid var(--nf-guide-accent);
  border-radius: var(--nf-guide-radius);
  background: var(--nf-guide-surface);
}
.nf-guide-reader .nf-guide-content details:not(.nf-faq-item) > summary {
  box-sizing: border-box;
  display: flow-root;
  min-block-size: 44px;
  padding: var(--nf-guide-space);
  border-radius: calc(var(--nf-guide-radius) - 1px);
  background: var(--nf-guide-soft);
  color: var(--nf-guide-heading);
  font-family: var(--nf-guide-heading-font);
  font-size: var(--nf-guide-reading-size);
  font-weight: var(--nf-guide-control-weight);
  line-height: 1.5;
  list-style: none;
  cursor: pointer;
}
.nf-guide-reader .nf-guide-content details:not(.nf-faq-item) > summary::-webkit-details-marker {
  display: none;
}
.nf-guide-reader .nf-guide-content details:not(.nf-faq-item) > summary::marker {
  content: '';
}
.nf-guide-reader .nf-guide-content details:not(.nf-faq-item) > summary::before {
  box-sizing: border-box;
  content: 'Πατήστε για προβολή  ↓';
  float: right;
  margin-inline-start: var(--nf-guide-space);
  margin-block-end: calc(var(--nf-guide-space) * .4);
  flex: 0 0 auto;
  max-inline-size: 100%;
  padding: calc(var(--nf-guide-space) * .4) calc(var(--nf-guide-space) * .7);
  border-radius: var(--nf-guide-field-radius);
  background: var(--nf-guide-accent);
  color: var(--nf-guide-surface);
  font-family: var(--nf-guide-font);
  font-size: var(--nf-guide-small-size);
  font-weight: var(--nf-guide-control-weight);
  line-height: 1.5;
}
.nf-guide-reader .nf-guide-content details:not(.nf-faq-item) > summary:hover {
  background: var(--nf-guide-tint);
}
.nf-guide-reader .nf-guide-content details:not(.nf-faq-item)[open] > summary {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  border-block-end: 1px solid var(--nf-guide-border);
}
.nf-guide-reader .nf-guide-content details:not(.nf-faq-item)[open] > summary::before {
  content: 'Πατήστε για απόκρυψη  ↑';
}
.nf-guide-reader .nf-guide-content details:not(.nf-faq-item) > :not(summary) {
  max-inline-size: calc(100% - var(--nf-guide-space) * 2);
  margin-inline: var(--nf-guide-space);
}
.nf-guide-reader .nf-guide-content details:not(.nf-faq-item) > summary + * {
  margin-block-start: var(--nf-guide-space);
}
.nf-guide-reader .nf-guide-content details:not(.nf-faq-item) > :last-child:not(summary) {
  margin-block-end: var(--nf-guide-space);
}
.nf-guide-reader .nf-guide-content :is(ul, ol) {
  padding-inline-start: 1.5em;
}
.nf-guide-reader .nf-guide-content li {
  margin-block: calc(var(--nf-guide-space) * .5);
}
.nf-guide-reader .nf-guide-content li :is(ul, ol) {
  margin-block-end: 0;
}
.nf-guide-reader .nf-guide-content blockquote {
  padding: var(--nf-guide-space);
  border: 0;
  border-inline-start: 3px solid var(--nf-guide-accent);
  background: var(--nf-guide-soft);
  color: inherit;
  font: inherit;
}
.nf-guide-reader .nf-guide-content img:not(.gr-video-poster) {
  max-inline-size: 100%;
  block-size: auto;
  border-radius: var(--nf-guide-radius);
}
.nf-guide-reader .nf-guide-content :is(video, iframe) {
  max-inline-size: 100%;
}
.nf-guide-reader .nf-guide-content table {
  border-collapse: collapse;
  inline-size: 100%;
  font: inherit;
}
.nf-guide-reader .nf-guide-content :is(th, td) {
  padding: calc(var(--nf-guide-space) * .75);
  border: 1px solid var(--nf-guide-border);
  text-align: start;
  vertical-align: top;
}
.nf-guide-reader .nf-guide-content th {
  color: var(--nf-guide-heading);
  background: var(--nf-guide-soft);
}
.nf-guide-reader .nf-guide-content .wp-block-table {
  max-inline-size: 100%;
  overflow-x: auto;
}
.nf-guide-reader .nf-guide-content pre {
  max-inline-size: 100%;
  overflow: auto;
}
.nf-guide-reader :is(.sp-manual-sources, .sp-manual-bottom) {
  margin-block-start: calc(var(--nf-guide-space) * 1.5);
  padding-block-start: var(--nf-guide-space);
  border-block-start: 1px solid var(--nf-guide-border);
}
.nf-guide-reader .sp-manual-sources > a {
  display: block;
  padding-block: calc(var(--nf-guide-space) * .4);
}
.nf-guide-reader .sp-guide-sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--nf-guide-space);
}
.nf-guide-reader .sp-guide-side-card {
  padding: calc(var(--nf-guide-space) * 1.25);
  border: 1px solid var(--nf-guide-border);
  border-radius: calc(var(--nf-guide-radius) * 1.5);
  background: var(--nf-guide-surface);
}
.nf-guide-reader .sp-guide-side-card h2 {
  font-size: var(--nf-guide-reading-size);
}
.nf-guide-reader .sp-guide-side-card .sp-eyebrow {
  font-size: var(--nf-guide-small-size);
  letter-spacing: .08em;
}
.nf-guide-reader .sp-side-coverage {
  font-size: var(--nf-guide-small-size);
}
.nf-guide-reader .sp-side-category {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: calc(var(--nf-guide-space) * .5);
  padding-block: calc(var(--nf-guide-space) * .75);
  border-block-start: 1px solid var(--nf-guide-border);
  color: var(--nf-guide-text);
}
.nf-guide-reader .sp-side-category small {
  grid-column: 1;
  grid-row: 2;
  font-size: var(--nf-guide-small-size);
}
.nf-guide-reader .sp-side-category > span {
  grid-column: 2;
  grid-row: 1;
  color: var(--nf-guide-accent);
}
.nf-guide-reader .sp-guide-sidebar .sp-side-button {
  box-sizing: border-box;
  display: inline-flex;
  gap: calc(var(--nf-guide-space) * .5);
  min-block-size: 36px;
  padding: calc(var(--nf-guide-space) * .3) calc(var(--nf-guide-space) * .6);
  font-size: var(--nf-guide-small-size);
  margin-block-start: var(--nf-guide-space);
}
.nf-guide-reader .sp-guide-side-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nf-guide-reader .sp-guide-side-list li {
  margin: 0;
  padding: 0;
}
.nf-guide-reader .sp-guide-side-list li + li {
  border-block-start: 1px solid var(--nf-guide-border);
}
.nf-guide-reader .sp-guide-side-list a {
  display: flex;
  align-items: center;
  gap: calc(var(--nf-guide-space) * .5);
  padding-block: calc(var(--nf-guide-space) * .75);
  color: var(--nf-guide-text);
}
.nf-guide-reader .sp-guide-side-list img {
  flex: 0 0 3em;
  inline-size: 3em;
  block-size: 3em;
  border-radius: calc(var(--nf-guide-radius) * .5);
  object-fit: cover;
}
.nf-guide-reader .sp-side-arrow {
  flex-shrink: 0;
  margin-inline-start: auto;
  color: var(--nf-guide-accent);
}
.nf-guide-reader .sp-side-all {
  display: inline-flex;
  min-block-size: 44px;
  align-items: center;
}
.nf-guide-reader.nf-no-headings .sp-manual-nav {
  display: none;
}
.nf-guide-reader.nf-no-headings .sp-manual-layout {
  grid-template-columns: minmax(0, var(--nf-guide-reading-width));
}
.nf-guide-reader--sidebar.nf-no-headings .sp-manual-layout {
  grid-template-columns: minmax(0, var(--nf-guide-reading-width)) 18em;
}
.nf-guide-reader #nf-guide-covered-products {
  scroll-margin-block-start: var(--nf-guide-sticky-top);
}
.nf-guide-reader .sp-guide-products {
  box-sizing: border-box;
  margin-block-start: calc(var(--nf-guide-space) * 1.5);
  border: 1px solid var(--nf-guide-border);
  border-radius: var(--nf-guide-radius);
  background: var(--nf-guide-surface);
}
.nf-guide-reader .sp-guide-products summary {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--nf-guide-space);
  min-block-size: 48px;
  padding: calc(var(--nf-guide-space) * .75);
  list-style: none;
  cursor: pointer;
}
.nf-guide-reader .sp-guide-products summary::-webkit-details-marker {
  display: none;
}
.nf-guide-reader .sp-guide-products-heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(var(--nf-guide-space) * .5);
}
.nf-guide-reader .sp-guide-products-count {
  padding: .25em .6em;
  border-radius: calc(var(--nf-guide-radius) * .5);
  background: var(--nf-guide-soft);
  font-size: var(--nf-guide-small-size);
}
.nf-guide-reader .sp-guide-products-toggle {
  display: flex;
  align-items: center;
  gap: calc(var(--nf-guide-space) * .5);
  flex-shrink: 0;
  color: var(--nf-guide-accent);
  font-size: var(--nf-guide-small-size);
}
.nf-guide-reader .sp-guide-products-toggle i {
  inline-size: .6em;
  block-size: .6em;
  border-inline-end: 2px solid;
  border-block-end: 2px solid;
  transform: rotate(45deg);
}
.nf-guide-reader .sp-when-open, .nf-guide-reader details[open] .sp-when-closed {
  display: none;
}
.nf-guide-reader details[open] .sp-when-open {
  display: inline;
}
.nf-guide-reader details[open] .sp-guide-products-toggle i {
  transform: rotate(225deg);
}
.nf-guide-reader .sp-guide-products-body {
  box-sizing: border-box;
  border-block-start: 1px solid var(--nf-guide-border);
  padding: calc(var(--nf-guide-space) * .75);
}
.nf-guide-reader :is(.sp-guide-products-help, .sp-guide-products-status, .sp-guide-products-empty) {
  font-size: var(--nf-guide-small-size);
}
.nf-guide-reader .sp-guide-products-search {
  margin-block-end: var(--nf-guide-space);
}
.nf-guide-reader .sp-guide-products-search label {
  display: block;
  margin-block-end: calc(var(--nf-guide-space) * .5);
}
.nf-guide-reader .sp-guide-products-search > div {
  display: flex;
  align-items: center;
  gap: var(--nf-guide-space);
}
.nf-guide-reader .sp-guide-products-search input {
  inline-size: 100%;
  block-size: 44px;
  padding-inline: var(--nf-guide-space);
}
.nf-guide-reader .sp-guide-products-status {
  display: block;
}
.nf-guide-reader .sp-guide-products-status:empty {
  display: none;
}
.nf-guide-reader .sp-guide-skus {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--nf-guide-space) * .4);
  list-style: none;
  margin: 0;
  padding: 0;
}
.nf-guide-reader .sp-guide-products--many .sp-guide-skus {
  max-block-size: 16em;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.nf-guide-reader .sp-guide-skus li {
  max-inline-size: 100%;
  margin: 0;
  padding: 0;
}
.nf-guide-reader .sp-guide-skus a {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--nf-guide-space) * .5);
  max-inline-size: 100%;
  min-block-size: 32px;
  padding: calc(var(--nf-guide-space) * .2) calc(var(--nf-guide-space) * .5);
  border: 1px solid var(--nf-guide-border);
  border-radius: calc(var(--nf-guide-radius) * .5);
  background: var(--nf-guide-soft);
  font-family: var(--nf-guide-font);
  font-size: var(--nf-guide-size);
  line-height: 1.4;
}
.nf-guide-reader .sp-guide-skus a > span {
  flex-shrink: 0;
}
.nf-guide-reader .sp-guide-products-empty {
  margin-block-start: var(--nf-guide-space);
}
@media (max-width: 1199px) {
  .nf-guide-reader .sp-manual-nav {
    display: none;
  }
  .nf-guide-reader .sp-mobile-toc {
    display: block;
  }
  .nf-guide-reader .sp-manual-layout, .nf-guide-reader--sidebar.nf-no-headings .sp-manual-layout {
    grid-template-columns: minmax(0, var(--nf-guide-reading-width)) 16em;
  }
  .nf-guide-reader:not(.nf-guide-reader--sidebar) .sp-manual-layout {
    grid-template-columns: minmax(0, var(--nf-guide-reading-width));
  }
}
@media (max-width: 1023px) {
  .nf-guide-reader .sp-manual-layout, .nf-guide-reader.nf-no-headings .sp-manual-layout {
    display: block;
    max-inline-size: var(--nf-guide-reading-width);
    margin-inline: auto;
  }
  .nf-guide-reader .sp-guide-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-block-start: calc(var(--nf-guide-space) * 2);
  }
}
@media (pointer: coarse) {
  .nf-guide-reader .sp-guide-skus a,
  .nf-guide-reader .sp-guide-sidebar .sp-side-button {
    min-block-size: 44px;
  }
}
@media (max-width: 767px) {
  .nf-guide-reader .sp-guide-sidebar {
    grid-template-columns: minmax(0, 1fr);
  }
  .nf-guide-reader .sp-guide-products summary {
    align-items: start;
    padding: calc(var(--nf-guide-space) * .75);
  }
  .nf-guide-reader .sp-guide-products-toggle {
    font-size: var(--nf-guide-small-size);
  }
}
