/* Only the dedicated QA account can enable this unsaved content-size mode. */
.qa-content-double .rail { width: 78px; }
.qa-content-double main { margin-left: 78px; }
.qa-content-double .rail .brand-copy,
.qa-content-double .rail .nav-copy,
.qa-content-double .rail .nav-label,
.qa-content-double .rail .identity-copy,
.qa-content-double .collapse { display: none; }
.qa-content-double .rail .brand { justify-content: center; }
.qa-content-double .rail .nav-item,
.qa-content-double .rail .commandline-link { justify-content: center; padding-left: 0; padding-right: 0; }
.qa-content-double .rail nav { min-height: 0; overflow-y: auto; overflow-x: hidden; scrollbar-color: #71535e #17090f; scrollbar-width: thin; }
.qa-content-double .rail .nav-item { padding-top: 12px; padding-bottom: 12px; }
.qa-content-double .rail .nav-item b.attention-badge {
 display: inline-block; position: absolute; right: 0; top: 0;
 font-size: 9px; padding: 1px 2px; min-width: 0; flex-basis: auto;
 width: calc(3ch + 4px); max-width: 100%; box-sizing: border-box;
}
.qa-content-double .content { padding: 16px; }
.qa-content-double .page-heading,
.qa-content-double .panel-head { flex-wrap: wrap; gap: 12px; }
.qa-content-double .page-heading > div,
.qa-content-double .panel-head > div { min-width: 0; max-width: 100%; }
.qa-content-double h1, .qa-content-double h2,
.qa-content-double p, .qa-content-double small { overflow-wrap: anywhere; }
.qa-content-double .metrics { grid-template-columns: minmax(0, 1fr); }
.qa-content-double button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.qa-content-double .topbar { height: 65px; min-height: 65px; flex-wrap: nowrap; padding: 8px; }
.qa-content-double .topbar > div:first-child { display: none; }
.qa-content-double .top-status { display: flex; width: 100%; min-width: 0; gap: 8px; }
.qa-content-double .top-status > span { flex-shrink: 0; }
.qa-content-double #repository-scope-status { flex: 1; width: auto; max-width: none; min-width: 0; max-height: 100%; padding: 4px; font-size: .65rem; line-height: 1.15; white-space: normal; overflow-wrap: anywhere; overflow: auto; scrollbar-width: thin; scrollbar-color: #71535e #17090f; }
#qa-display-controls { padding: 20px; margin-bottom: 20px; }
#qa-display-controls select { display: block; margin-top: 8px; min-height: 36px; background: #17090f; color: #f6edf2; border: 1px solid #71535e; padding: 6px 10px; }
@media (max-width: 700px) {
 .qa-content-double .rail { width: 39px; padding: 12px 4px; }
 .qa-content-double main { margin-left: 39px; }
 .qa-content-double .rail .brand { padding: 0 0 12px; }
 .qa-content-double .rail .brand img { width: 24px; height: 24px; }
 .qa-content-double .rail-bottom { padding: 0; flex-shrink: 0; }
 .qa-content-double .rail .identity { flex-direction: column; padding: 0; gap: 6px; }
 .qa-content-double .rail .avatar { width: 24px; height: 24px; }
 .qa-content-double .rail .identity button { margin: 0; min-width: 24px; min-height: 24px; }
 .qa-content-double .content { padding: 12px 8px; }
 .qa-content-double .panel-head { padding: 12px; }
 .qa-content-double .panel-head > button { margin: 0; }
 .qa-content-double .notification-list .access-card { padding: 12px; }

 .qa-content-double .topbar > div:first-child { display: none; }
 .qa-content-double .repository-scope-status { max-width: 100%; }
}