@layer brewery-forge {
  @scope (.brewery) {
    .work-item-form {
      max-width: none;
      padding: 0;
    }
    .work-item-form-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin: 0;
      padding: 0.75rem 1.1rem;
      border-bottom: 1px solid var(--line);
      background: var(--code-bg);
      border-radius: var(--radius) var(--radius) 0 0;
    }
    .work-item-form-head h2 {
      margin: 0;
      font-size: 1.05rem;
    }
    .work-item-form-head .button {
      flex: 0 0 auto;
    }
    .work-item-form > form {
      gap: 0.9rem;
      padding: 1.1rem;
    }
    .work-item-form > .error {
      margin: 1.1rem 1.1rem 0;
    }
    .work-item-form .empty {
      margin: 0;
      padding: 0.65rem 0.85rem;
    }
    .work-item-form label {
      font-weight: 600;
    }
    .work-item-form .md-editor,
    .work-item-form textarea,
    .work-item-form select,
    .work-item-form
      input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
      width: 100%;
      max-width: none;
    }
    .work-item-form .field-row {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
      gap: 0.9rem;
      margin: 0;
    }
    .work-item-form .field-row > label {
      margin: 0;
    }
    .work-item-form .field-narrow select,
    .work-item-form .field-narrow input,
    .work-item-form .patch-file-field input {
      max-width: 20rem;
    }
    .work-item-form .md-input {
      min-height: 11rem;
    }
    .work-item-form textarea[name="patch"] {
      min-height: 16rem;
      font-family: var(--mono);
      font-size: 0.82rem;
    }
    .work-item-form > form > button {
      margin-top: 0.2rem;
    }
    .readme {
      margin: 1.75rem 0 0;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius);
      background: var(--panel);
      overflow: hidden;
    }
    .readme-head {
      display: flex;
      align-items: center;
      gap: 0.55rem;
      padding: 0.7rem 0.95rem;
      border-bottom: 1px solid var(--line);
      background: var(--code-bg);
      font-weight: 650;
      font-size: 0.92rem;
    }
    .readme-head .brewery-icon {
      width: 1rem;
      height: 1rem;
      color: var(--text-tertiary);
    }
    .readme-body {
      padding: 1.1rem 1.35rem 1.35rem;
    }
    .readme-body h1 {
      font-size: 1.25rem;
      padding-bottom: 0.35rem;
      border-bottom: 1px solid var(--line);
    }
    .readme-text {
      margin: 0;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .markdown-alert {
      margin: 1rem 0;
      padding: 0.7rem 0.9rem;
      border-left: 3px solid var(--accent);
      background: var(--code-bg);
    }
    .markdown-alert-title {
      margin: 0 0 0.3rem;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: var(--accent-strong);
    }
    .markdown-alert > :last-child {
      margin-bottom: 0;
    }
    .markdown-alert--tip {
      border-left-color: var(--success);
    }
    .markdown-alert--tip .markdown-alert-title {
      color: var(--success);
    }
    .markdown-alert--warning {
      border-left-color: var(--warning);
    }
    .markdown-alert--warning .markdown-alert-title {
      color: var(--warning);
    }
    .markdown-alert--caution {
      border-left-color: var(--danger);
    }
    .markdown-alert--caution .markdown-alert-title {
      color: var(--danger);
    }
    .readme-body dl {
      margin: 1rem 0;
    }
    .readme-body dt {
      font-weight: 650;
    }
    .readme-body dd {
      margin: 0.2rem 0 0.7rem 1.25rem;
      color: var(--muted);
    }
    .markdown-align--left {
      text-align: left;
    }
    .markdown-align--center {
      text-align: center;
    }
    .markdown-align--right {
      text-align: right;
    }
    .repo-head {
      padding: 1rem 0 0.85rem;
      margin: 0.2rem 0 0.9rem;
      border-bottom: 1px solid var(--line-strong);
    }
    .ref-picker-wrap {
      display: inline-block;
      vertical-align: baseline;
      position: relative;
    }
    details.ref-picker {
      display: inline-block;
      border: 0;
      border-radius: 0;
      padding: 0;
      margin: 0;
      background: none;
    }
    .ref-picker-button {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      cursor: pointer;
      list-style: none;
      font-family: var(--mono);
      font-size: 0.82rem;
      color: var(--fg);
      background: var(--field);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 0.18rem 0.55rem;
      user-select: none;
    }
    .ref-picker-button--compact {
      gap: 0.15rem;
      min-height: 1.6rem;
      padding: 0.18rem 0.35rem;
    }
    .ref-picker-button::-webkit-details-marker {
      display: none;
    }
    .ref-picker-button:hover,
    details.ref-picker[open] .ref-picker-button {
      border-color: var(--accent);
    }
    .ref-picker-icon .brewery-icon,
    .ref-picker-chevron .brewery-icon {
      width: 0.85rem;
      height: 0.85rem;
      display: block;
    }
    .ref-picker-icon {
      color: var(--muted);
    }
    .ref-picker-chevron {
      color: var(--text-tertiary);
    }
    .ref-picker-current {
      max-width: 12rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .ref-picker-panel {
      position: absolute;
      z-index: 20;
      top: calc(100% + 0.3rem);
      left: 0;
      width: 18rem;
      max-width: 80vw;
      background: var(--panel);
      border: 1px solid var(--line-strong);
      border-radius: var(--radius);
      box-shadow: var(--shadow-pop);
      padding: 0.5rem;
    }
    .ref-picker-search {
      width: 100%;
      margin-bottom: 0.4rem;
    }
    .ref-picker-tabs {
      display: flex;
      gap: 0.2rem;
      margin-bottom: 0.35rem;
      border-bottom: 1px solid var(--line);
    }
    .ref-picker-tab {
      flex: 1;
      background: none;
      border: 0;
      border-bottom: 2px solid transparent;
      padding: 0.3rem 0.2rem;
      font-size: 0.8rem;
      color: var(--muted);
      cursor: pointer;
    }
    .ref-picker-tab.active {
      color: var(--fg);
      border-bottom-color: var(--accent);
      font-weight: 600;
    }
    .ref-picker-list {
      list-style: none;
      margin: 0;
      padding: 0;
      max-height: 14rem;
      overflow-y: auto;
    }
    .ref-picker-item {
      display: block;
      padding: 0.3rem 0.4rem;
      border-radius: calc(var(--radius) - 0.1rem);
      font-family: var(--mono);
      font-size: 0.84rem;
      color: var(--fg);
      text-decoration: none;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .ref-picker-item:hover {
      background: var(--accent-soft);
    }
    .ref-picker-item.current {
      color: var(--accent-strong);
      font-weight: 600;
    }
    .ref-picker-empty {
      margin: 0.4rem 0.2rem;
      font-size: 0.82rem;
      color: var(--muted);
    }
    .ref-picker-manage {
      display: block;
      margin-top: 0.4rem;
      padding-top: 0.4rem;
      border-top: 1px solid var(--line);
      font-size: 0.82rem;
      color: var(--muted);
      text-decoration: none;
    }
    .ref-picker-manage:hover {
      color: var(--fg);
    }
    .branch-screen {
      display: grid;
      gap: 1.4rem;
      margin-top: 1.15rem;
    }
    .branch-section .section-head {
      margin-bottom: 0.55rem;
      align-items: center;
    }
    .branch-section .section-head h2 {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
    }
    .branch-filter {
      display: flex;
      flex-wrap: nowrap;
      gap: 0.4rem;
    }
    .branch-filter input {
      flex: 0 1 15rem;
      width: 15rem;
      max-width: 100%;
      margin: 0;
      padding: 0.32rem 0.55rem;
      font-size: 0.85rem;
    }
    .branch-filter button {
      padding: 0.32rem 0.7rem;
      font-size: 0.82rem;
      background: var(--field);
      border-color: var(--line-strong);
      color: var(--accent-strong);
    }
    .branch-rows {
      list-style: none;
      margin: 0;
      padding: 0;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius);
      background: var(--panel);
      overflow: hidden;
    }
    .branch-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto;
      gap: 1.1rem;
      align-items: center;
      padding: 0.6rem 0.85rem;
      border-bottom: 1px solid var(--line);
    }
    .branch-row:last-child {
      border-bottom: 0;
    }
    .branch-info {
      min-width: 0;
    }
    .branch-name-line {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      min-width: 0;
    }
    .branch-icon {
      display: inline-flex;
      flex: 0 0 auto;
      color: var(--muted);
    }
    .branch-icon .brewery-icon {
      width: 0.9rem;
      height: 0.9rem;
      display: block;
    }
    .branch-name {
      font-family: var(--mono);
      font-size: 0.88rem;
      font-weight: 600;
      color: var(--fg);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .branch-copy {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      padding: 0.1rem 0.25rem;
      border: 0;
      background: none;
      color: var(--text-tertiary);
      cursor: pointer;
    }
    .branch-copy:hover {
      color: var(--accent-strong);
      background: none;
    }
    .branch-copy .brewery-icon {
      width: 0.8rem;
      height: 0.8rem;
    }
    .branch-tip {
      display: flex;
      align-items: baseline;
      gap: 0.45rem;
      margin: 0.18rem 0 0 1.35rem;
      min-width: 0;
      font-size: 0.82rem;
      color: var(--muted);
    }
    .branch-tip code {
      flex: 0 0 auto;
      font-size: 0.78rem;
      color: var(--accent-strong);
    }
    .branch-tip-subject {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      min-width: 0;
    }
    .branch-tip .commit-time,
    .branch-tip-author {
      flex: 0 0 auto;
    }
    .commit-divergence {
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 11rem;
      font-family: var(--mono);
      font-size: 0.72rem;
      color: var(--muted);
    }
    .divergence-behind,
    .divergence-ahead {
      display: grid;
      gap: 0.18rem;
      padding: 0 0.5rem;
    }
    .divergence-behind {
      text-align: right;
      border-right: 1px solid var(--line-strong);
    }
    .divergence-behind .divergence-bar {
      justify-self: end;
    }
    .divergence-bar {
      display: block;
      width: calc(var(--proportion, 1) * 5%);
      height: 0.28rem;
      min-width: 2px;
      border-radius: 999px;
      background: var(--text-tertiary);
    }
    .divergence-ahead .divergence-bar {
      background: var(--accent);
    }
    .branch-middle:empty,
    .branch-actions:empty {
      display: none;
    }
    .branch-actions {
      display: flex;
      gap: 0.4rem;
      align-items: center;
    }
    .branch-actions button {
      padding: 0.28rem 0.6rem;
      font-size: 0.78rem;
    }
    .repo-title,
    .section-head,
    .repo-row {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      align-items: flex-start;
    }
    .repo-headline {
      min-width: 0;
    }
    .repo-name-row {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 0.4rem;
    }
    .repo-name-row h1 {
      margin: 0;
    }
    .repo-owner {
      font-size: 1.45rem;
      font-weight: 400;
      line-height: 1.2;
      letter-spacing: -0.01em;
    }
    .repo-name-sep {
      color: var(--text-tertiary);
      font-size: 1.45rem;
      font-weight: 300;
      line-height: 1.2;
    }
    .repo-title-icon {
      width: 2rem;
      height: 2rem;
      border-radius: 0.6rem;
    }
    .repo-name-row .badge,
    .repo-name-row .ref-picker-wrap {
      align-self: center;
    }
    .repo-stats-bar {
      margin: 0.7rem 0 0;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--code-bg);
      overflow: hidden;
    }
    .repo-stats {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: 1fr;
      min-width: 0;
    }
    .repo-stat {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      padding: 0.5rem 0.7rem;
      border-left: 1px solid var(--line);
      color: var(--muted);
      font-size: 0.82rem;
      text-decoration: none;
      white-space: nowrap;
    }
    .repo-stat:first-child {
      border-left: 0;
    }
    .repo-stat strong {
      color: var(--fg);
      font-weight: 650;
    }
    a.repo-stat:hover {
      color: var(--fg);
    }
    a.repo-stat:hover strong {
      text-decoration: underline;
    }
    .repo-stat-icon {
      display: inline-flex;
      align-items: center;
      color: var(--text-tertiary);
    }
    .repo-stat-icon .brewery-icon {
      width: 0.8rem;
      height: 0.8rem;
    }
    .language-bar {
      display: flex;
      height: 0.35rem;
      background: var(--line);
    }
    .language-segment {
      display: block;
      flex: var(--proportion, 1) 1 0;
      height: 100%;
      background: var(--language-color, #8b949e);
    }
    .repo-actions-top .code-menu summary {
      min-height: 0;
      padding: 0.35rem 0.7rem;
      font-size: 0.85rem;
    }
    .code-menu {
      position: relative;
    }
    .code-menu summary {
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      cursor: pointer;
      list-style: none;
    }
    .code-menu summary::-webkit-details-marker {
      display: none;
    }
    .code-menu summary .brewery-icon {
      width: 0.8rem;
      height: 0.8rem;
    }
    .code-menu-panel {
      position: absolute;
      z-index: 3;
      right: 0;
      top: calc(100% + 0.3rem);
      min-width: 10rem;
      padding: 0.3rem;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius);
      background: var(--panel);
      box-shadow: var(--shadow-pop);
    }
    .code-menu-panel a {
      display: block;
      padding: 0.4rem 0.55rem;
      border-radius: calc(var(--radius) - 0.15rem);
      color: var(--fg);
      font-size: 0.84rem;
      text-decoration: none;
    }
    .code-menu-panel a:hover {
      background: var(--accent-soft);
      color: var(--accent-strong);
    }
    .repo-fork-note {
      margin: 0.15rem 0 0;
      font-size: 0.82rem;
    }
    .repo-desc {
      margin: 0.35rem 0 0;
      max-width: 60ch;
    }
    .propose-upstream {
      margin: 0 0 0.75rem;
    }
    .propose-branches {
      display: flex;
      flex-wrap: wrap;
      align-items: start;
      gap: 0.75rem;
    }
    .propose-branches label {
      flex: 1 1 12rem;
    }
    .repo-actions-top {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
      flex-shrink: 0;
      justify-content: flex-end;
    }
    .repo-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem 0.8rem;
      align-items: center;
      color: var(--muted);
    }
    .repo-actions {
      justify-content: space-between;
      margin-top: 0.55rem;
    }
    .star-button {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.35rem 0.7rem;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius);
      background: var(--field);
      color: var(--fg);
      font-size: 0.85rem;
      font-weight: 600;
      text-decoration: none;
    }
    .star-button:hover {
      background: var(--accent-soft);
      border-color: var(--line-strong);
      color: var(--fg);
    }
    .star-button .star-glyph {
      color: var(--accent-strong);
    }
    .star-glyph {
      display: inline-flex;
      align-items: center;
      color: var(--accent-strong);
    }
    .star-glyph .brewery-icon {
      width: 0.95rem;
      height: 0.95rem;
    }
    .star-button.static {
      color: var(--muted);
    }
    .repo-rss {
      padding: 0.35rem 0.55rem;
      color: var(--muted);
    }
    .repo-rss:hover {
      color: var(--accent-strong);
      background: var(--accent-soft);
    }
    .repo-rss .brewery-icon {
      width: 1rem;
      height: 1rem;
    }
    .count-pill,
    .tab-count {
      display: inline-block;
      min-width: 1.4rem;
      padding: 0 0.4rem;
      border: 1px solid var(--line-strong);
      border-radius: 999px;
      background: var(--bg);
      color: var(--muted);
      font-size: 0.76rem;
      font-weight: 600;
      text-align: center;
    }
    /* One strip: the -1px margins collapse the touching edges so the toggle,
       URL, and copy button share a single border. */
    .clone-line {
      display: flex;
      min-width: 0;
      max-width: 100%;
      gap: 0;
      align-items: center;
      margin: 0.7rem 0 0;
    }
    .clone-line > span {
      color: var(--muted);
      margin-right: 0.5rem;
      align-self: center;
    }
    .clone-proto {
      display: inline-flex;
    }
    .proto-button,
    .clone-url,
    .copy-button {
      height: var(--strip-height);
      min-height: 0;
    }
    .proto-button {
      display: inline-flex;
      align-items: center;
      padding: 0 0.6rem;
      border: 1px solid var(--line-strong);
      border-radius: 0;
      background: var(--field);
      color: var(--muted);
      font-size: 0.78rem;
      font-weight: 600;
    }
    .proto-button:first-child {
      border-radius: var(--radius) 0 0 var(--radius);
      border-right: 0;
    }
    .proto-button:last-child {
      border-radius: 0 var(--radius) var(--radius) 0;
    }
    .proto-button.active {
      background: var(--accent-soft);
      color: var(--accent-strong);
    }
    /* Block, not flex: the URL has to keep its ellipsis when it overflows. */
    .clone-url {
      display: block;
      min-width: 0;
      flex: 1 1 2rem;
      margin-left: -1px;
      padding: 0 0.6rem;
      border: 1px solid var(--line-strong);
      border-radius: 0;
      background: var(--code-bg);
      color: var(--code-fg);
      font-family: var(--mono);
      font-size: 0.8rem;
      line-height: calc(var(--strip-height) - 2px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .clone-proto + .clone-url {
      border-radius: 0;
    }
    .copy-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-left: -1px;
      padding: 0 0.6rem;
      border: 1px solid var(--line-strong);
      border-radius: 0 var(--radius) var(--radius) 0;
      background: var(--field);
      color: var(--accent-strong);
      text-decoration: none;
    }
    .copy-button:hover {
      background: var(--accent-soft);
      border-color: var(--line-strong);
      color: var(--accent-strong);
      text-decoration: none;
    }
    .copy-button.copied {
      background: color-mix(in srgb, var(--success) 20%, transparent);
      border-color: var(--success);
      color: var(--success);
    }
    .copy-button .brewery-icon {
      width: 0.9rem;
      height: 0.9rem;
    }
    .code-actions {
      margin: 0.5rem 0 0;
    }
    .star-form {
      display: inline-flex;
    }
    .inline-form {
      display: inline-flex;
    }
    .inline-form button:not(.button) {
      padding: 0.38rem 0.62rem;
      background: var(--field);
      border-color: var(--line-strong);
      color: var(--accent-strong);
    }
    /* An inset shadow, not a border: the scroll container would clip the
       active tab's underline where it overlaps a border. */
    .tabs {
      display: flex;
      flex-wrap: nowrap;
      margin-top: 0.35rem;
      gap: 0.2rem;
      overflow-x: auto;
      box-shadow: inset 0 -1px var(--line-strong);
      scrollbar-width: none;
    }
    .tabs a {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      gap: 0.4rem;
      padding: 0.5rem 0.7rem;
      white-space: nowrap;
      color: var(--muted);
      font-size: 0.92rem;
      font-weight: 550;
      text-decoration: none;
      border: 0;
      border-bottom: 2px solid transparent;
      border-radius: 0;
      background: transparent;
    }
    .tabs a .brewery-icon {
      width: 0.95rem;
      height: 0.95rem;
      color: var(--text-tertiary);
    }
    .tabs a:hover {
      color: var(--fg);
    }
    .tabs a:hover .brewery-icon {
      color: var(--muted);
    }
    .tabs a.active {
      color: var(--fg);
      border-bottom-color: var(--accent);
    }
    .tabs a.active .brewery-icon {
      color: var(--accent);
    }
    .profile-page {
      max-width: 72rem;
      margin: 1.5rem auto 3rem;
    }
    .profile-masthead {
      padding-bottom: 0;
    }
    .profile-identity-block,
    .profile-content {
      min-width: 0;
    }
    .profile-name-row {
      display: grid;
      grid-template-columns: 3.5rem minmax(0, 1fr) auto;
      align-items: start;
      gap: 0.9rem;
    }
    .profile-masthead .profile-edit {
      min-height: 2.75rem;
      padding: 0 0.75rem;
      font-size: 0.8125rem;
      font-weight: 500;
      white-space: nowrap;
    }
    .profile-nav {
      display: flex;
      gap: 1.5rem;
      padding: 0;
      border-bottom: 1px solid var(--line-strong);
      overflow-x: auto;
    }
    .profile-nav a {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      height: 2.75rem;
      padding: 0;
      color: var(--muted);
      font-size: 0.875rem;
      font-weight: 500;
      text-decoration: none;
      white-space: nowrap;
    }
    .profile-nav a[aria-current="page"] {
      color: var(--fg);
      box-shadow: inset 0 -2px var(--accent);
    }
    .profile-nav a:hover {
      color: var(--accent-strong);
      background: var(--accent-soft);
    }
    .profile-repo-count {
      color: var(--muted);
      font: 0.75rem var(--mono);
      font-variant-numeric: tabular-nums;
    }
    .profile-content {
      margin-top: 1.25rem;
    }
    .profile-record > * + * {
      margin-top: 1.75rem;
    }
    .profile-section > .section-head {
      margin: 0 0 0.75rem;
      border: 0;
      padding: 0;
      align-items: baseline;
    }
    .profile-section > .section-head h2,
    .profile-section > h2,
    .profile-page .strings > h2,
    .profile-page .issues > h2,
    .profile-page .activity > h2 {
      margin: 0;
      padding: 0;
      font-size: 0.9375rem;
      font-weight: 600;
      text-transform: none;
      letter-spacing: normal;
      color: var(--fg);
    }
    .profile-section > h2,
    .profile-page .strings > h2,
    .profile-page .issues > h2,
    .profile-page .activity > h2 {
      margin-bottom: 0.75rem;
    }
    .profile-section .section-head > a {
      font-size: 0.8125rem;
    }
    .profile-page .repo-listing {
      border: 0;
      border-radius: 0;
      background: transparent;
    }
    .profile-page .repo-listing-row {
      padding: 0.8rem 0;
      border-bottom: 1px solid var(--line);
    }
    .profile-section .section-head > a {
      display: inline-flex;
      align-items: center;
      min-height: 2.75rem;
    }
    .profile-record .repo-listing-row {
      grid-template-columns: 1.6rem minmax(0, 1fr);
      column-gap: 0.6rem;
      row-gap: 0.35rem;
    }
    .profile-record .repo-listing-meta {
      grid-column: 2;
      justify-content: flex-start;
    }
    .profile-owned-preview .repo-listing-owner,
    .profile-owned-preview .repo-listing-slash,
    .profile-repositories .repo-listing-owner,
    .profile-repositories .repo-listing-slash {
      display: none;
    }
    .profile-empty {
      padding: 1rem 0;
      margin: 0;
      font-size: 0.875rem;
    }
    .profile-repo-search {
      display: grid;
      grid-template-columns:
        minmax(8rem, 1fr) minmax(7rem, auto) minmax(8rem, auto)
        auto;
      align-items: end;
      gap: 0.65rem;
      margin: 0;
    }
    .profile-repo-search--public {
      grid-template-columns: minmax(8rem, 1fr) minmax(8rem, auto) auto;
    }
    .profile-repo-search label {
      display: grid;
      gap: 0.35rem;
      min-width: 0;
      margin: 0;
      color: var(--muted);
      font-size: 0.8rem;
    }
    .profile-page .profile-repo-search input[type="search"],
    .profile-repo-search select {
      width: 100%;
      min-width: 0;
      height: 2.75rem;
      margin: 0;
    }
    .profile-repo-search button {
      height: 2.75rem;
      white-space: nowrap;
    }
    .profile-result-count {
      font-size: 0.8rem;
      margin: 1rem 0 0.5rem;
    }
    .profile-library-help {
      max-width: 90ch;
      margin: 0.5rem 0 1rem;
      font-size: 0.8125rem;
      line-height: 1.5;
    }
    .profile-directory-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 0.5rem 1rem;
      margin: 0.85rem 0 0.35rem;
    }
    .profile-directory-head .profile-result-count {
      margin: 0;
    }
    .profile-page .pager a {
      display: inline-flex;
      align-items: center;
      min-height: 2.75rem;
    }
    .profile-facts {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem 1.25rem;
      margin: 0.65rem 0 0;
      padding: 0;
      font-size: 0.8125rem;
    }
    .profile-facts > div {
      display: inline-flex;
      flex-wrap: wrap;
      min-width: 0;
      gap: 0.35rem;
    }
    .profile-facts dt {
      color: var(--muted);
    }
    .profile-facts dt::after {
      content: ":";
    }
    .profile-facts dd {
      margin: 0;
      overflow-wrap: anywhere;
    }
    .profile-extra-links {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem 0.75rem;
    }
    @media (max-width: 56rem) {
      .profile-repo-search {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
      }
      .profile-search-query {
        grid-column: 1 / -1;
      }
    }
    @media (max-width: 40rem) {
      .profile-page {
        margin-top: 1rem;
      }
      .profile-name-row {
        grid-template-columns: 3rem minmax(0, 1fr);
        gap: 0.75rem;
      }
      .profile-masthead .profile-avatar {
        width: 3rem;
        height: 3rem;
      }
      .profile-masthead .profile-edit {
        grid-column: 2;
        justify-self: start;
      }
      .profile-nav {
        flex-wrap: wrap;
        gap: 0 0.9rem;
        overflow-x: visible;
      }
      .profile-nav a {
        font-size: 0.8125rem;
        gap: 0.35rem;
      }
    }
    @media (max-width: 30rem) {
      .profile-repo-search {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      }
      .profile-repo-search button {
        grid-column: 1 / -1;
      }
      .profile-section > .section-head {
        flex-wrap: wrap;
        gap: 0.4rem;
      }
      .profile-page .repo-listing-row {
        grid-template-columns: 1.6rem minmax(0, 1fr);
      }
      .profile-page .repo-listing-meta {
        grid-column: 2;
      }
    }
    .profile-facts a {
      color: var(--accent-strong);
      text-decoration: none;
    }
    .profile-facts a:hover {
      text-decoration: underline;
    }
    .profile-identity {
      min-width: 0;
    }
    .profile-bio {
      margin: 0.45rem 0 0;
      max-width: 65ch;
      font-size: 0.875rem;
      line-height: 1.5;
      overflow-wrap: anywhere;
    }
    .profile-avatar {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 3.5rem;
      height: 3.5rem;
      border-radius: var(--radius);
      background: var(--accent-soft);
      color: var(--accent-strong);
      font: 600 1.5rem var(--mono);
      object-fit: cover;
    }
    .profile-title {
      display: flex;
      align-items: baseline;
      flex-wrap: wrap;
      gap: 0.25rem 0.65rem;
    }
    .profile-title h1 {
      margin: 0;
      font-size: 1.375rem;
      font-weight: 600;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .profile-title .muted {
      font-family: var(--mono);
      font-size: 0.875rem;
    }
    .repo-settings-head {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      align-items: center;
      padding: 0.75rem 0 1rem;
      border-bottom: 1px solid var(--line-strong);
    }
    .repo-settings-title {
      display: flex;
      min-width: 0;
      gap: 0.85rem;
      align-items: center;
    }
    .repo-settings-title h1 {
      margin: 0;
      overflow-wrap: anywhere;
    }
    .repo-settings-kicker {
      margin: 0 0 0.15rem;
      color: var(--text-tertiary);
      font-size: 0.76rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .repo-settings-stack {
      display: grid;
      gap: 0.9rem;
      min-width: 0;
    }
    .repo-settings-card {
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) + 0.2rem);
      background: var(--panel);
      overflow: hidden;
    }
    .repo-settings-card-head {
      padding: 0.9rem 1.05rem;
      border-bottom: 1px solid var(--line);
      background: var(--code-bg);
    }
    .repo-settings-card-head h2 {
      margin: 0;
      font-size: 0.98rem;
    }
    .repo-settings-card-head p {
      margin: 0.15rem 0 0;
      color: var(--muted);
      font-size: 0.86rem;
    }
    .repo-settings-form {
      display: grid;
      gap: 0;
      padding: 0;
    }
    .repo-settings-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
      gap: 1.5rem;
      align-items: center;
      padding: 1rem 1.05rem;
      border-bottom: 1px solid var(--line);
    }
    .repo-basics-form > .repo-field {
      padding: 1rem 1.05rem;
      border-bottom: 1px solid var(--line);
    }
    .repo-settings-row:last-child,
    .repo-basics-form > .repo-field:last-child {
      border-bottom: 0;
    }
    .repo-settings-row-copy h3 {
      margin: 0 0 0.2rem;
      font-size: 0.92rem;
    }
    .repo-settings-row-copy p {
      margin: 0;
      color: var(--muted);
      font-size: 0.88rem;
    }
    .repo-field {
      display: grid;
      gap: 0.35rem;
      margin: 0;
      font-weight: 650;
    }
    .repo-field
      input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    .repo-field select {
      width: 100%;
      max-width: none;
      margin: 0;
    }
    .repo-inline-form .repo-field {
      padding: 1rem 1.05rem 0;
    }
    .repo-inline-form .repo-field input {
      width: min(100%, 32rem);
    }
    .repo-toggle {
      display: flex;
      gap: 0.55rem;
      align-items: flex-start;
      margin: 0;
      font-weight: 600;
    }
    .repo-toggle input {
      flex: 0 0 auto;
      width: auto;
      margin: 0.25rem 0 0;
    }
    .repo-toggle span {
      display: grid;
      gap: 0.1rem;
    }
    .repo-toggle small {
      color: var(--muted);
      font-size: 0.82rem;
      font-weight: 500;
    }
    .repo-settings-actions {
      display: flex;
      justify-content: flex-start;
      padding: 1rem 1.05rem;
    }
    .repo-settings-control {
      display: flex;
      gap: 0.5rem;
      align-items: center;
    }
    .repo-settings-control select,
    .repo-settings-control
      input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
      flex: 1 1 auto;
      width: auto;
      min-width: 0;
      margin: 0;
    }
    .repo-settings-control button {
      flex: 0 0 auto;
    }
    .repo-rule-body {
      display: grid;
      gap: 0.75rem;
      padding: 1rem 1.05rem;
      border-bottom: 1px solid var(--line);
    }
    .repo-rule-body h3 {
      margin: 0;
      font-size: 0.92rem;
    }
    .repo-rule-fields {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.8rem;
    }
    .repo-rule-fields .repo-field {
      font-weight: 600;
    }
    .repo-rule-actions {
      display: flex;
      margin-top: 0.25rem;
    }
    .repo-settings-form button,
    .repo-collab-add button,
    .repo-danger-form button {
      width: auto;
      justify-self: start;
    }
    .repo-file-action {
      display: flex;
      gap: 0.65rem;
      align-items: center;
    }
    .repo-file-action input[type="file"] {
      flex: 1 1 auto;
      min-width: 0;
    }
    .repo-file-action button {
      flex: 0 0 auto;
    }
    .repo-collab-add {
      border-bottom: 1px solid var(--line);
    }
    .repo-collab-body {
      display: grid;
      gap: 0.8rem;
      padding: 1rem 1.05rem;
    }
    .repo-collab-row {
      display: flex;
      gap: 0.5rem;
      align-items: flex-end;
    }
    .repo-collab-row .repo-field {
      flex: 1 1 auto;
      min-width: 0;
    }
    .repo-collab-row button {
      flex: 0 0 auto;
    }
    .repo-danger-body {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
      gap: 1.5rem;
      align-items: start;
      padding: 1rem 1.05rem;
    }
    .repo-danger-form {
      display: grid;
      gap: 0.65rem;
      align-self: start;
    }
    .repo-danger-form button {
      justify-self: start;
    }
    .repo-grant-list {
      padding: 0;
      margin: 0;
      list-style: none;
    }
    .repo-grant-row {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      align-items: center;
      padding: 0.75rem 1.05rem;
      border-bottom: 1px solid var(--line);
    }
    .repo-grant-row > div {
      min-width: 0;
      max-width: 100%;
      overflow-wrap: anywhere;
    }
    .repo-grant-row > div > code {
      display: block;
    }
    .repo-grant-row:last-child {
      border-bottom: 0;
    }
    .repo-grant-row:hover {
      background: var(--accent-soft);
    }
    .repo-grant-row form label {
      display: inline-flex;
      gap: 0.35rem;
      align-items: center;
      margin: 0;
    }
    .repo-danger-card {
      border-color: color-mix(in srgb, var(--danger) 45%, var(--line));
    }
    .repo-danger-card .repo-settings-card-head {
      background: color-mix(in srgb, var(--danger) 8%, var(--code-bg));
    }
    fieldset {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 0.8rem;
    }
    legend {
      padding: 0 0.25rem;
      color: var(--muted);
      font-weight: 600;
    }
    .empty {
      color: var(--muted);
      border: 1px dashed var(--line-strong);
      border-radius: var(--radius);
      padding: 1rem;
      margin: 1rem 0;
      background: var(--panel);
    }
    .empty p {
      margin: 0;
    }
    .error-state {
      max-width: 34rem;
      margin: 5rem auto 3rem;
      padding: 0;
      border: 0;
      background: transparent;
      text-align: center;
      color: var(--fg);
    }
    .error-state h1 {
      margin: 0 0 0.5rem;
    }
    .error-state p {
      color: var(--muted);
    }
    .error-message {
      text-wrap: pretty;
    }
    .error-reference code {
      padding: 0.1rem 0.4rem;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--code-bg);
      color: var(--fg);
    }
    .error-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.5rem;
      margin-top: 1.4rem;
    }
    .error-detail {
      margin-top: 2rem;
      text-align: left;
    }
    .error-detail summary {
      color: var(--muted);
      font-size: 0.86rem;
    }
    .error-detail pre {
      margin-top: 0.6rem;
      font-size: 0.82rem;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .error-code {
      margin: 0 0 0.35rem;
      color: var(--text-tertiary);
      font-family: var(--mono);
      font-size: 2.4rem;
      font-weight: 650;
      letter-spacing: 0.06em;
      line-height: 1;
    }
    .repos,
    .commits,
    .tree-list,
    .string-list {
      padding: 0;
      list-style: none;
    }
    .section-head {
      align-items: baseline;
      margin: 1.4rem 0 0.5rem;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid var(--line);
    }
    .section-head h1 {
      font-size: 1.1rem;
    }
    .section-head h2 {
      margin: 0;
      font-size: 0.78rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      color: var(--text-tertiary);
    }
    .section-head .page-title {
      color: var(--fg);
      font-size: 1.1rem;
      font-weight: 650;
      letter-spacing: -0.01em;
      text-transform: none;
    }
    .section-head .muted {
      font-family: var(--mono);
      font-size: 0.8rem;
      color: var(--text-tertiary);
    }
    .repos,
    .commits,
    .string-list {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      overflow: hidden;
      background: var(--panel);
      margin: 0.2rem 0 0;
    }
    .repo-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
      gap: 0.8rem;
      border: 0;
      background: transparent;
      overflow: visible;
    }
    .repo-card {
      display: flex;
      flex-direction: column;
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) + 0.2rem);
      background: var(--panel);
      overflow: hidden;
      transition: border-color 0.15s ease;
    }
    .repo-card:hover {
      border-color: color-mix(in srgb, var(--accent) 42%, var(--line));
    }
    /* Padding lives on the body so the language strip sits flush against the
       card's bottom edge. */
    .repo-card-body {
      display: grid;
      grid-template-columns: 2.4rem minmax(0, 1fr);
      gap: 0.75rem;
      align-items: start;
      flex: 1;
      padding: 0.9rem;
    }
    .repo-card-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2.4rem;
      height: 2.4rem;
      border-radius: 0.75rem;
      background: var(--accent-soft);
      color: var(--accent-strong);
      font-weight: 800;
      font-family: var(--mono);
    }
    .repo-card-icon--fork .brewery-icon {
      width: 1.25rem;
      height: 1.25rem;
    }
    img.repo-card-icon {
      object-fit: cover;
      background: var(--panel);
    }
    .repo-card-main {
      display: flex;
      flex-direction: column;
      min-width: 0;
    }
    .repo-card-title {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
      align-items: center;
    }
    .repo-card-description {
      display: -webkit-box;
      min-height: 2.8rem;
      margin-top: 0.25rem;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
    }
    .repo-card-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem 0.75rem;
      margin-top: auto;
      padding-top: 0.5rem;
      align-items: center;
      color: var(--text-tertiary);
      font-family: var(--mono);
      font-size: 0.78rem;
    }
    .repo-card-language,
    .repo-card-stat {
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      color: var(--muted);
    }
    .language-dot {
      display: inline-block;
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 999px;
      background: var(--language-color, #8b949e);
    }
    .language-rust {
      --language-color: #dea584;
    }
    .language-nix {
      --language-color: #7e7eff;
    }
    .language-go {
      --language-color: #00add8;
    }
    .language-c {
      --language-color: #555555;
    }
    .language-cpp {
      --language-color: #f34b7d;
    }
    .language-csharp {
      --language-color: #178600;
    }
    .language-java {
      --language-color: #b07219;
    }
    .language-kotlin {
      --language-color: #a97bff;
    }
    .language-swift {
      --language-color: #f05138;
    }
    .language-python {
      --language-color: #3572a5;
    }
    .language-ruby {
      --language-color: #701516;
    }
    .language-php {
      --language-color: #4f5d95;
    }
    .language-perl {
      --language-color: #0298c3;
    }
    .language-lua {
      --language-color: #000080;
    }
    .language-zig {
      --language-color: #ec915c;
    }
    .language-haskell {
      --language-color: #5e5086;
    }
    .language-ocaml {
      --language-color: #ef7a08;
    }
    .language-elixir {
      --language-color: #6e4a7e;
    }
    .language-erlang {
      --language-color: #b83998;
    }
    .language-scala {
      --language-color: #c22d40;
    }
    .language-clojure {
      --language-color: #db5855;
    }
    .language-dart {
      --language-color: #00b4ab;
    }
    .language-javascript {
      --language-color: #f1e05a;
    }
    .language-typescript {
      --language-color: #3178c6;
    }
    .language-vue {
      --language-color: #41b883;
    }
    .language-svelte {
      --language-color: #ff3e00;
    }
    .language-html {
      --language-color: #e34c26;
    }
    .language-css {
      --language-color: #563d7c;
    }
    .language-scss {
      --language-color: #c6538c;
    }
    .language-shell {
      --language-color: #89e051;
    }
    .language-fish {
      --language-color: #4aae47;
    }
    .language-powershell {
      --language-color: #012456;
    }
    .language-sql {
      --language-color: #e38c00;
    }
    .language-markdown {
      --language-color: #083fa1;
    }
    .language-asciidoc {
      --language-color: #73a0c5;
    }
    .language-tex {
      --language-color: #3d6117;
    }
    .language-toml {
      --language-color: #9c4221;
    }
    .language-yaml {
      --language-color: #cb171e;
    }
    .language-json {
      --language-color: #a3a3a3;
    }
    .language-xml {
      --language-color: #0060ac;
    }
    .language-protobuf {
      --language-color: #c14b4b;
    }
    .language-dockerfile {
      --language-color: #384d54;
    }
    .language-vim {
      --language-color: #199f4b;
    }
    .language-emacs-lisp {
      --language-color: #c065db;
    }
    .language-lisp {
      --language-color: #3fb68b;
    }
    .language-assembly {
      --language-color: #6e4c13;
    }
    .language-cmake {
      --language-color: #da3434;
    }
    .language-makefile {
      --language-color: #427819;
    }
    .language-other {
      --language-color: #8b949e;
    }
    .proportion-1 {
      --proportion: 1;
    }
    .proportion-2 {
      --proportion: 2;
    }
    .proportion-3 {
      --proportion: 3;
    }
    .proportion-4 {
      --proportion: 4;
    }
    .proportion-5 {
      --proportion: 5;
    }
    .proportion-6 {
      --proportion: 6;
    }
    .proportion-7 {
      --proportion: 7;
    }
    .proportion-8 {
      --proportion: 8;
    }
    .proportion-9 {
      --proportion: 9;
    }
    .proportion-10 {
      --proportion: 10;
    }
    .proportion-11 {
      --proportion: 11;
    }
    .proportion-12 {
      --proportion: 12;
    }
    .proportion-13 {
      --proportion: 13;
    }
    .proportion-14 {
      --proportion: 14;
    }
    .proportion-15 {
      --proportion: 15;
    }
    .proportion-16 {
      --proportion: 16;
    }
    .proportion-17 {
      --proportion: 17;
    }
    .proportion-18 {
      --proportion: 18;
    }
    .proportion-19 {
      --proportion: 19;
    }
    .proportion-20 {
      --proportion: 20;
    }
    .repo-card-stat-icon {
      display: inline-flex;
      align-items: center;
      color: var(--text-tertiary);
    }
    .repo-card-stat-icon .brewery-icon {
      width: 0.8rem;
      height: 0.8rem;
    }
    .repo-card-stat .star-glyph .brewery-icon {
      width: 0.8rem;
      height: 0.8rem;
    }
    /* Full-bleed on the card, so thinner than the repo overview's strip. */
    .repo-card .language-bar {
      flex: 0 0 auto;
      height: 0.25rem;
    }
    .home {
      width: 100%;
    }
    .home-top-toolbar {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: baseline;
      gap: 0.5rem 1rem;
      margin: 0 0 1rem;
    }
    .home-top-toolbar p {
      margin: 0;
    }
    .home-top-toolbar nav {
      display: flex;
      flex-wrap: wrap;
      gap: 0.3rem;
    }
    .home-top-toolbar nav a {
      padding: 0.3rem 0.65rem;
      color: var(--muted);
      border-radius: var(--radius);
      text-decoration: none;
    }
    .home-top-toolbar nav a:hover,
    .home-top-toolbar nav a[aria-current="page"] {
      background: var(--accent-soft);
      color: var(--accent-strong);
    }
    .home-top-more {
      margin: 1rem 0;
    }
    .home-head {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: baseline;
      gap: 0.4rem 1rem;
      margin: 0.4rem 0 1rem;
      padding-bottom: 0.7rem;
      border-bottom: 1px solid var(--line);
    }
    .home-head h1 {
      margin: 0;
      font-size: 1.6rem;
      letter-spacing: -0.025em;
    }
    .home-head a,
    .home-section-head a,
    .home-directory-more a {
      font-weight: 650;
    }
    .home-dashboard {
      display: grid;
      gap: 1.25rem;
    }
    .home-dashboard-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
      align-items: start;
      gap: 1.5rem;
    }
    .home-dashboard-grid > :only-child {
      grid-column: 1 / -1;
    }
    .home-dashboard .home-section-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.75rem;
      margin: 0 0 0.8rem;
    }
    .home-dashboard .home-section-head h2 {
      margin: 0;
      font-size: 1.08rem;
    }
    .home-dashboard .home-section-head a {
      flex: 0 0 auto;
      font-size: 0.85rem;
    }
    .home-main {
      display: grid;
      gap: 1.25rem;
      min-width: 0;
    }
    .home-main .activity {
      margin: 0;
    }
    .home-activity-actions {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.75rem;
    }
    .home-activity-more {
      margin: 0;
      font-size: 0.85rem;
      font-weight: 650;
    }
    .home-heat-head {
      flex-wrap: wrap;
    }
    .home-heat-controls,
    .home-heat-controls form,
    .home-heat-scope {
      display: flex;
      align-items: center;
      gap: 0.4rem;
    }
    .home-heat-controls {
      flex-wrap: wrap;
    }
    .home-heat-controls select,
    .home-heat-controls button {
      min-height: 1.75rem;
      margin: 0;
      padding: 0.25rem 0.5rem;
      border-radius: 4px;
      background: transparent;
      color: var(--muted);
      border-color: var(--line);
      font-size: 0.75rem;
      font-weight: 500;
      line-height: 1.2;
    }
    .home-heat-controls select {
      background: var(--field);
      color: var(--fg);
    }
    .home-heat-controls select option {
      background: var(--panel);
      color: var(--fg);
    }
    @supports (appearance: base-select) {
      .home-heat-controls select,
      .home-heat-controls select::picker(select) {
        appearance: base-select;
      }
      .home-heat-controls select::picker(select) {
        padding: 0.25rem;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: var(--panel);
        color: var(--fg);
        box-shadow: var(--shadow-pop);
      }
      .home-heat-controls select option {
        padding: 0.35rem 0.5rem;
        border-radius: 3px;
        font-size: 0.75rem;
        cursor: pointer;
      }
      .home-heat-controls select option:hover,
      .home-heat-controls select option:focus-visible,
      .home-heat-controls select option:checked {
        background: var(--accent-soft);
        color: var(--accent-strong);
      }
      .home-heat-controls select::picker-icon {
        color: var(--muted);
      }
    }
    .home-heat-scope {
      gap: 2px;
      padding: 2px;
      border-radius: 5px;
      background: var(--code-bg);
    }
    .home-heat-scope button {
      min-height: 1.5rem;
      border-radius: 3px;
      border-color: transparent;
    }
    .home-heat-controls select:hover,
    .home-heat-controls button:hover {
      background: var(--accent-soft);
      color: var(--fg);
      border-color: transparent;
    }
    .home-heat-scope button[aria-pressed="true"] {
      background: var(--accent-soft);
      border-color: transparent;
      color: var(--accent-strong);
    }
    .home-heat-months {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: 0.72rem;
      column-gap: 3px;
      margin-bottom: 0.35rem;
      width: max-content;
      color: var(--muted);
      font-size: 0.7rem;
    }
    .home-heat-months span {
      grid-row: 1;
    }
    .home-heatmap-scroll {
      overflow-x: auto;
      padding: 0.85rem;
    }
    .home-heatmap-grid {
      display: grid;
      grid-auto-flow: column;
      grid-template-rows: repeat(7, 0.72rem);
      grid-auto-columns: 0.72rem;
      gap: 3px;
      width: max-content;
    }
    .home-heat-cell {
      width: 0.72rem;
      height: 0.72rem;
      border-radius: 2px;
      background: var(--code-bg);
    }
    .home-heat-cell[data-level="off"] {
      background: transparent;
    }
    .home-heat-cell[data-level="1"] {
      background: color-mix(in srgb, var(--accent) 28%, var(--code-bg));
    }
    .home-heat-cell[data-level="2"] {
      background: color-mix(in srgb, var(--accent) 52%, var(--code-bg));
    }
    .home-heat-cell[data-level="3"] {
      background: color-mix(in srgb, var(--accent) 76%, var(--code-bg));
    }
    .home-heat-cell[data-level="4"] {
      background: var(--accent);
    }
    .home-heat-total {
      margin: 0.65rem 0.85rem 0;
      color: var(--muted);
      font-family: var(--mono);
      font-size: 0.78rem;
    }
    .home-heat-help {
      margin: 0.35rem 0.85rem 0;
      color: var(--muted);
      font-size: 0.75rem;
    }
    .home-heat-legend {
      display: flex;
      align-items: center;
      gap: 0.3rem;
      padding: 0 0.85rem 0.75rem;
      color: var(--muted);
      font-size: 0.72rem;
    }
    .home-rail-foot {
      margin: 0;
      padding: 0.7rem 0.85rem;
      border-top: 1px solid var(--line);
      font-size: 0.85rem;
      font-weight: 650;
    }
    .home-rail {
      display: grid;
      gap: 1rem;
      min-width: 0;
      align-content: start;
    }
    .home-rail-card {
      min-width: 0;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel);
      overflow: hidden;
    }
    .home-attention {
      border-color: transparent;
      box-shadow:
        0 0 0 1px color-mix(in srgb, var(--fg) 9%, transparent),
        0 2px 8px rgb(0 0 0 / 3%);
    }
    .home-rail-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.5rem;
      padding: 0.6rem 0.85rem;
      border-bottom: 1px solid var(--line);
    }
    .home-rail-head h2 {
      margin: 0;
      color: var(--text-tertiary);
      font-size: 0.78rem;
      font-weight: 650;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }
    .home-rail-head a {
      flex: 0 0 auto;
      font-size: 0.78rem;
      font-weight: 650;
    }
    .home-glance-list {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .home-glance-row {
      padding: 0.55rem 0.85rem;
      border-bottom: 1px solid var(--line);
    }
    .home-glance-row:last-child {
      border-bottom: 0;
    }
    .home-glance-row:hover {
      background: var(--accent-soft);
    }
    .home-glance-row a {
      font-weight: 650;
      text-decoration: none;
      overflow-wrap: anywhere;
    }
    .home-glance-meta {
      margin: 0.15rem 0 0;
      color: var(--muted);
      font-size: 0.78rem;
      overflow-wrap: anywhere;
    }
    .home-repositories .home-rail-head {
      flex-wrap: wrap;
    }
    .home-repositories .home-glance-row {
      padding: 0;
      border-bottom-color: color-mix(in srgb, var(--line) 55%, transparent);
    }
    .home-repositories .home-glance-row a {
      display: block;
      padding: 0.4rem 0.85rem;
      min-height: 2.25rem;
      font-size: 0.85rem;
      font-weight: 550;
    }
    .home-getstarted {
      margin: 0 0 1.25rem;
      padding: 1.1rem 1.25rem;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel);
    }
    .home-getstarted h2 {
      margin: 0;
      font-size: 1.08rem;
    }
    .home-getstarted p {
      max-width: 46ch;
      margin: 0.35rem 0 0.9rem;
    }
    .home-inbox-list {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .home-inbox-row {
      display: flex;
      gap: 0.75rem;
      align-items: start;
      padding: 0.8rem 1rem;
      border-bottom: 1px solid var(--line);
    }
    .home-inbox-row:last-child {
      border-bottom: 0;
    }
    .home-inbox-row:hover {
      background: color-mix(in srgb, var(--accent-soft) 45%, var(--panel));
    }
    .home-inbox-marker {
      flex: 0 0 0.45rem;
      width: 0.45rem;
      height: 0.45rem;
      margin-top: 0.5rem;
      border-radius: 50%;
      background: var(--accent);
    }
    .home-inbox-copy {
      flex: 1;
      min-width: 0;
    }
    .home-inbox-copy a {
      display: block;
      font-weight: 650;
      text-decoration: none;
      overflow-wrap: anywhere;
    }
    .home-inbox-copy p {
      margin: 0.2rem 0 0;
      color: var(--muted);
      font-size: 0.8rem;
      overflow-wrap: anywhere;
    }
    @media (max-width: 800px) {
      .home-dashboard-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
      }
    }
    @media (max-width: 540px) {
      .home-inbox-row {
        display: grid;
        grid-template-columns: 0.45rem minmax(0, 1fr);
      }
    }
    .home-directory {
      min-width: 0;
    }
    .home-filters {
      display: grid;
      grid-template-columns:
        minmax(12rem, 2fr) repeat(2, minmax(9rem, 1fr))
        auto;
      gap: 0.75rem;
      align-items: end;
      margin: 0 0 0.7rem;
    }
    .home-filters label {
      min-width: 0;
      margin: 0;
      color: var(--muted);
      font-size: 0.8rem;
      font-weight: 650;
    }
    .home-filters input,
    .home-filters select {
      display: block;
      width: 100%;
      max-width: none;
      height: 2.5rem;
      margin: 0.35rem 0 0;
      color: var(--fg);
      font-size: 1rem;
    }
    .home-filter-actions {
      display: flex;
      align-items: center;
      gap: 0.35rem;
      white-space: nowrap;
    }
    .home-filter-actions .button {
      min-height: 2.5rem;
    }
    .home-results {
      margin: 0.5rem 0;
      font-size: 0.85rem;
    }
    .home-directory-more {
      margin: 1rem 0 0;
      font-size: 0.9rem;
    }
    @media (max-width: 900px) {
      .home-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .home-filter-search,
      .home-filter-actions {
        grid-column: 1 / -1;
      }
    }
    @media (max-width: 540px) {
      .home-filters {
        grid-template-columns: minmax(0, 1fr);
      }
      .home-filter-search,
      .home-filter-actions {
        grid-column: auto;
      }
      .home-filter-actions .button--primary {
        flex: 1;
      }
    }
    .repo-listing {
      padding: 0;
      list-style: none;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      overflow: hidden;
      background: var(--panel);
      margin: 0;
    }
    .repo-listing-row {
      display: grid;
      grid-template-columns: 1.6rem minmax(0, 1fr) auto;
      gap: 0.1rem 0.7rem;
      align-items: start;
      padding: 0.7rem 0.85rem;
      border-bottom: 1px solid var(--line);
    }
    .repo-listing-row:last-child {
      border-bottom: 0;
    }
    .repo-listing-row:hover {
      background: var(--accent-soft);
    }
    .repo-listing-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 1.6rem;
      height: 1.6rem;
      border-radius: 0.45rem;
      background: var(--accent-soft);
      color: var(--accent-strong);
      font-family: var(--mono);
      font-size: 0.8rem;
      font-weight: 800;
    }
    img.repo-listing-icon {
      object-fit: cover;
      background: var(--panel);
    }
    .repo-listing-icon .brewery-icon {
      width: 0.95rem;
      height: 0.95rem;
    }
    .repo-listing-main {
      min-width: 0;
    }
    .repo-listing-title {
      display: flex;
      flex-wrap: wrap;
      gap: 0.3rem;
      align-items: center;
    }
    .repo-listing-owner {
      color: var(--muted);
      font-weight: 600;
      text-decoration: none;
      overflow-wrap: anywhere;
    }
    .repo-listing-owner:hover {
      color: var(--accent-strong);
    }
    .repo-listing-slash {
      color: var(--text-tertiary);
    }
    .repo-listing-description {
      margin: 0.2rem 0 0;
      font-size: 0.88rem;
    }
    /* Top-aligned to the title's first line, since row height varies with the
       description length. */
    .repo-listing-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 0.3rem 0.8rem;
      align-items: center;
      min-height: 1.5rem;
      font-family: var(--mono);
      font-size: 0.78rem;
    }
    .explore-head {
      margin-bottom: 0.4rem;
    }
    .explore-head h1 {
      margin-bottom: 0.2rem;
    }
    .explore-head > .muted {
      margin: 0;
    }
    .explore-tabs {
      display: flex;
      gap: 0.25rem;
      margin-top: 0.9rem;
      border-bottom: 1px solid var(--line-strong);
    }
    .explore-tab {
      padding: 0.5rem 0.85rem;
      margin-bottom: -1px;
      border-bottom: 2px solid transparent;
      color: var(--muted);
      font-weight: 600;
      text-decoration: none;
    }
    .explore-tab:hover {
      color: var(--fg);
      text-decoration: none;
    }
    .explore-tab.active {
      color: var(--accent-strong);
      border-bottom-color: var(--accent);
    }
    .explore .search {
      margin-top: 1.1rem;
    }
    .explore-count {
      margin: 0 0 0.5rem;
      font-family: var(--mono);
      font-size: 0.8rem;
    }
    .user-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
      gap: 0.8rem;
      padding: 0;
      list-style: none;
    }
    .user-card {
      display: grid;
      grid-template-columns: 2.75rem minmax(0, 1fr);
      gap: 0.75rem;
      align-items: start;
      padding: 0.9rem;
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) + 0.2rem);
      background: var(--panel);
      transition: border-color 0.15s ease;
    }
    .user-card:hover {
      border-color: color-mix(in srgb, var(--accent) 42%, var(--line));
    }
    /* Both classes, so this wins over the base `.avatar` size defined later
       in the shared-controls block. */
    .avatar.avatar--card {
      width: 2.75rem;
      height: 2.75rem;
      font-size: 1.1rem;
    }
    .user-card-main {
      min-width: 0;
    }
    .user-card-title {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
      align-items: baseline;
    }
    .user-card-title .muted {
      font-family: var(--mono);
      font-size: 0.85rem;
    }
    .user-card-bio {
      margin-top: 0.25rem;
      min-height: 1.4rem;
    }
    .user-card-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem 0.75rem;
      margin-top: 0.5rem;
      color: var(--text-tertiary);
      font-family: var(--mono);
      font-size: 0.78rem;
    }
    .repo-row {
      padding: 0.6rem 0.85rem;
      border-bottom: 1px solid var(--line);
      align-items: center;
    }
    .repo-row:last-child {
      border-bottom: 0;
    }
    .repo-link,
    .issue-title {
      color: var(--fg);
      font-weight: 650;
      text-decoration: none;
      overflow-wrap: anywhere;
    }
    .repo-link:hover,
    .issue-title:hover {
      color: var(--accent-strong);
    }
    .commit-strip {
      margin: 1rem 0;
    }
    .commit-strip .section-head {
      margin-bottom: 0;
    }
    .commits li {
      padding: 0.45rem 0.85rem;
      border-bottom: 1px solid var(--line);
    }
    .commits li:last-child {
      border-bottom: 0;
    }
    .commit-date-divider {
      padding: 0.5rem 0.85rem;
      font-size: 0.78rem;
      font-weight: 600;
      color: var(--muted);
      background: var(--field);
      border-bottom: 1px solid var(--line-strong);
    }
    .commit-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.55rem;
      align-items: center;
    }
    .commit-row--inline {
      grid-template-columns: auto auto minmax(0, 1fr) auto;
      gap: 0.4rem;
    }
    .commit-row--inline .commit-author {
      color: var(--fg);
      font-weight: 650;
    }
    .commit-row--inline .commit-subject-line {
      min-width: 0;
    }
    .commit-row--inline .commit-subject {
      color: var(--muted);
    }
    .commit-row--inline .commit-time {
      font-variant-numeric: tabular-nums;
    }
    .commit-age-actions {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      white-space: nowrap;
    }
    .commit-byline {
      display: flex;
      align-items: center;
      gap: 0.3rem;
      margin-top: 0.2rem;
      min-width: 0;
      font-size: 0.8rem;
    }
    .commit-byline .commit-avatar {
      width: 1.1rem;
      height: 1.1rem;
    }
    .commit-byline-verb {
      color: var(--muted);
    }
    .commit-dot {
      color: var(--text-tertiary);
    }
    .commit-subject-line {
      display: flex;
      align-items: baseline;
      gap: 0.35rem;
      min-width: 0;
    }
    .commit-main {
      min-width: 0;
    }
    .commit-avatar {
      width: 1.35rem;
      height: 1.35rem;
      border-radius: 50%;
      object-fit: cover;
      background: var(--accent-soft);
    }
    .commit-avatar-placeholder {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--accent-strong);
      font-family: var(--mono);
      font-size: 0.72rem;
      font-weight: 750;
    }
    .commit-subject {
      display: block;
      color: var(--fg);
      text-decoration: none;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .commit-subject:hover {
      text-decoration: underline;
    }
    .commit-description-indicator {
      flex: 0 0 auto;
      color: var(--muted);
      font-size: 0.9rem;
      line-height: 1;
      text-decoration: none;
    }
    .commit-description-indicator:hover {
      color: var(--accent-strong);
    }
    .commit-byline .commit-author {
      color: var(--accent-strong);
    }
    .commit-hash {
      font-size: 0.82rem;
      color: var(--accent-strong);
    }
    .commit-author {
      color: var(--muted);
      font-size: 0.85rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .commit-time {
      color: var(--muted);
      font-size: 0.85rem;
    }
    .commit-actions,
    .commit-ref {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
    }
    .commit-copy {
      display: inline-flex;
      width: 1.65rem;
      height: 1.65rem;
      align-items: center;
      justify-content: center;
      padding: 0;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--muted);
      cursor: pointer;
    }
    .commit-copy:hover,
    .commit-copy:focus-visible {
      background: var(--accent-soft);
      color: var(--accent-strong);
    }
    .commit-copy .brewery-icon,
    .issue-comments .brewery-icon,
    .pull-target .brewery-icon {
      width: 1em;
      height: 1em;
    }
    .commit-detail {
      margin: 1rem 0;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      overflow: hidden;
      background: var(--panel);
    }
    .commit-detail-head {
      padding: 0.9rem 1rem;
      border-bottom: 1px solid var(--line);
      background: var(--code-bg);
    }
    .commit-detail-heading {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.75rem;
      flex-wrap: wrap;
    }
    .commit-detail-heading h2 {
      margin: 0;
    }
    .commit-detail-heading code {
      color: var(--accent-strong);
    }
    .commit-detail-meta {
      margin: 0.35rem 0 0;
    }
    .commit-stat-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      margin-top: 0.6rem;
    }
    .signature-badge {
      display: inline-flex;
      align-items: center;
      padding: 0.08rem 0.42rem;
      border: 1px solid color-mix(in srgb, var(--warning) 55%, var(--line));
      border-radius: 999px;
      background: color-mix(in srgb, var(--warning) 14%, transparent);
      color: var(--warning);
      font-size: 0.72rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      white-space: nowrap;
    }
    .signature-verified {
      color: var(--success);
      border-color: color-mix(in srgb, var(--success) 55%, var(--line));
      background: color-mix(in srgb, var(--success) 14%, transparent);
    }
    .commit-message {
      margin: 0;
      padding: 1rem;
      border: 0;
      border-radius: 0;
      border-bottom: 1px solid var(--line);
      background: var(--panel);
      white-space: pre-wrap;
    }
    .search {
      margin: 1rem 0 1.25rem;
    }
    .search form {
      display: block;
    }
    .search label {
      display: block;
      margin-bottom: 0.35rem;
      font-weight: 600;
    }
    .search-help {
      margin: 0 0 0.45rem;
      color: var(--muted);
      font-size: 0.9rem;
    }
    .search-row {
      display: flex;
      gap: 0.5rem;
      align-items: center;
    }
    .search-row input {
      flex: 1 1 16rem;
      width: auto;
      max-width: none;
      min-width: 0;
    }
    .search-row input,
    .search-row select,
    .search-row button {
      height: 2.65rem;
      min-height: 2.65rem;
      padding-top: 0;
      padding-bottom: 0;
    }
    .search-row select {
      width: auto;
      min-width: 8rem;
    }
    .search-row button,
    .icon-link {
      min-height: 2.5rem;
    }
    .search-row button {
      display: inline-flex;
      gap: 0.4rem;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
    }
    .explore-repo-search {
      display: grid;
      grid-template-columns:
        minmax(0, 1fr) minmax(8rem, 10rem) minmax(9rem, 12rem)
        auto;
      align-items: end;
      gap: 0.75rem;
    }
    .explore-repo-search--owned {
      grid-template-columns: minmax(0, 1fr) repeat(3, minmax(8rem, 10rem)) auto;
    }
    .explore-repo-search label {
      min-width: 0;
      margin: 0;
      color: var(--muted);
      font-size: 0.8rem;
      font-weight: 550;
    }
    .explore-repo-search input,
    .explore-repo-search select {
      width: 100%;
      min-width: 0;
      margin-top: 0.3rem;
      font-size: 1rem;
    }
    @media (max-width: 800px) {
      .explore-repo-search {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .explore-repo-search .explore-query,
      .explore-repo-search button {
        grid-column: 1 / -1;
      }
    }
    @media (max-width: 360px) {
      .explore-repo-search {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    .search-results {
      list-style: none;
      margin: 1rem 0 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }
    .search-hit {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 0.5rem 0.65rem;
      background: var(--panel);
    }
    .search-hit code {
      font-family: var(--mono);
    }
    .search-snippet {
      margin: 0.35rem 0 0;
      padding: 0.35rem 0.5rem;
      background: var(--field);
      border-radius: var(--radius);
      font-family: var(--mono);
      font-size: 0.85rem;
      overflow-x: auto;
      white-space: pre;
    }
    .file-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.75rem;
      flex-wrap: wrap;
      margin: 1rem 0 0.75rem;
      padding: 0.6rem 0.85rem;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--code-bg);
    }
    .file-breadcrumbs {
      margin: 1rem 0 0.75rem;
    }
    .file-breadcrumbs .breadcrumbs {
      margin: 0;
    }
    .file-toolbar-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.55rem;
      min-width: 0;
      color: var(--muted);
      font-size: 0.85rem;
    }
    .file-toolbar-name {
      font-family: var(--mono);
      color: var(--fg);
      font-weight: 600;
      overflow-wrap: anywhere;
    }
    .file-toolbar-actions {
      display: flex;
      gap: 0.4rem;
      flex-shrink: 0;
    }
    .code-view {
      margin: 0.75rem 0 1rem;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      overflow: auto;
      background: var(--code-bg);
    }
    .blame-table,
    .blob-table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      margin: 0;
      font-family: var(--mono);
      font-size: 0.86rem;
      line-height: 1.55;
    }
    .blame-table td,
    .blob-table td {
      padding: 0 0.75rem;
      vertical-align: top;
      border-bottom: 0;
      white-space: nowrap;
    }
    .blame-table tr:hover,
    .blob-table tr:hover {
      background: color-mix(in srgb, var(--accent-soft) 45%, transparent);
    }
    .blame-table td.blame-code,
    .blob-table td.blame-code {
      white-space: pre;
      width: 100%;
      color: var(--code-fg);
    }
    .blame-table td.blame-code pre.highlight,
    .blame-table td.blame-code pre,
    .blob-table td.blame-code pre.highlight,
    .blob-table td.blame-code pre {
      margin: 0;
      padding: 0;
      display: inline;
      background: none;
      border: 0;
      border-radius: 0;
      line-height: inherit;
    }
    .blame-table td.blame-lineno,
    .blob-table td.blame-lineno {
      position: sticky;
      left: 0;
      min-width: 3.8rem;
      text-align: right;
      color: var(--text-tertiary);
      background: color-mix(in srgb, var(--code-bg) 88%, var(--panel));
      border-right: 1px solid var(--line);
      user-select: none;
    }
    .blame-table td.blame-lineno a,
    .blob-table td.blame-lineno a {
      color: inherit;
    }
    .blame-table tr:target,
    .blob-table tr:target,
    .blob-table tr.highlighted {
      background: var(--accent-soft);
    }
    .tree-browser {
      margin: 1rem 0;
    }
    .tree-panel {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      overflow: hidden;
      background: var(--panel);
    }
    .tree-panel .panel-head {
      padding: 0.65rem 0.85rem 0.5rem;
      border-bottom: 1px solid var(--line);
      background: var(--code-bg);
    }
    .tree-panel .panel-head .breadcrumbs {
      margin: 0 0 0.5rem;
    }
    .tree-panel .panel-head .section-head {
      margin: 0;
      padding: 0;
      border: 0;
    }
    .tree-panel > .empty {
      margin: 0;
      border: 0;
      border-radius: 0;
    }
    .tree-list {
      margin: 0;
      border: 0;
      border-radius: 0;
      overflow: hidden;
      background: var(--panel);
    }
    .tree-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 5rem 6rem;
      gap: 0.75rem;
      align-items: center;
      min-height: 2.1rem;
      padding: 0.45rem 0.85rem;
      border-bottom: 1px solid var(--line);
    }
    .tree-row:last-child {
      border-bottom: 0;
    }
    .tree-row:hover {
      background: var(--accent-soft);
    }
    .tree-name {
      display: inline-flex;
      align-items: center;
      min-width: 0;
      color: var(--fg);
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .tree-row:hover .tree-name {
      color: var(--accent-strong);
    }
    .tree-icon {
      display: inline-flex;
      flex-shrink: 0;
      width: 1.1rem;
      height: 1.1rem;
      margin-right: 0.55rem;
      color: var(--text-tertiary);
    }
    .tree-icon .brewery-icon {
      width: 1.1rem;
      height: 1.1rem;
    }
    .tree-row:hover .tree-icon {
      color: var(--accent-strong);
    }
    .tree-size {
      color: var(--muted);
      font-family: var(--mono);
      font-size: 0.8rem;
      text-align: right;
    }
    .tree-date {
      text-align: right;
      font-size: 0.78rem;
      font-weight: 500;
      white-space: nowrap;
    }
    .age-fresh {
      color: var(--accent-strong);
      font-weight: 650;
    }
    .age-recent {
      color: var(--fg);
    }
    .age-old {
      color: var(--muted);
    }
    .age-ancient {
      color: var(--text-tertiary);
    }
    .breadcrumbs {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.3rem;
      margin: 0 0 0.6rem;
      color: var(--muted);
      font-family: var(--mono);
      font-size: 0.85rem;
    }
    .breadcrumbs .crumb {
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      color: var(--muted);
    }
    .breadcrumbs a.crumb:hover {
      color: var(--accent-strong);
    }
    .breadcrumbs .crumb-root .brewery-icon {
      width: 1rem;
      height: 1rem;
    }
    .breadcrumbs .crumb-current {
      font-weight: 700;
      color: var(--fg);
    }
    .breadcrumbs .crumb-sep {
      color: var(--text-tertiary);
    }
    .composer-disclosure {
      margin: 1rem 0;
    }
    .composer-disclosure > summary {
      cursor: pointer;
      list-style: none;
    }
    .composer-disclosure > summary::-webkit-details-marker {
      display: none;
    }
    .composer-disclosure > summary::after {
      content: "▸";
      margin-left: auto;
      color: var(--text-tertiary);
      font-size: 0.8rem;
    }
    .composer-disclosure[open] > summary::after {
      content: "▾";
    }
    .composer-disclosure > summary h2 {
      margin: 0;
      font-size: 1.05rem;
    }
    .field-inline {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem 1.4rem;
      margin: 0;
    }
    .field-inline label {
      margin: 0;
    }
    .content-list {
      list-style: none;
      margin: 1rem 0 0;
      padding: 0;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      overflow: hidden;
      background: var(--panel);
    }
    .content-row {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      align-items: center;
      padding: 0.75rem 0.95rem;
      border-bottom: 1px solid var(--line);
    }
    .content-row:last-child {
      border-bottom: 0;
    }
    .content-row:hover {
      background: var(--accent-soft);
    }
    .content-row-main {
      min-width: 0;
    }
    .content-row-title {
      color: var(--fg);
      font-weight: 650;
      text-decoration: none;
    }
    .content-row-title:hover {
      color: var(--accent-strong);
    }
    .content-row-main p {
      margin: 0.15rem 0 0;
      font-size: 0.88rem;
    }
    .release-list {
      display: grid;
      gap: 1rem;
      margin-top: 1rem;
    }
    .release-card {
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) + 0.1rem);
      background: var(--panel);
      overflow: hidden;
    }
    .release-card-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      padding: 0.75rem 1rem;
      border-bottom: 1px solid var(--line);
      background: var(--code-bg);
    }
    .release-card-title {
      display: flex;
      align-items: baseline;
      gap: 0.6rem;
      min-width: 0;
      flex-wrap: wrap;
    }
    .release-card-title h3 {
      margin: 0;
      font-size: 1rem;
    }
    .release-card-title code {
      color: var(--accent-strong);
      font-size: 0.82rem;
    }
    .release-card-body {
      padding: 1rem;
    }
    .release-assets {
      list-style: none;
      margin: 0.85rem 0 0;
      padding: 0.5rem 0 0;
      border-top: 1px solid var(--line);
      font-size: 0.86rem;
    }
    .release-assets li {
      padding: 0.25rem 0;
      color: var(--muted);
    }
    .wiki-layout {
      display: grid;
      grid-template-columns: 14rem minmax(0, 1fr);
      gap: 1.25rem;
      margin-top: 1rem;
      align-items: start;
    }
    .wiki-pages {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel);
      padding: 0.85rem 1rem;
    }
    .wiki-pages-head {
      margin: 0 0 0.5rem;
      font-size: 0.78rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      color: var(--text-tertiary);
    }
    .wiki-page-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      gap: 0.1rem;
    }
    .wiki-page-list a {
      display: block;
      padding: 0.3rem 0.4rem;
      border-radius: calc(var(--radius) - 0.1rem);
      color: var(--fg);
      text-decoration: none;
      font-size: 0.9rem;
    }
    .wiki-page-list a:hover {
      background: var(--accent-soft);
      color: var(--accent-strong);
    }
    .wiki-pages-empty {
      margin: 0;
      font-size: 0.88rem;
    }
    .wiki-main {
      min-width: 0;
      display: grid;
      gap: 1rem;
    }
    .wiki-content {
      margin: 0;
    }
    .wiki-pages-head-row {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 0.5rem;
      margin-bottom: 0.5rem;
    }
    .wiki-pages-head-row .wiki-pages-head {
      margin: 0;
    }
    .wiki-new {
      font-size: 0.8rem;
      font-weight: 600;
      color: var(--accent-strong);
      text-decoration: none;
      white-space: nowrap;
    }
    .wiki-new:hover {
      text-decoration: underline;
    }
    .wiki-page-list a.current {
      background: var(--accent-soft);
      color: var(--accent-strong);
      font-weight: 600;
    }
    .wiki-content .readme-head {
      justify-content: flex-start;
    }
    .wiki-meta {
      margin-left: auto;
      font-size: 0.8rem;
      font-weight: 400;
      color: var(--muted);
    }
    .wiki-editor-actions {
      display: flex;
      gap: 0.5rem;
      align-items: center;
    }
    .wiki-history {
      margin: 0;
    }
    .wiki-history > summary {
      cursor: pointer;
      color: var(--muted);
      font-size: 0.85rem;
      font-weight: 600;
    }
    .wiki-history-list {
      margin: 0.5rem 0 0;
      padding: 0 0 0 1.1rem;
      display: grid;
      gap: 0.25rem;
      font-size: 0.84rem;
    }
    .wiki-history-list code {
      color: var(--accent-strong);
      font-size: 0.78rem;
    }
    .repo-content-actions {
      display: flex;
      justify-content: flex-end;
      margin: 0.3rem 0 0.2rem;
    }
    .collab-row {
      align-items: center;
      gap: 1rem;
      flex-wrap: wrap;
    }
    .collab-identity {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      min-width: 0;
    }
    .collab-avatar {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: center;
      width: 2rem;
      height: 2rem;
      border-radius: 999px;
      background: var(--accent-soft);
      color: var(--accent-strong);
      font-family: var(--mono);
      font-weight: 800;
      font-size: 0.85rem;
    }
    .collab-role {
      margin-top: 0.2rem;
    }
    .collab-controls {
      display: flex;
      align-items: center;
      gap: 1.1rem;
      flex-wrap: wrap;
      margin: 0;
    }
    .collab-perms {
      display: flex;
      gap: 0.9rem;
    }
    .collab-perms label {
      margin: 0;
      font-weight: 500;
    }
    .collab-actions {
      display: flex;
      gap: 0.4rem;
    }
    .project-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 1rem;
      margin: 0.2rem 0 1rem;
    }
    .project-title {
      margin: 0;
    }
    .project-board {
      display: flex;
      gap: 0.9rem;
      align-items: flex-start;
      overflow-x: auto;
      padding-bottom: 0.75rem;
    }
    .project-column {
      display: flex;
      flex-direction: column;
      flex: 0 0 18rem;
      max-height: none;
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) + 0.2rem);
      background: var(--code-bg);
    }
    .project-column-head {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.6rem 0.75rem;
      border-bottom: 1px solid var(--line);
    }
    .project-column-head h2 {
      margin: 0;
      font-size: 0.92rem;
      font-weight: 650;
      flex: 1 1 auto;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .project-column-delete {
      display: inline-flex;
      margin: 0;
    }
    .project-column-delete .button--icon {
      width: 1.9rem;
      height: 1.9rem;
      min-height: 0;
      border: 0;
      background: transparent;
      color: var(--text-tertiary);
      font-size: 1.1rem;
    }
    .project-column-delete .button--icon:hover {
      color: var(--danger);
      background: var(--accent-soft);
    }
    .project-cards {
      list-style: none;
      margin: 0;
      padding: 0.55rem;
      display: grid;
      gap: 0.55rem;
      min-height: 3rem;
      flex: 1 1 auto;
    }
    .project-cards.sortable-drag-active {
      background: var(--accent-soft);
      border-radius: var(--radius);
    }
    .project-card {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
      padding: 0.6rem 0.7rem;
      padding-right: 1.6rem;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel);
      box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
    }
    .project-card[draggable="true"] {
      cursor: grab;
    }
    .project-card--ghost {
      opacity: 0.4;
      background: var(--accent-soft);
    }
    .project-card-note {
      margin: 0;
      font-size: 0.88rem;
      overflow-wrap: anywhere;
    }
    .project-card-ref {
      display: flex;
      align-items: baseline;
      gap: 0.4rem;
      text-decoration: none;
      color: var(--fg);
    }
    .project-card-ref:hover .project-card-title {
      color: var(--accent-strong);
    }
    .project-card-num {
      flex: 0 0 auto;
      font-family: var(--mono);
      font-size: 0.78rem;
      color: var(--text-tertiary);
    }
    .project-card-title {
      font-size: 0.88rem;
      font-weight: 600;
      overflow-wrap: anywhere;
    }
    .card-state {
      align-self: center;
      display: inline-block;
      flex: 0 0 auto;
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 999px;
    }
    .card-state--open {
      background: var(--success);
    }
    .card-state--merged {
      background: var(--state-merged);
    }
    .card-state--closed {
      background: var(--danger);
    }
    .card-menu {
      position: absolute;
      top: 0.3rem;
      right: 0.25rem;
    }
    .card-menu-trigger {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 1.4rem;
      height: 1.4rem;
      border-radius: var(--radius);
      color: var(--text-tertiary);
      cursor: pointer;
      list-style: none;
      line-height: 1;
    }
    .card-menu-trigger::-webkit-details-marker {
      display: none;
    }
    .card-menu-trigger:hover {
      background: var(--accent-soft);
      color: var(--fg);
    }
    .card-menu .menu__panel {
      min-width: 12rem;
      gap: 0.5rem;
    }
    .card-menu .menu__panel form {
      display: grid;
      gap: 0.35rem;
      margin: 0;
    }
    .card-menu .menu__panel label {
      margin: 0;
      font-size: 0.8rem;
      font-weight: 600;
    }
    .project-add-card {
      margin: 0 0.55rem 0.55rem;
    }
    .project-add-card > summary {
      display: inline-flex;
      padding: 0.3rem 0.1rem;
      color: var(--accent-strong);
      font-size: 0.82rem;
      font-weight: 600;
      cursor: pointer;
      list-style: none;
    }
    .project-add-card > summary::-webkit-details-marker {
      display: none;
    }
    .project-add-card > summary:hover {
      color: var(--accent);
    }
    .project-add-card form {
      margin: 0.35rem 0 0;
    }
    .project-add-fields {
      display: grid;
      gap: 0.4rem;
    }
    .project-add-fields select,
    .project-add-fields input {
      width: 100%;
      margin: 0;
    }
    .project-column--new {
      flex: 0 0 16rem;
      background: transparent;
      border-style: dashed;
    }
    .project-column--new form {
      display: grid;
      gap: 0.5rem;
      margin: 0;
      padding: 0.75rem;
    }
    .project-column--new input {
      width: 100%;
      margin: 0;
    }
    @media (max-width: 700px) {
      .repo-title,
      .repo-row,
      .repo-settings-head,
      .repo-grant-row {
        align-items: flex-start;
        flex-direction: column;
      }
      .repo-settings-row,
      .repo-danger-body,
      .repo-rule-fields,
      .repo-card-body,
      .user-card,
      .wiki-layout {
        grid-template-columns: minmax(0, 1fr);
      }
      .repo-settings-head .button--compact,
      .repo-settings-form button,
      .repo-collab-add button,
      .repo-danger-form button {
        width: 100%;
        justify-content: center;
      }
      .repo-settings-control,
      .repo-collab-row,
      .repo-file-action,
      .repo-actions,
      .clone-line,
      .search-row {
        align-items: stretch;
        flex-direction: column;
      }
      .repo-actions-top {
        justify-content: flex-start;
      }
      .tabs {
        margin-inline: calc(-1 * var(--page-gutter));
        padding-inline: calc(var(--page-gutter) - 0.7rem);
      }
      .branch-section .section-head {
        flex-wrap: wrap;
        gap: 0.5rem;
      }
      .branch-section .section-head .branch-filter {
        flex: 1 1 100%;
        min-width: 0;
      }
      .repo-listing-row {
        grid-template-columns: 1.6rem minmax(0, 1fr);
      }
      .repo-listing-meta {
        grid-column: 2;
        min-height: 0;
        margin-top: 0.35rem;
      }
      .clone-line > span {
        align-self: flex-start;
        margin: 0 0 0.3rem;
      }
      .clone-proto {
        width: 100%;
      }
      .clone-proto .proto-button {
        flex: 1 1 0;
        justify-content: center;
      }
      .clone-url {
        flex: 0 0 auto;
        max-width: 100%;
        margin: -1px 0 0;
        border-radius: 0;
      }
      .copy-button {
        width: 100%;
        margin: -1px 0 0;
        border-radius: 0 0 var(--radius) var(--radius);
      }
      .repo-stats {
        grid-auto-flow: row;
        grid-template-columns: 1fr 1fr;
      }
      .repo-stat {
        justify-content: flex-start;
        border-left: 0;
      }
      .repo-stat:nth-child(even) {
        border-left: 1px solid var(--line);
      }
      .commit-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.25rem;
      }
      .commit-row--inline {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.1rem 0.4rem;
      }
      .commit-row--inline .commit-author,
      .commit-row--inline .commit-subject-line {
        grid-column: 2;
      }
      .commit-row--inline .commit-actions {
        grid-column: 1 / -1;
      }
      .commit-row .commit-subject {
        white-space: normal;
        overflow-wrap: anywhere;
      }
      .commit-byline-verb {
        display: none;
      }
      .commit-byline .commit-author {
        min-width: 0;
      }
      .commit-byline .commit-time {
        flex: 0 0 auto;
        margin-left: auto;
        white-space: nowrap;
      }
      .commit-actions {
        flex-wrap: wrap;
        justify-content: flex-start;
      }
      .commit-row--inline .commit-dot {
        display: none;
      }
      .commit-time {
        text-align: left;
      }
      .commit-row--inline .commit-time {
        min-width: 0;
        text-align: left;
        white-space: nowrap;
      }
      .tree-row {
        grid-template-columns: minmax(0, 1fr) auto;
      }
      .tree-size,
      .commit-divergence {
        display: none;
      }
      .label-row {
        justify-content: flex-start;
      }
      .branch-row {
        grid-template-columns: minmax(0, 1fr);
      }
      .branch-actions button,
      .branch-filter button,
      .branch-copy {
        width: auto;
      }
      .branch-filter {
        width: 100%;
      }
      .branch-filter input {
        flex: 1 1 auto;
        width: auto;
      }
    }
  }
}