/* app.css: the repository-page pieces Primer CSS 21.5.1 does not ship, measured in dark mode on 2 Oct 2026.
 * Load after vendor/primer-css/primer.min.css. Primer tokens only (var(--...)), plus #ff1f2e for the craitr mark. */

html { background: var(--bgColor-default); }
body { font-family: var(--fontStack-sansSerif); font-size: 14px; line-height: 1.5; color: var(--fgColor-default); background: var(--bgColor-default); }
a { color: var(--fgColor-accent); }

/* ---------- global header (logged-in "AppHeader" shape) ---------- */
.AppHeader { background: var(--bgColor-inset); box-shadow: inset 0 -1px 0 var(--borderColor-muted); }
.AppHeader-globalBar { display: flex; align-items: center; gap: 12px; height: 64px; padding: 16px 32px; }
.AppHeader-start { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; }
.AppHeader-end { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.AppHeader-button { display: inline-grid; place-items: center; width: 32px; height: 32px; padding: 0;
  color: var(--fgColor-muted); background: transparent; border: 1px solid var(--borderColor-default); border-radius: 6px; cursor: pointer; }
.AppHeader-button:hover { background: var(--control-transparent-bgColor-hover); }
.AppHeader-logo { display: inline-grid; place-items: center; width: 32px; height: 32px; color: var(--fgColor-default); }
.AppHeader-context { display: flex; align-items: center; gap: 2px; min-width: 0; font-size: 14px; line-height: 1.5; }
.AppHeader-context a { color: var(--fgColor-default); padding: 0 6px; border-radius: 6px; line-height: 32px; white-space: nowrap; text-decoration: none; }
.AppHeader-context a:hover { background: var(--control-transparent-bgColor-hover); }
.AppHeader-context .sep { color: var(--fgColor-muted); }
.AppHeader-context strong { font-weight: 600; }
.AppHeader-search { display: flex; align-items: center; gap: 8px; width: 272px; height: 32px; padding: 0 8px;
  color: var(--fgColor-muted); background: transparent; border: 1px solid var(--borderColor-default); border-radius: 6px; font-size: 14px; cursor: text; }
.AppHeader-search kbd { margin: 0 -4px; padding: 0 4px; font: 11px/16px var(--fontStack-monospace); color: var(--fgColor-muted);
  border: 1px solid var(--borderColor-default); border-radius: 4px; background: transparent; box-shadow: none; }
@media (max-width: 1011.98px) { .AppHeader-search { width: 32px; padding: 0; justify-content: center; } .AppHeader-search .AppHeader-search-text, .AppHeader-search kbd { display: none; } }
@media (max-width: 767.98px)  { .AppHeader-globalBar { padding: 16px; } }

/* ---------- repo title row ---------- */
.repohead { background: var(--bgColor-default); padding-top: 16px; }
.repohead-title { display: flex; align-items: center; gap: 1rem; margin-bottom: 16px; padding: 0 32px; }
.repohead-title .crumbs { display: flex; flex-wrap: wrap; align-items: center; font-size: 20px; line-height: 30px; min-width: 0; }
.repohead-title .crumbs a { color: var(--fgColor-accent); }
.repohead-title .crumbs strong a { font-weight: 600; }
.repohead-title .crumbs .Label { margin-left: 8px; }
.pagehead-actions { display: flex; gap: 8px; margin: 0 0 0 auto; padding: 2px 0; list-style: none; }
.pagehead-actions .btn-sm { height: 28px; padding: 3px 12px; font-size: 12px; font-weight: 500; line-height: 20px; }
.pagehead-actions .btn-sm .octicon { margin-right: 8px; color: var(--fgColor-muted); }
.pagehead-actions .Counter { margin-left: 2px; }
@media (max-width: 767.98px) { .repohead-title { padding: 0 16px; } .repohead-title .crumbs { font-size: 18px; line-height: 27px; } .pagehead-actions { display: none; } }

/* ---------- repo tabs (the 2px coral underline is broken in primer 21's :after selector — restate it) ---------- */
.UnderlineNav { padding: 0 32px; }
.UnderlineNav-body { gap: 8px; }
.UnderlineNav-item { position: relative; padding: 0 8px; line-height: 30px; border-radius: 6px; color: var(--fgColor-default); font-size: 14px; }
.UnderlineNav-item:hover { background: var(--control-transparent-bgColor-hover); text-decoration: none; border-bottom-color: transparent; }
.UnderlineNav-item .UnderlineNav-octicon { color: var(--fgColor-muted); margin-right: 8px; }
.UnderlineNav-item[aria-current="page"] { font-weight: 600; border-bottom-color: transparent; }
.UnderlineNav-item[aria-current="page"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -9px; height: 2px; width: auto; transform: none; z-index: 1;
  background: var(--underlineNav-borderColor-active); border-radius: 6px; }
.UnderlineNav-item .Counter { margin-left: 8px; }
@media (max-width: 767.98px) { .UnderlineNav { padding: 0 16px; } }

/* ---------- page grid: main + 320px "About" pane (320/24) ---------- */
.repo-layout { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 304px; column-gap: 40px; }
.repo-main { padding: 24px 0 24px 32px; min-width: 0; }
.repo-pane { padding: 24px 32px 24px 0; }
@media (max-width: 1011.98px) { .repo-layout { grid-template-columns: minmax(0, 1fr) 256px; column-gap: 16px; } .repo-main { padding: 16px 0 16px 16px; } .repo-pane { padding: 16px; } }
@media (max-width: 767.98px)  { .repo-layout { grid-template-columns: minmax(0, 1fr); } .repo-main { padding: 16px; } .repo-pane { padding: 0 16px 16px; } }

/* full-width sub-views (commits / releases / issues): no pane */
.repo-wide { max-width: 1344px; margin: 0 auto; padding: 24px 32px; } /* 1280 content + 2x32 */
@media (max-width: 767.98px) { .repo-wide { padding: 16px; } }

/* ---------- file browser ---------- */
.file-nav { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.file-nav .btn { height: 32px; padding: 0 12px; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; }
.file-nav .meta-link { color: var(--fgColor-muted); font-size: 14px; display: inline-flex; gap: 8px; align-items: center; height: 32px; padding: 0 4px; border-radius: 6px; font-weight: 500; }
.file-nav .meta-link:hover, .file-box-head .right .history:hover { background: var(--control-transparent-bgColor-hover); text-decoration: none; }
.file-nav .meta-link strong { color: var(--fgColor-default); }
.file-box { border: 1px solid var(--borderColor-default); border-radius: 6px; overflow: hidden; }
.file-box-head { display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 8px 16px; background: var(--bgColor-muted); border-bottom: 1px solid var(--borderColor-default); font-size: 14px; }
.file-box-head .author { font-weight: 600; color: var(--fgColor-default); }
.file-box-head .msg { color: var(--fgColor-muted); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-box-head .right { margin-left: auto; display: flex; gap: 16px; align-items: center; color: var(--fgColor-muted); font-size: 12px; white-space: nowrap; }
.file-box-head .right a { color: var(--fgColor-default); font-weight: 600; }
.file-box-head .author { white-space: nowrap; }
@media (max-width: 767.98px) {
  .file-box-head .msg, .file-box-head .right .sha-link { display: none; }
  .file-box-head .right .History-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .file-box-head .right .history { min-width: 32px; justify-content: center; }
}
.file-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) 120px; align-items: center; height: 41px; padding: 0 16px; border-top: 1px solid var(--borderColor-default); }
.file-row:first-child { border-top: 0; }
.file-row:hover { background: var(--bgColor-muted); }
.file-row .name { display: flex; align-items: center; gap: 10px; min-width: 0; }
.file-row .name .octicon { flex: none; color: var(--fgColor-muted); }
.file-row .name .octicon-file-directory-fill { color: var(--treeViewItem-leadingVisual-iconColor-rest, #9198a1); }
.file-row .name a { color: var(--fgColor-default); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.file-row .msg a { color: var(--fgColor-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.file-row .msg a:hover { color: var(--fgColor-accent); }
.file-row .age { color: var(--fgColor-muted); text-align: right; white-space: nowrap; }
@media (max-width: 767.98px) { .file-row { grid-template-columns: minmax(0, 1fr) auto; } .file-row .msg { display: none; } }

/* ---------- README box ---------- */
.readme-box { margin-top: 16px; border: 1px solid var(--borderColor-default); border-radius: 6px; }
.readme-head { display: flex; align-items: center; gap: 8px; height: 48px; padding: 0 8px; border-bottom: 1px solid var(--borderColor-default); position: sticky; top: 0; background: var(--bgColor-default); border-radius: 6px 6px 0 0; z-index: 1; }
.readme-head .UnderlineNav-item { font-size: 14px; }
.readme-box .markdown-body { padding: 32px; }
@media (max-width: 767.98px) { .readme-box .markdown-body { padding: 16px 32px 32px; } }

/* ---------- About pane (BorderGrid in old DOM) ---------- */
.BorderGrid-cell { padding: 0 0 16px; margin-bottom: 16px; border-bottom: 1px solid var(--borderColor-default); }
.BorderGrid-cell:last-child { border-bottom: 0; }
.BorderGrid-cell h2 { font-size: 16px; font-weight: 600; line-height: 24px; margin: 0 0 12px; display: flex; align-items: center; gap: 6px; }
.BorderGrid-cell h2 a { color: var(--fgColor-default); }
.BorderGrid-cell .about-desc { font-size: 16px; line-height: 24px; margin: 0 0 16px; }
.BorderGrid-cell .about-link { display: flex; align-items: center; gap: 8px; font-weight: 600; margin-bottom: 16px; }
.topic-list { display: flex; flex-wrap: wrap; gap: 8px 4px; margin-bottom: 16px; }
.topic-tag { display: inline-block; padding: 2px 12px; font-size: 12px; font-weight: 600; line-height: 19.5px; white-space: nowrap;
  color: var(--fgColor-accent); background: var(--bgColor-accent-muted); border: 1px solid transparent; border-radius: 2em; }
.topic-tag:hover { background: var(--bgColor-accent-emphasis); color: var(--fgColor-onEmphasis); text-decoration: none; }
.about-meta { list-style: none; margin: 0; padding: 0; }
.about-meta li { margin-top: 8px; line-height: 21px; }
.about-meta a { color: var(--fgColor-muted); display: inline-flex; align-items: center; gap: 8px; font-size: 14px; }
.about-meta a:hover { color: var(--fgColor-accent); text-decoration: none; }
.contributors { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0; padding: 0; }
.contributors img, .contributors svg { width: 32px; height: 32px; border-radius: 50%; display: block; box-shadow: 0 0 0 1px var(--avatar-borderColor); }
.lang-list { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; column-gap: 16px; row-gap: 4px; font-size: 12px; }
.lang-list .octicon { margin-right: 4px; }
.lang-list .lname { font-weight: 600; color: var(--fgColor-default); }
.lang-list .pct { color: var(--fgColor-muted); margin-left: 4px; }
.Progress { height: 8px; border-radius: 3px; } /* 8px tall, radius 3 */
.Progress-item + .Progress-item { margin-left: 2px; } /* the 2px dark seams between languages */

/* ---------- commits view ---------- */
.commits-title { font-size: 24px; line-height: 36px; font-weight: 400; padding-bottom: 8px; margin: 0 0 16px; border-bottom: 1px solid var(--borderColor-default); }
.commit-group { position: relative; padding-left: 41px; }
.commit-group::before { content: ""; position: absolute; left: 16px; top: 29px; bottom: 0; width: 2px; background: var(--borderColor-muted); }
.commit-group-head { position: relative; padding: 4px 0; color: var(--fgColor-muted); font-size: 14px; line-height: 21px; }
.commit-group-head .octicon { position: absolute; left: -33px; top: 6px; color: var(--fgColor-muted); background: var(--bgColor-default); }
.commit-list { list-style: none; margin: 8px 0 8px; padding: 0; border: 1px solid var(--borderColor-default); border-radius: 6px; }
.commit-row { display: flex; align-items: center; gap: 16px; padding: 8px 16px; min-height: 69px; border-top: 1px solid var(--borderColor-default); }
.commit-row:first-child { border-top: 0; }
.commit-row:hover { background: var(--bgColor-muted); }
.commit-row .title { font-size: 16px; font-weight: 500; line-height: 24px; color: var(--fgColor-default); }
.commit-row .meta { font-size: 12px; line-height: 18px; color: var(--fgColor-muted); display: flex; align-items: center; gap: 4px; margin-top: 2px; }
.commit-row .meta .avatar { width: 16px; height: 16px; border-radius: 50%; }
.commit-row .sha { margin-left: auto; font: 500 12px/19.5px var(--fontStack-sansSerif); color: var(--fgColor-default); white-space: nowrap; }
@media (max-width: 767.98px) {
  /* cards run the full width; the rail lives only beside the day heading and in the gap between cards */
  .commit-group { padding-left: 0; }
  .commit-group::before { left: 15px; top: -8px; bottom: auto; height: 14px; } /* from the card above to this day's icon */
  .commit-group.is-first::before { display: none; }
  .commit-group-head { padding-left: 41px; }
  .commit-group-head .octicon { left: 8px; }
  .commit-list { margin-left: 0; }
  .commits-title { font-size: 22px; line-height: 33px; }
  .commit-row .sha { display: none; }
}

/* ---------- releases view ---------- */
.release-layout { display: grid; grid-template-columns: 162px minmax(0, 1fr); gap: 40px; max-width: 1114px; margin: 0 auto; }
.release-nav a { position: relative; display: block; padding: 6px 8px; border-radius: 6px; color: var(--fgColor-default); font-weight: 400; font-size: 14px; }
.release-nav a[aria-current] { font-weight: 400; background: var(--bgColor-neutral-muted, rgba(101, 108, 118, .2)); }
.release-nav a[aria-current]::before { content: ""; position: absolute; left: -8px; top: calc(50% - 12px); width: 4px; height: 24px; border-radius: 6px; background: var(--bgColor-accent-emphasis); }
@media (max-width: 1011.98px) { .release-layout { grid-template-columns: 155px minmax(0, 1fr); gap: 40px; } }
@media (max-width: 767.98px) { .release-layout { grid-template-columns: minmax(0, 1fr); } .release-nav { display: none; } .release-jump { display: flex; } }

/* ---------- footer ---------- */
.site-footer { padding: 48px 16px 40px; font-size: 12px; line-height: 18px; color: var(--fgColor-muted); }
.site-footer ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 16px; list-style: none; margin: 0; padding: 0; }
.site-footer a { color: var(--fgColor-muted); }
.site-footer a:hover { color: var(--fgColor-accent); }
.site-footer .mark { display: inline-flex; align-items: center; gap: 8px; margin-right: 8px; }

/* =====================================================================
 * craitr additions (everything below): views, popovers, drawer, search.
 * Primer tokens only, plus the craitr red #ff1f2e for the mark.
 * ===================================================================== */
html { scroll-padding-top: 16px; }
body { min-height: 100vh; display: flex; flex-direction: column; overflow-x: hidden; }
main { flex: 1 0 auto; outline: none; }
.skip-link { position: absolute; left: 8px; top: -48px; z-index: 100; padding: 8px 12px; background: var(--bgColor-default); color: var(--fgColor-accent); border: 1px solid var(--borderColor-default); border-radius: 6px; }
.skip-link:focus { top: 8px; }
:focus-visible { outline: 2px solid var(--focus-outlineColor); outline-offset: -2px; }
.AppHeader-logo:focus-visible, .AppHeader-context a:focus-visible { outline-offset: 0; }
.AppHeader-logo:hover .craitr-mark { filter: drop-shadow(0 0 6px rgba(255, 31, 46, .55)); }
.btn .octicon { margin-right: 0; }
.btn { display: inline-flex; align-items: center; gap: 8px; }
.btn-octicon { display: inline-grid; place-items: center; width: 28px; height: 28px; padding: 0; margin: 0; color: var(--fgColor-muted); background: transparent; border: 0; border-radius: 6px; cursor: pointer; }
.btn-octicon:hover { color: var(--fgColor-accent); background: var(--control-transparent-bgColor-hover); }
.btn-octicon.copied { color: var(--fgColor-success); }
.min-width-0 { min-width: 0; }

/* repo head */
.repo-avatar { display: inline-flex; margin-right: 8px; }
.repo-avatar svg { border-radius: 6px; box-shadow: 0 0 0 1px var(--avatar-borderColor); }
.repohead-desc { display: none; margin: -8px 16px 12px; color: var(--fgColor-muted); font-size: 14px; }
.pagehead-actions .btn-sm { gap: 0; }
.pagehead-actions .btn-sm .dropdown-caret { margin-left: 8px; }
#star-btn .star-on { display: none; color: #e3b341; }
#star-btn[data-on="true"] .star-on { display: inline-block; }
#star-btn[data-on="true"] .star-off { display: none; }
.watch-wrap { position: relative; }
.UnderlineNav { overflow-x: auto; scrollbar-width: none; min-height: 48px; }
.UnderlineNav::-webkit-scrollbar { display: none; }
.UnderlineNav-body { padding: 9px 0; }
@media (max-width: 767.98px) {
  .repohead-title { flex-wrap: wrap; row-gap: 8px; }
  .pagehead-actions { display: flex; margin-left: 0; width: 100%; }
  .pagehead-actions .btn-sm { padding: 3px 10px; }
  .repohead-desc { display: block; }
}

/* popovers (Watch, branch, Code, year, outline) */
.pop-wrap { position: relative; display: inline-flex; }
.gh-pop { position: absolute; top: calc(100% + 4px); left: 0; z-index: 30; min-width: 240px; max-width: calc(100vw - 32px);
  background: var(--overlay-bgColor); border-radius: 12px; box-shadow: var(--shadow-floating-large); padding: 8px 0; font-size: 14px; }
.gh-pop[hidden] { display: none; }
.gh-pop-right, .watch-pop { left: auto; right: 0; }
.watch-pop { width: 320px; }
.gh-pop-head { display: flex; align-items: center; gap: 8px; padding: 4px 8px 8px 16px; border-bottom: 1px solid var(--borderColor-muted); margin-bottom: 4px; }
.gh-pop-head h2 { flex: 1; font-size: 14px; font-weight: 600; margin: 0; display: flex; align-items: center; gap: 8px; }
.gh-pop-body { padding: 8px 16px; }
.gh-pop-item { display: flex; align-items: center; gap: 8px; margin: 0 8px; padding: 6px 8px; border-radius: 6px; color: var(--fgColor-default); }
.gh-pop-item:hover { background: var(--control-transparent-bgColor-hover); text-decoration: none; }
.gh-pop-item .octicon { color: var(--fgColor-muted); }
.pop-check { display: inline-block; width: 16px; }
.watch-row { display: flex; gap: 4px; }
.watch-row .form-control { flex: 1; min-width: 0; }
.watch-msg, .req-msg { min-height: 18px; margin: 0; font-size: 12px; color: var(--fgColor-muted); }
.is-ok { color: var(--fgColor-success) !important; }
.is-err { color: var(--fgColor-danger) !important; }
.code-pop { width: 320px; }
.input-monospace { font-family: var(--fontStack-monospace); font-size: 12px; }
@media (max-width: 767.98px) { .watch-pop { right: auto; left: 0; width: min(320px, calc(100vw - 32px)); } }

/* file box */
.file-nav .branch-btn .text-bold { font-weight: 600; }
.file-nav .search-file { color: var(--fgColor-muted); font-weight: 400; width: 204px; padding: 0 8px; justify-content: flex-start; background: var(--bgColor-default); box-shadow: inset 0 1px 0 rgba(1, 4, 9, .24); }
.file-nav .search-file kbd { margin-left: auto; padding: 0 4px; font: 11px/16px var(--fontStack-monospace); border: 1px solid var(--borderColor-default); border-radius: 4px; background: none; box-shadow: none; }
@media (max-width: 1011.98px) {
  .file-nav .search-file { width: auto; padding: 0 12px; justify-content: center; background: var(--button-default-bgColor-rest); box-shadow: none; color: var(--fgColor-default); font-weight: 500; }
  .file-nav .search-file .octicon, .file-nav .search-file kbd { display: none; }
  .file-nav .meta-link { width: 32px; padding: 0; justify-content: center; border: 1px solid var(--borderColor-default); background: var(--button-default-bgColor-rest); color: var(--fgColor-muted); }
  .file-nav .meta-link .meta-label, .file-box-head .right .History-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .file-box-head .right .history { min-width: 32px; justify-content: center; }
}
@media (max-width: 767.98px) { .file-nav .search-file { display: none; } .file-nav .code-btn .octicon-code { display: none; } }
.file-box-head .msg { flex: 1 1 auto; }
.file-box-head .msg:hover { color: var(--fgColor-accent); }
.file-box-head .org-avatar { flex: none; border-radius: 6px; box-shadow: 0 0 0 1px var(--avatar-borderColor); }
.file-box-head .right .sha-link, .file-box-head .right .sha-link code { font: 400 12px/18px var(--fontStack-sansSerif); color: var(--fgColor-muted); background: none; padding: 0; }
.file-box-head .right { gap: 4px; }
.file-box-head .right .history { display: inline-flex; align-items: center; gap: 6px; margin-left: 12px; height: 28px; padding: 0 8px; border-radius: 6px; color: var(--fgColor-default); font-weight: 500; }
.file-box-head .right .history strong { font-weight: 600; }
.file-row .name a:hover, .file-row .name a:focus { color: var(--fgColor-accent); }
@media (max-width: 767.98px) { .file-box-head .right .dot { display: none; } .file-box-head { gap: 8px; } }

/* README */
.readme-head .UnderlineNav-item { line-height: 30px; }
.readme-head .UnderlineNav-item[aria-current="page"]::after { bottom: -9px; }
.outline-menu { position: relative; }
.outline-menu summary { list-style: none; }
.outline-menu summary::-webkit-details-marker { display: none; }
.outline-pop { right: 0; left: auto; padding: 8px; }
.outline-pop a { display: block; padding: 6px 8px; border-radius: 6px; color: var(--fgColor-default); }
.outline-pop a:hover { background: var(--control-transparent-bgColor-hover); text-decoration: none; }
.markdown-body { font-size: 16px; line-height: 1.5; color: var(--fgColor-default); }
.markdown-body h1, .markdown-body h2 { border-bottom-color: var(--borderColor-muted); }
.markdown-body blockquote { color: var(--fgColor-muted); border-left-color: var(--borderColor-default); }
.markdown-body table { display: table; width: 100%; }
.markdown-body table th { text-align: left; white-space: nowrap; }
.markdown-body .people-table th { width: 1%; padding-right: 24px; }
.markdown-body .highlight pre, .markdown-body pre { background: var(--bgColor-muted); border-radius: 6px; font-size: 85%; line-height: 1.45; padding: 16px; overflow: auto; }
.gl-prompt { color: var(--fgColor-muted); user-select: none; }
.gl-sha { color: #e3b341; text-decoration: underline; text-underline-offset: .2em; }
.markdown-body a:not(.btn) { text-decoration: underline; text-underline-offset: .2em; }
a.gl-sha:hover { text-decoration: underline; }
.markdown-body .Label { vertical-align: 1px; }
.noscript-box { margin-top: 16px; padding: 16px 32px; border: 1px solid var(--borderColor-default); border-radius: 6px; }
.noscript-box li { margin: 8px 0; }

/* About pane */
.release-latest { display: flex; gap: 8px; align-items: flex-start; margin-bottom: 8px; color: var(--fgColor-default); }
.release-latest:hover { text-decoration: none; }
.release-latest:hover .Link--primary { color: var(--fgColor-accent); }
.release-latest .octicon { margin-top: 4px; flex: none; }
.lang-list a { color: inherit; display: inline-flex; align-items: center; }
.lang-list a:hover { text-decoration: none; }
.lang-list a:hover .lname { color: var(--fgColor-accent); }
.lang-note { margin: 8px 0 0; font-size: 12px; color: var(--fgColor-muted); }
.Progress { display: flex; overflow: hidden; background: var(--bgColor-neutral-muted); }
.contributors .identicon { width: 32px; height: 32px; border-radius: 50%; display: block; box-shadow: 0 0 0 1px var(--avatar-borderColor); }
.org-avatar { flex: none; border-radius: 4px; box-shadow: 0 0 0 1px var(--avatar-borderColor); vertical-align: middle; }

/* commits */
.commits-title a { color: var(--fgColor-accent); }
.commits-controls { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.commits-controls .btn { height: 32px; }
.filter-flash { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 12px 16px; margin-bottom: 16px; border: 1px solid var(--borderColor-accent-emphasis); background: var(--bgColor-accent-muted); border-radius: 6px; }
.filter-flash a { display: inline-flex; align-items: center; gap: 4px; }
.commit-group-head { margin: 0; font-weight: 400; }
.commit-row { align-items: flex-start; }
.commit-main { flex: 1 1 auto; min-width: 0; }
.commit-row .title { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.commit-row .title a { color: var(--fgColor-default); }
.commit-row .title a:hover { color: var(--fgColor-accent); }
.ellipsis-expander { display: inline-flex; align-items: center; height: 14px; padding: 0 4px; margin: 0; line-height: 1; color: var(--fgColor-default); background: var(--bgColor-neutral-muted); border: 0; border-radius: 1px; cursor: pointer; }
.ellipsis-expander:hover, .ellipsis-expander[aria-expanded="true"] { background: var(--bgColor-accent-emphasis); color: var(--fgColor-onEmphasis); }
.ellipsis-expander .octicon { width: 12px; height: 12px; }
.commit-body { margin: 6px 0 4px; padding: 8px 12px; font: 12px/1.6 var(--fontStack-monospace); color: var(--fgColor-muted); white-space: pre-wrap; border-left: 2px solid var(--borderColor-default); }
.commit-body p { margin: 0 0 6px; }
.entry-links { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 16px; font-family: var(--fontStack-sansSerif); }
.entry-links a { display: inline-flex; align-items: center; gap: 4px; }
.commit-row .meta { flex-wrap: wrap; }
.commit-row .meta .org-avatar { margin-right: 2px; }
.author-name { font-weight: 600; color: var(--fgColor-default); }
.commit-row .place { color: var(--fgColor-muted); }
.row-actions { display: flex; align-items: center; gap: 4px; flex: none; align-self: center; }
.sha-btn { display: inline-flex; align-items: center; height: 28px; padding: 0 8px; font: 500 12px/19.5px var(--fontStack-sansSerif); color: var(--fgColor-default); border-radius: 6px; }
.sha-btn:hover { background: var(--control-transparent-bgColor-hover); text-decoration: none; }
@media (max-width: 767.98px) { .row-actions .sha-btn, .row-actions [data-copy-link] { display: none; } .commit-row { padding: 8px 12px; gap: 8px; } .commit-row .title { font-size: 15px; }
  .ellipsis-expander { min-width: 24px; min-height: 24px; justify-content: center; } }

/* one commit */
.commit-hd-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.commit-hd-top .min-width-0 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.commit-title { font-size: 20px; line-height: 1.4; font-weight: 600; margin: 0; word-break: break-word; }
.commit-branches { display: flex; align-items: center; gap: 4px; font-size: 12px; color: var(--fgColor-muted); }
.commit-branches a { color: var(--fgColor-muted); font-weight: 600; margin-left: 2px; }
.commit-branches .octicon { margin-right: 2px; }
.commit-hd-foot { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14px; }
.commit-ids { margin-left: auto; font-size: 12px; color: var(--fgColor-muted); }
.commit-ids .sha, .commit-ids code { font: 600 12px var(--fontStack-monospace); color: var(--fgColor-default); background: none; }
.toc-diff-stats { margin: 16px 0; font-size: 14px; color: var(--fgColor-default); }
.diff-file-head { display: flex; align-items: center; gap: 8px; padding: 8px 16px; font-family: var(--fontStack-monospace); font-size: 12px; }
.diff-file-head .diffstat { display: inline-flex; align-items: center; gap: 1px; font-weight: 600; color: var(--fgColor-default); }
.diffstat-block-added { display: inline-block; width: 8px; height: 8px; margin-left: 1px; background: var(--fgColor-success); }
.diffstat-block-added:first-of-type { margin-left: 6px; }
.diff-path { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.diff-scroll { overflow-x: auto; }
.diff-table { width: 100%; border-collapse: collapse; font: 12px/20px var(--fontStack-monospace); }
.diff-table td { padding: 0 10px; vertical-align: top; }
.diff-table .num { width: 1%; min-width: 50px; text-align: right; color: var(--fgColor-muted); user-select: none; }
.diff-table tr.add .num { background: rgba(63, 185, 80, .3); color: var(--fgColor-default); }
.diff-table tr.add .code { background: rgba(46, 160, 67, .15); white-space: pre-wrap; word-break: break-word; }
.diff-table tr.hunk td { background: rgba(56, 139, 253, .1); color: var(--fgColor-muted); padding-top: 4px; padding-bottom: 4px; }
.diff-table .sign { display: inline-block; width: 16px; margin-left: -4px; user-select: none; color: var(--fgColor-default); }
.commit-pager { display: flex; justify-content: space-between; margin-top: 24px; }

/* releases */
.release-seg { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; max-width: 1114px; margin: 0 auto 8px; padding-bottom: 24px; border-bottom: 1px solid var(--borderColor-default); }
.release-seg .BtnGroup-item { height: 32px; padding: 5px 16px; font-weight: 500; }
.BtnGroup-item.selected { background: var(--bgColor-accent-emphasis, #1f6feb); border-color: var(--bgColor-accent-emphasis, #1f6feb); color: var(--fgColor-onEmphasis, #fff); font-weight: 500; box-shadow: none; z-index: 1; }
.BtnGroup-item.selected:hover { background: var(--bgColor-accent-emphasis, #1f6feb); }
.release-seg .BtnGroup-item:not(.selected) { background: transparent; }
.release-seg .BtnGroup-item:not(.selected):hover { background: var(--control-transparent-bgColor-hover); }
.release-find { position: relative; width: 200px; }
.release-find .octicon { position: absolute; left: 8px; top: 8px; color: var(--fgColor-muted); pointer-events: none; }
.release-find .form-control { width: 100%; height: 32px; padding-left: 32px; background: var(--bgColor-default); }
@media (max-width: 767.98px) { .release-find { width: 100%; } }
.release-nav h2 { padding-top: 24px; font-size: 20px; font-weight: 600; line-height: 30px; margin: 0 0 8px; }
.release-nav a { overflow: visible; }
.release-nav a .truncate { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.release-nav a:hover { background: var(--control-transparent-bgColor-hover); text-decoration: none; }
.release-cards { padding-top: 40px; }
.release-card { margin: 0 0 32px; }
.release-card .Box-body { padding: 16px; }
.release-head { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
.release-title { font-size: 32px; line-height: 48px; font-weight: 600; margin: 0; word-break: break-word; }
.release-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 14px; color: var(--fgColor-muted); padding-bottom: 24px; margin-bottom: 16px; border-bottom: 1px solid var(--borderColor-default); }
.release-meta .author-name { color: var(--fgColor-muted); }
.release-refs { display: inline-flex; align-items: center; gap: 6px; margin-left: 8px; font: 12px var(--fontStack-monospace); }
.release-refs .tag-name { font: 400 14px/21px var(--fontStack-sansSerif); color: var(--fgColor-muted); margin-left: -2px; }
.release-refs a { display: inline-flex; align-items: center; gap: 4px; color: var(--fgColor-muted); margin-left: 8px; font-size: 14px; }
.release-facts { display: flex; flex-wrap: wrap; gap: 4px 16px; color: var(--fgColor-muted); font-size: 14px; }
.release-facts span, .release-facts { display: inline-flex; align-items: center; }
.release-facts { display: flex; }
.release-facts .octicon { margin-right: 6px; }
.release-notes .entry-links { font-size: 14px; }
.tag-row { display: flex; }
.tag-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin-top: 4px; font-size: 12px; color: var(--fgColor-muted); }
.tag-meta a { display: inline-flex; gap: 4px; align-items: center; color: var(--fgColor-muted); font-family: var(--fontStack-monospace); }
@media (max-width: 767.98px) { .release-title { font-size: 24px; } .release-card .Box-body { padding: 16px; } }

/* issues, pulls, projects */
.issues-top { display: flex; gap: 8px; margin-bottom: 16px; }
.issues-search { position: relative; flex: 1; }
.issues-search .octicon { position: absolute; left: 8px; top: 8px; color: var(--fgColor-muted); }
.issues-search .form-control { width: 100%; height: 32px; padding-left: 32px; background: var(--bgColor-default); }
.issues-head { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; padding: 16px; }
.issues-box .issues-head .Counter { margin-left: 2px; }
.issues-head a, .issues-head span { display: inline-flex; align-items: center; gap: 6px; }
.issue-row { display: flex; gap: 8px; align-items: flex-start; padding: 8px 16px; }
.issues-view .issues-box .issue-row.is-issue { padding: 10px 16px; min-height: 65px; }
.issue-row > .octicon { margin-top: 4px; }
.issue-title { font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--fgColor-default); margin-right: 4px; }
.issue-title:hover { color: var(--fgColor-accent); text-decoration: none; }
.issue-meta { margin-top: 2px; font-size: 12px; color: var(--fgColor-muted); }
.issue-meta a { color: var(--fgColor-muted); }
.IssueLabel { display: inline-block; padding: 0 8px; font-size: 12px; font-weight: 600; line-height: 18px; white-space: nowrap; border: 1px solid transparent; border-radius: 2em; vertical-align: 2px; }
.IssueLabel--plain { color: var(--fgColor-muted); border-color: var(--borderColor-default); }
.protip { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; margin: 20px 0; font-size: 14px; color: var(--fgColor-muted); text-align: center; }
.pulls-intro { display: flex; gap: 8px; align-items: center; margin: 0 0 16px; }
.color-fg-open { color: var(--fgColor-open); }

/* one issue */
.gh-header { padding-bottom: 16px; margin-bottom: 24px; border-bottom: 1px solid var(--borderColor-default); }
.gh-header-title { font-size: 32px; line-height: 1.25; font-weight: 400; margin: 0 0 8px; word-break: break-word; }
.gh-header-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 14px; }
.State { display: inline-flex; align-items: center; gap: 4px; padding: 5px 12px; font-size: 14px; font-weight: 500; line-height: 20px; border-radius: 2em; color: var(--fgColor-onEmphasis); }
.State--open { background: var(--bgColor-open-emphasis); }
.issue-layout { display: grid; grid-template-columns: minmax(0, 1fr) 256px; gap: 32px; }
.comment-wrap { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 24px; }
.comment-avatar { border-radius: 8px; }
.comment { flex: 1; min-width: 0; position: relative; }
.comment-head { display: flex; align-items: center; gap: 8px; padding: 8px 16px; background: var(--bgColor-accent-muted); border-bottom-color: var(--borderColor-accent-muted, #4493f866); }
.comment-body { padding: 16px; font-size: 14px; }
.comment-form { margin-left: 56px; }
.comment-form textarea { width: 100%; min-height: 120px; resize: vertical; background: var(--bgColor-default); }
.req-row { display: flex; gap: 8px; margin-top: 8px; }
.req-row .form-control { flex: 1; min-width: 0; background: var(--bgColor-default); }
.req-foot { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 8px; }
.req-foot .req-msg { flex: 1; }
.issue-side .side-cell { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--borderColor-muted); font-size: 12px; color: var(--fgColor-muted); }
.issue-side h2 { font-size: 12px; font-weight: 600; color: var(--fgColor-muted); margin: 0 0 8px; }
@media (max-width: 767.98px) {
  .issue-layout { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .gh-header-title { font-size: 24px; }
  .comment-wrap { gap: 0; } .comment-avatar { display: none; } .comment-form { margin-left: 0; }
  .req-row { flex-direction: column; }
}

/* insights */
.insights-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; }
.insights-nav { display: flex; flex-direction: column; border: 1px solid var(--borderColor-default); border-radius: 6px; align-self: start; overflow: hidden; }
.insights-nav a { padding: 8px 16px; color: var(--fgColor-default); border-top: 1px solid var(--borderColor-muted); }
.insights-nav a:first-child { border-top: 0; }
.insights-nav a[aria-current] { box-shadow: inset 2px 0 0 var(--underlineNav-borderColor-active); background: var(--control-transparent-bgColor-selected); font-weight: 600; }
.insights-nav a:hover { background: var(--control-transparent-bgColor-hover); text-decoration: none; }
.insights-title { font-size: 24px; font-weight: 400; padding-bottom: 8px; margin: 0 0 16px; border-bottom: 1px solid var(--borderColor-default); }
.chart-box .Box-header { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.chart-box h2 { margin: 0; }
.activity-chart { width: 100%; height: 196px; display: block; }
.chart-wrap { min-height: 196px; }
.activity-chart .bar { fill: #2ea043; }
.activity-chart .bar-future { fill: #2ea043; opacity: .35; }
.activity-chart .grid { stroke: var(--borderColor-muted); stroke-width: 1; }
.activity-chart .axis { fill: var(--fgColor-muted); font-size: 12px; text-anchor: middle; font-family: var(--fontStack-sansSerif); }
.role-head { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; margin: 24px 0 8px; }
.contrib-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.contrib-card { display: flex; align-items: center; gap: 12px; padding: 12px 16px; }
.contrib-card .identicon { border-radius: 50%; flex: none; box-shadow: 0 0 0 1px var(--avatar-borderColor); }
@media (max-width: 767.98px) { .insights-layout { grid-template-columns: minmax(0, 1fr); } .insights-nav { flex-direction: row; overflow-x: auto; } .insights-nav a { border-top: 0; white-space: nowrap; } }

.blankslate { padding: 32px; text-align: center; }
.blankslate-large { padding: 64px 32px; }
.blankslate-icon { width: 24px; height: 24px; color: var(--fgColor-muted); margin-bottom: 8px; }
.blankslate-heading { font-size: 20px; font-weight: 600; margin: 0 0 4px; }

/* drawer */
.drawer-backdrop { position: fixed; inset: 0; z-index: 90; background: var(--overlay-backdrop-bgColor, #21283066); }
.drawer { position: fixed; top: 0; bottom: 0; left: 0; z-index: 91; width: min(320px, 85vw); padding: 16px; overflow-y: auto;
  background: var(--overlay-bgColor); border-radius: 0 12px 12px 0; box-shadow: var(--shadow-floating-large); animation: drawer-in .2s cubic-bezier(.33, 1, .68, 1); }
.drawer[hidden], .drawer-backdrop[hidden] { display: none; }
@keyframes drawer-in { from { transform: translateX(-100%); } to { transform: none; } }
.drawer-head { display: flex; align-items: center; margin-bottom: 16px; }
.drawer-list { list-style: none; margin: 0; padding: 0; }
.drawer-list a { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 6px; color: var(--fgColor-default); font-size: 14px; }
.drawer-list a:hover { background: var(--control-transparent-bgColor-hover); text-decoration: none; }
.drawer-list .octicon { color: var(--fgColor-muted); }
.drawer-sub { margin: 16px 8px 4px; padding-top: 16px; border-top: 1px solid var(--borderColor-muted); font-size: 12px; font-weight: 600; color: var(--fgColor-muted); }

/* search */
.search-backdrop { position: fixed; inset: 0; z-index: 95; background: var(--overlay-backdrop-bgColor, #21283066); display: flex; justify-content: center; align-items: flex-start; padding: 8px; }
.search-backdrop[hidden] { display: none; }
.search-dialog { width: min(720px, 100%); margin-top: 8px; background: var(--overlay-bgColor); border-radius: 12px; box-shadow: var(--shadow-floating-large); overflow: hidden; }
.search-input-row { display: flex; align-items: center; gap: 8px; padding: 8px 8px 8px 16px; border-bottom: 1px solid var(--borderColor-muted); color: var(--fgColor-muted); }
.search-input-row input { flex: 1; min-width: 0; height: 32px; padding: 0; font-size: 14px; color: var(--fgColor-default); background: transparent; border: 0; outline: none; box-shadow: none; }
.search-input-row input::-webkit-search-cancel-button { display: none; }
.search-input-row:focus-within { box-shadow: inset 0 -2px 0 var(--focus-outlineColor); }
.search-results { list-style: none; margin: 0; padding: 8px; max-height: min(60vh, 480px); overflow-y: auto; }
.search-results [role="option"] { cursor: pointer; display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; column-gap: 8px; align-items: center; padding: 6px 8px; border-radius: 6px; color: var(--fgColor-default); }
.search-results [role="option"]:hover, .search-results [aria-selected="true"] { background: var(--control-transparent-bgColor-hover); }
.search-results [aria-selected="true"] { box-shadow: inset 2px 0 0 var(--fgColor-accent); }
.search-results .octicon { color: var(--fgColor-muted); grid-row: span 2; }
.sr-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.sr-desc { grid-column: 2; font-size: 12px; color: var(--fgColor-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sr-kind { grid-column: 3; grid-row: 1; font-size: 12px; color: var(--fgColor-muted); font-family: var(--fontStack-monospace); }
.search-foot { padding: 8px 16px; font-size: 12px; color: var(--fgColor-muted); border-top: 1px solid var(--borderColor-muted); }
.search-foot kbd { padding: 0 4px; margin: 0 1px; font: 11px/16px var(--fontStack-monospace); color: var(--fgColor-muted); border: 1px solid var(--borderColor-default); border-radius: 4px; background: none; box-shadow: none; }

/* footer */
.site-footer .mark { color: var(--fgColor-muted); }
.site-footer .mark svg { flex: none; }

@media (prefers-reduced-motion: reduce) { .drawer { animation: none; } }

/* fixes after the first headless pass */
h1[tabindex="-1"]:focus, h1[tabindex="-1"]:focus-visible { outline: none; }
.btn-octicon-spacer { display: inline-block; width: 28px; }
.markdown-body ul.entry-links { padding-left: 0; }
.activity-chart .axis-year { font-weight: 600; fill: var(--fgColor-default); }
@media (max-width: 767.98px) {
  .commit-row .place-sep { display: none; }
  .commit-row .place { flex-basis: 100%; }
  .btn-octicon-spacer { display: none; }
}
/* Primer 21 ships a second, valid ::after rule (right:50%; translate(50%)) that beats the plain restatement: out-rank it. */
.UnderlineNav .UnderlineNav-item[aria-current]:not([aria-current=false])::after,
.readme-head .UnderlineNav-item[aria-current]:not([aria-current=false])::after { left: 0; right: 0; width: auto; transform: none; bottom: -9px; }
.file-box:empty, .file-nav:empty { display: none; }
.markdown-body > .markdown-heading:first-child > h1 { margin-top: 0; }

/* fix round (2 Oct): reviewer findings */
html:not(.js) .js-only { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.repohead-desc { display: none; flex-basis: 100%; margin: 0; }
.repohead-desc p { margin: 0 0 8px; color: var(--fgColor-muted); font-size: 14px; }
.repohead-desc .about-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14px; }
.btn-primary.code-btn[aria-expanded="true"], .btn-primary.code-btn:hover { background-color: #238636; }
.file-table { display: block; }
.file-table .file-thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.UnderlineNav-more { display: inline-flex; align-items: center; margin-left: auto; position: relative; }
.UnderlineNav-more[hidden] { display: none; }
.UnderlineNav-overflow { display: inline-grid; place-items: center; width: 32px; height: 32px; padding: 0; color: var(--fgColor-muted); background: transparent; border: 1px solid var(--borderColor-default); border-radius: 6px; cursor: pointer; }
.UnderlineNav-overflow:hover { background: var(--control-transparent-bgColor-hover); }
.UnderlineNav-body > li.is-overflow { display: none !important; }
.tabs-more-pop { top: calc(100% + 8px); min-width: 200px; }
.tabs-more-pop .Counter { margin-left: auto; }
.UnderlineNav.has-more { overflow: visible; }
.UnderlineNav.has-more .UnderlineNav-body { width: 100%; }
@media (max-width: 767.98px) {
  .repohead-desc { display: block; }
  body:not([data-view="code"]) .repohead-desc { display: none; }
  .repo-pane .about-cell { display: none; }
  .readme-box { margin-left: -16px; margin-right: -16px; border-radius: 0; border-left: 0; border-right: 0; }
  .readme-head { border-radius: 0; }
}

/* round 1 (2 Oct): reviewer findings */
/* tablet tier 768-1011: title row, tabs and wide views at 16 px like the Code view below them */
@media (min-width: 768px) and (max-width: 1011.98px) {
  .repohead-title { padding: 0 16px; }
  .UnderlineNav { padding: 0 16px; }
  .UnderlineNav-body { margin-left: 8px; }
  .repo-wide { padding: 16px; }
}
/* tags list shares the column of the Releases/Tags control */
.releases-view > .Box { max-width: 1114px; margin-left: auto; margin-right: auto; }
/* release assets (the entry's links, a real count) */
.release-assets { padding: 16px; }
.release-assets summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; }
.release-assets summary::-webkit-details-marker { display: none; }
.release-assets ul.Box { list-style: none; margin: 16px 0 0; padding: 0; }
.release-assets .Box-row { padding: 8px 16px; align-items: center; gap: 8px; }
.release-assets .Box-row .octicon { color: var(--fgColor-muted); flex: none; }
.release-assets .Box-row .ml-auto { white-space: nowrap; font-size: 14px; }
.release-assets .Box-row a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Jump to release (below 768 the list becomes a menu) */
.release-jump { display: none; margin: 0 0 16px; }
@media (max-width: 767.98px) { .release-jump { display: flex; } .release-cards { padding-top: 16px; } }
.jump-menu .gh-pop { left: 0; right: auto; padding: 8px 0; max-height: 60vh; overflow-y: auto; }
.jump-menu summary.btn { height: 32px; }
/* commit row: browse button, status label in the actions column, muted author */
.row-actions .sha-btn + .btn-octicon { margin-left: 0; }
.row-actions .btn-octicon + .btn-octicon { margin-left: 8px; }
.row-actions > .Label { margin-right: 8px; }
.commit-row .meta .Label { display: none; }
@media (max-width: 767.98px) { .row-actions > .Label { display: none; } .commit-row .meta .Label { display: inline-block; margin-left: 4px; } }
.commit-row .meta .author-name { color: var(--fgColor-muted); font-weight: 400; }
/* link-in-text-block: links inside running text are underlined everywhere, not only in .markdown-body */
.flex-auto a, .protip a, .blankslate p a, .commits-title a, .noscript-box a, .issue-side a { text-decoration: underline; text-underline-offset: .2em; }
/* footer: on phones the links wrap first and the copyright closes the footer */
@media (max-width: 767.98px) { .site-footer .mark { order: 99; flex-basis: 100%; justify-content: center; margin: 8px 0 0; } }
/* README: Watch as a button inside text; static "as of" line */
.btn-inline-link { padding: 0; font: inherit; color: var(--fgColor-accent); background: none; border: 0; cursor: pointer; text-decoration: underline; text-underline-offset: .2em; }
.readme-asof { font-size: 12px; color: var(--fgColor-muted); }
#readme-gitlog:focus-visible { outline: 2px solid var(--focus-outlineColor); outline-offset: 0; }
