/* Leitura visual do hub geral. Carregado somente nesta rota. */
.doenca-hub .reading-icon {
  display: block; width: 34px; height: 34px; flex: none;
  fill: none; stroke: var(--navy); stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
}
.doenca-hub .reading-marker {
  display: grid; place-items: center; width: 62px; height: 62px;
  flex: 0 0 62px; border-radius: 16px; background: var(--mist);
}
.doenca-hub .rights-list {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px; border-top: 0;
}
.doenca-hub .rights-list > li {
  display: flex; flex-direction: column; gap: 20px;
  padding: 26px; border: 1px solid var(--line); border-radius: 14px;
  background: #fff;
}
.doenca-hub .rights-list > li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.doenca-hub .rights-list .reading-title {
  display: flex; align-items: center; gap: 16px; font-size: 23px;
}
.doenca-hub .rights-list .reading-title > span:last-child { min-width: 0; }
.doenca-hub .rights-list > li > div { max-width: 70ch; }
.doenca-hub .rights-group { margin-top: 46px; }
.doenca-hub .rights-group > h3 { padding-bottom: 14px; border-bottom: 2px solid var(--navy); }
.doenca-hub .rights-group:nth-of-type(2) .reading-marker { background: #fff0f4; }
.doenca-hub .rights-group:nth-of-type(3) .reading-marker { background: #e9eef5; }
.doenca-hub .actions-section { background: var(--mist); }
.doenca-hub .first-steps {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; border: 0;
}
.doenca-hub .first-steps > li {
  display: flex; flex-direction: column; gap: 22px;
  padding: 30px; background: #fff; border: 1px solid var(--line); border-radius: 14px;
}
.doenca-hub .step-heading { gap: 18px; align-items: center; }
.doenca-hub .step-heading > .reading-marker { flex-basis: 62px; }
.doenca-hub .step-heading h3 { font-size: 25px; }
.doenca-hub .first-steps > li > div:last-child { flex: 1; }
.doenca-hub .care-help { background: #fff; }
.doenca-hub .concept-types h3 { display: flex; align-items: center; gap: 16px; }
.doenca-hub .reading-reason { display: flex; flex-direction: column; gap: 18px; }
.doenca-hub .document-list { border-top: 0; display: grid; gap: 12px; align-content: start; }
.doenca-hub .document-list details {
  background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 0 22px;
}
.doenca-hub .document-list .reading-summary {
  display: grid; grid-template-columns: 34px minmax(0,1fr) 18px; gap: 16px; padding: 22px 0;
}
.doenca-hub .reading-summary > .reading-summary-label {
  font: inherit; color: inherit; transform: none; min-width: 0;
}
.doenca-hub details[open] > .reading-summary > .reading-summary-label { transform: none; }
.doenca-hub .document-list .reading-toggle,
.doenca-hub .document-list details[open] .reading-toggle {
  display: grid; place-items: center; width: 18px; height: 24px;
  font-size: 0; transform: none;
}
.doenca-hub .document-list .reading-toggle::before { content: "+"; font: 400 24px/1 sans-serif; }
.doenca-hub .document-list details[open] .reading-toggle::before { content: "−"; }
.doenca-hub .document-list details > div { padding: 0 0 22px; }
.doenca-hub .document-list .document-limit { background: var(--mist); }
@media (max-width: 760px) {
  .doenca-hub .rights-list, .doenca-hub .first-steps { grid-template-columns: 1fr; gap: 14px; }
  .doenca-hub .rights-list > li, .doenca-hub .first-steps > li { padding: 23px; gap: 18px; }
  .doenca-hub .rights-list .reading-title, .doenca-hub .step-heading h3 { font-size: 23px; }
  .doenca-hub .reading-marker { width: 52px; height: 52px; flex-basis: 52px; border-radius: 13px; }
  .doenca-hub .step-heading > .reading-marker { flex-basis: 52px; }
  .doenca-hub .reading-icon { width: 30px; height: 30px; }
  .doenca-hub .rights-list .reading-title, .doenca-hub .step-heading { gap: 13px; }
  .doenca-hub .document-list details { padding: 0 18px; }
  .doenca-hub .document-list .reading-summary { grid-template-columns: 30px minmax(0,1fr) 18px; gap: 12px; font-size: 20px; }
  .doenca-hub .concept-types h3 { align-items: flex-start; }
}
@media (max-width: 380px) {
  .doenca-hub .rights-list .reading-title, .doenca-hub .step-heading { align-items: flex-start; flex-direction: column; }
  .doenca-hub .rights-list > li, .doenca-hub .first-steps > li { padding: 20px; }
}