/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/components/profileResult/report-reader.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.profile-result-flow--reader { padding-top: 0; }
.profile-result-flow--reader .profile-result-plain-header { padding-top: clamp(18px, 4vh, 38px); }

.report-reading-intro {
  padding: 20px 0 12px;
  display: grid;
  gap: 12px;
}

.report-reading-intro h3 {
  margin: 0;
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.report-reading-intro p {
  margin: 0;
  max-width: 65ch;
  color: var(--text-1);
  font-size: 0.88rem;
  line-height: 1.65;
}

.report-reader-bar {
  position: sticky;
  top: 0;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 12px;
  border: 1px solid var(--line-strong);
  border-radius: 16px;
  background: var(--bg-page);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
}

.report-reader-menu { flex: 0 0 auto; }
.report-reader-menu summary { display: flex; align-items: center; gap: 9px; min-height: 32px; font-size: 0.8rem; font-weight: 550; list-style: none; cursor: pointer; }
.report-reader-menu summary::-webkit-details-marker { display: none; }
.report-reader-chevron { color: var(--text-2); }
.report-reader-menu[open] .report-reader-chevron { transform: rotate(180deg); }
.report-reader-current { flex: 1 1; min-width: 0; color: var(--text-1); font-size: 0.75rem; line-height: 1.5; overflow-wrap: anywhere; }
.report-reader-top { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 50%; background: var(--surface-panel-strong); color: var(--text-0); }
.report-reader-top:hover { background: var(--surface-sidebar-active); }

.report-reader-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  max-height: min(65svh, 540px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 20px;
  border: 1px solid var(--line-strong);
  border-radius: 18px;
  background: var(--bg-sidebar);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
}

.report-reader-group + .report-reader-group { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.report-reader-group h4 { margin: 0 0 10px; color: var(--text-2); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; }
.report-reader-group ol { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; }
.report-reader-group a { display: flex; align-items: baseline; gap: 12px; padding: 10px 12px; border-radius: 10px; font-size: 0.86rem; line-height: 1.45; text-decoration: none; color: var(--text-1); }
.report-reader-group a > span { flex: 1 1; min-width: 0; overflow-wrap: anywhere; }
.report-reader-group a:hover, .report-reader-group a[aria-current='location'] { background: var(--surface-sidebar-active); color: var(--text-0); }
.report-reader-group a[aria-current='location'] { box-shadow: inset 2px 0 var(--accent-text); }
.report-reader-group small { flex: 0 0 auto; font-size: 0.65rem; }
.report-reader-group .is-locked { color: var(--text-2); }
.report-reader-group .is-open { color: var(--accent-text); }

.report-reader-bar :is(summary, a, button):focus-visible,
.profile-result-rendered [tabindex='-1']:focus-visible,
#profile-result-title:focus-visible {
  outline: 2px solid var(--accent-text);
  outline-offset: 3px;
}

@media (max-width: 560px) {
  .report-reading-intro { padding-top: 12px; }
  .report-reader-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 8px 12px; }
  .report-reader-current { grid-column: 1 / -1; grid-row: 2; padding: 2px 0 4px; }
  .report-reader-top { grid-column: 2; grid-row: 1; }
  .report-reader-panel { padding: 16px 10px; }
}