/* Shared content roles, not a new brand or product reskin. */
body .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 11px 18px;
  border-radius: 12px;
  line-height: 1.4;
  text-align: center;
}
body .note-preview {
  padding: 24px;
  border: 1px solid #d9dcda;
  border-radius: 16px;
  background: #f7f7f6;
}
body .note-preview > div { min-width: 0; }
body .note-preview .note-link { justify-self: start; }
body .release-callout {
  margin: 24px 0;
  padding: 18px 20px;
  border: 1px solid #d9dcda;
  border-radius: 12px;
  background: #f7f7f6;
  color: #363a37;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
}
body .release-callout p { margin: 0; font-size: inherit; line-height: inherit; }
body .release-callout .release-label { font-weight: 750; color: #111311; }
body .release-callout .release-summary { margin-top: 6px; max-width: 75ch; font-weight: 400; }
body .release-callout .release-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-top: 12px;
  font-weight: 650;
}
body .hero .workflow-note { margin-top: 22px; max-width: 75ch; color: #363a37; font-size: 16px; font-weight: 400; line-height: 1.65; }
:root { --help-header-clearance: 84px; --help-anchor-clearance: 100px; }
.help-page .help-hero { padding-block: 64px 32px; }
.help-page .help-hero h1 { font-size: clamp(36px, 4.5vw, 58px); }
.help-page .help-current-release { margin: 0 0 32px; }
.help-layout { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 36px; align-items: start; }
.help-contents { position: sticky; top: var(--help-header-clearance); padding-top: 32px; }
.help-contents .toc-title { margin: 0 0 14px; color: #626863; font-size: 13px; font-weight: 750; }
.help-contents ol { list-style: none; margin: 0; padding: 0; }
.help-contents li + li { margin-top: 4px; }
.help-contents a {
  display: block;
  padding: 7px 10px;
  border-left: 2px solid transparent;
  color: #626863;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
}
.help-contents a:hover, .help-contents a:focus-visible, .help-contents a[aria-current="location"] {
  color: #111311;
  background: #f7f7f6;
  border-left-color: #111311;
  text-decoration: underline;
}
.help-toc-desktop { max-height: calc(100vh - var(--help-header-clearance) - 48px); overflow-y: auto; }
.help-toc-mobile { display: none; }
.help-article { min-width: 0; }
.help-article .help-section { padding-block: 40px; }
.help-article .section-heading { grid-template-columns: 1fr; gap: 10px; margin-bottom: 24px; }
.help-article .section-heading h2 { font-size: clamp(28px, 3.3vw, 38px); line-height: 1.15; }
.help-article .section-heading p, .help-article .help-section > p, .help-article .candidate-guide > p {
  max-width: 75ch;
  font-size: 16px;
  line-height: 1.65;
  color: #363a37;
}
.help-article .help-section > p, .help-article .candidate-guide > p { margin-block: 16px; }
.help-article .info-grid + p { margin-top: 24px; }
.help-article .help-callout { padding: 18px 20px; border-left: 3px solid #9da39e; background: #f7f7f6; border-radius: 8px; }
.help-article .candidate-guide { margin-block: 32px; }
.help-article .candidate-guide h3 { font-size: 20px; line-height: 1.35; }
.help-article .overview-settings-capture, .help-article .overview-search-captures,
.help-article .candidate-screen, .help-article .real-ui-demo { margin-inline: auto; }
.help-article figure figcaption { color: #626863; font-size: 14px; line-height: 1.65; }
.help-article .overview-capture-provenance { margin-inline: auto; }
.help-article .first-run { grid-template-columns: 1fr; gap: 24px; padding: 28px; margin-block: 32px; }
.help-article .feature-overview { padding-block: 32px; }
#main-content.help-page .help-article .help-section, #main-content.help-page .help-article [id] { scroll-margin-top: var(--help-anchor-clearance); }
@media (max-width: 1099px) {
  :root { --help-header-clearance: 148px; --help-anchor-clearance: 210px; }
  .help-layout { display: block; }
  .help-contents { position: static; z-index: 5; padding: 0; background: #fff; }
  .contents-enhanced .help-contents { position: sticky; top: var(--help-header-clearance); }
  .help-toc-desktop { display: none; }
  .help-toc-mobile { display: block; border-block: 1px solid #d9dcda; background: #fff; }
  .help-toc-mobile summary { padding: 14px; cursor: pointer; font-size: 14px; font-weight: 750; }
  .help-toc-mobile nav { max-height: min(55vh, calc(100dvh - var(--help-header-clearance) - 76px), 460px); overflow-y: auto; padding-bottom: 12px; }
  .help-page .help-hero { padding-top: 40px; }
}
@media (max-width: 600px) {
  body.context-pack-landing .hero .actions { margin-top: 20px; }
  .help-article .help-section { padding-block: 30px; }
  .help-article .first-run { padding: 20px; }
  .help-article .task-matrix { display: block; border: 0; }
  .task-matrix caption { display: block; text-align: left; }
  .task-matrix thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .task-matrix tbody { display: block; }
  .task-matrix tbody tr { display: block; margin-bottom: 16px; padding: 18px; border: 1px solid #d9dcda; border-radius: 12px; background: #f7f7f6; }
  .task-matrix tbody th, .task-matrix tbody td { display: block; width: 100%; padding: 0; border: 0; background: transparent; }
  .task-matrix tbody th { margin-bottom: 14px; font-size: 16px; }
  .task-matrix tbody td { margin-top: 12px; font-size: 14px; line-height: 1.65; }
  .task-matrix td::before { content: attr(data-label); display: block; margin-bottom: 4px; font-weight: 750; color: #111311; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }