.atlassian-page.blocker-triage {
  --app-accent: #fbbf24;
  --app-accent-rgb: 251, 191, 36;
}

.blocker-triage .app-hero {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}

.blocker-triage h1 small {
  display: block;
  margin-top: 12px;
  color: var(--text-secondary);
  font-size: 0.4em;
  letter-spacing: 0;
}

.triage-overview { padding: 40px; }
.triage-overview h2 { margin: 18px 0; font-size: clamp(1.75rem, 3vw, 2.5rem); }
.triage-overview dl { margin-top: 28px; }
.triage-overview dl div { padding: 18px 0; border-top: 1px solid var(--border-color); }
.triage-overview dt { color: var(--app-accent); font-weight: 600; margin-bottom: 6px; }
.triage-overview dd { color: var(--text-secondary); margin: 0; }
.triage-divider { border-top: 1px solid var(--border-color); }
.triage-section-intro { margin: 14px auto 0; max-width: 700px; }
.triage-preview-note { max-width: 800px; padding: 30px; margin: auto; text-align: center; }
.blocker-triage :focus-visible { outline: 3px solid var(--app-accent); outline-offset: 5px; }
.blocker-triage .skip-link { position: fixed; top: -100px; left: 20px; padding: 14px 20px; z-index: 2000; background: #0f1219; color: #fff; }
.blocker-triage .skip-link:focus { top: 12px; }

@media (max-width: 1080px) {
  .blocker-triage .app-hero { grid-template-columns: minmax(0, 1fr); }
  .blocker-triage .app-actions { justify-content: center; }
}
@media (max-width: 768px) {
  .triage-overview { padding: 28px 22px; }
}

.blocker-triage .app-title-row { align-items: flex-start; }
.blocker-triage .app-title-row .app-icon { width: 64px; height: 64px; border-radius: 16px; }
.triage-demo-gallery .app-shot { grid-column: 1 / -1; }
.triage-demo-gallery img { height: auto; }
.triage-demo-caption { margin-top: 12px; color: #bfdbfe; }
.triage-policy-note { margin: 24px 0; padding: 22px; border: 1px solid #fbbf24; border-radius: 12px; }
.triage-policy-note p { margin-top: 12px; }