/* HNHOT documents route styles. */

.pinned-row .pinned-date {
color: var(--accent);
}

.knowledge-brief {
margin: 24px 0; padding: 20px 22px; border-left: 3px solid var(--accent); background: var(--paper); box-shadow: var(--shadow);
}

.knowledge-brief > p {
margin: 7px 0 0; font-family: Georgia, "Noto Serif CJK SC", serif; font-size: 16px; line-height: 1.8;
}

.knowledge-timeline {
margin-top: 31px;
}

.knowledge-timeline > header {
display: flex; padding: 0 2px 13px; align-items: flex-end; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line);
}

.knowledge-timeline > header h2, .knowledge-actions > header h2, .knowledge-related-reports > h2 {
margin: 3px 0 0; font: 700 24px/1.25 Georgia, "Noto Serif CJK SC", serif;
}

.knowledge-timeline > header > span {
color: var(--muted); font-size: 11px;
}

.knowledge-actions {
margin-top: 42px; padding-top: 25px; border-top: 2px solid var(--ink);
}

.knowledge-actions > header {
margin-bottom: 14px;
}

.knowledge-actions .action-list {
margin-top: 0;
}

.knowledge-related-reports {
margin-top: 42px; padding-top: 25px; border-top: 1px solid var(--line);
}

.knowledge-related-reports > .date-group {
margin-top: 18px;
}

@media (max-width: 760px) {
.topics-page .explore-page-header,
  .regions-page .explore-page-header,
  .events-page .explore-page-header,
  .documents-page .explore-page-header {
padding-bottom: 0; border-bottom: 0;
}

.topics-page .explore-page-header .eyebrow,
  .topics-page .explore-page-header .explore-stats,
  .regions-page .explore-page-header .eyebrow,
  .regions-page .explore-page-header .explore-stats,
  .events-page .explore-page-header .eyebrow,
  .events-page .explore-page-header .explore-stats,
  .documents-page .explore-page-header .eyebrow,
  .documents-page .explore-page-header .explore-stats {
display: none;
}

.topics-page .explore-page-header h1,
  .regions-page .explore-page-header h1,
  .events-page .explore-page-header h1,
  .documents-page .explore-page-header h1 {
margin: 0; font-size: 30px;
}

.events-page .directory-browser,
  .documents-page .directory-browser {
margin-top: 18px;
}

.knowledge-brief {
margin: 20px 0; padding: 17px; box-shadow: none;
}

.knowledge-brief > p {
font-size: 14px;
}

.knowledge-timeline {
margin-top: 25px;
}

.knowledge-timeline > header {
align-items: flex-start;
}

.knowledge-timeline > header h2, .knowledge-actions > header h2, .knowledge-related-reports > h2 {
font-size: 21px;
}
}

/* ===== Document Reader ===== */
.document-reader-page {
width: 100%; max-width: none; padding: 0;
}

.document-reader-page .page-header {
padding: 20px 24px 16px; border-bottom: 0;
}

.document-reader-page .page-header h1 {
font-size: 24px;
}

.document-reader-shell .feature-toolbar {
position: sticky; top: 0; z-index: 30; border-bottom: 0;
}

@media (max-width: 760px) {
/* VISUAL-TODO: restore the full reader visual system when this branch re-enables it. */
  .document-reader-shell .detail-back-toolbar {
gap: 8px; padding-right: max(16px, env(safe-area-inset-right));
}

.document-reader-shell .detail-back-toolbar {
width: 100%; margin: 0;
}

.document-reader-shell .detail-back-toolbar .feature-back {
min-width: 0; flex: 1 1 auto;
}

.document-reader-page .reader-content {
padding-top: 8px;
}

.document-reader-page .reader-content > h1:first-child {
margin-top: 18px;
}
}