~ font-size: .875rem;~ text-align: center;~ }++ footer a { color: var(--blue); text-decoration: none; }+ footer a:hover { text-decoration: underline; text-underline-offset: 3px; }~}~~@layer components {~ color: var(--primary);~ font-family: var(--font-mono);~ border-top: 1px solid var(--secondary);- transition: background-color .15s ease-out;- }+ }~~ .repo-nav-item + .repo-nav-item { border-top: 1px solid var(--highlight); }~ .repo-nav-item:last-child { border-bottom: 1px solid var(--secondary); }- .repo-nav-item:active { background-color: var(--highlight); transition: none; }+ .repo-nav-item:active { background-color: var(--highlight); }~ .repo-nav-item:hover > span:first-of-type { text-decoration: underline; text-underline-offset: 3px; }~ .repo-nav-item-meta { margin-left: auto; color: var(--secondary); }~ .repo-nav-item-arrow { color: var(--secondary); }~ }~~ .commit-meta span:last-child { flex-shrink: 0; padding-left: 1rem; }++ /* Commit graph layout */+ .commit-graph-layout {+ display: flex;+ align-items: flex-start;+ overflow-x: auto;+ }++ .commit-graph-svg {+ flex-shrink: 0;+ max-width: 12rem;+ overflow-x: auto;+ }++ .commit-graph-svg > svg {+ display: block;+ }++ .commit-graph-rows {+ flex: 1;+ display: flex;+ flex-direction: column;+ min-width: 0;+ }++ .commit-graph-row {+ height: 40px;+ display: flex;+ align-items: center;+ gap: 1rem;+ padding-right: 1rem;+ min-width: max-content;+ text-decoration: none;+ color: inherit;+ font-family: var(--font-mono);+ }++ .commit-graph-row:hover { background: var(--highlight); }++ .commit-graph-row .commit-message {+ flex: 1;+ overflow: hidden;+ text-overflow: ellipsis;+ white-space: nowrap;+ }++ .commit-date {+ flex-shrink: 0;+ color: var(--secondary);+ }~~ /* Pagination */- .pagination { display: flex; justify-content: space-between; padding: .75rem 1rem; }+ .pagination { display: flex; justify-content: space-between; padding: .75rem 1rem; font-size: 1rem; font-family: var(--font-mono); }+ .pagination a, .pagination span { flex: 1; text-align: center; }~ .pagination a { color: var(--secondary); text-decoration: none; }- .pagination a:hover { color: var(--primary); }+ .pagination a:hover span:not(.pagination-sym) { text-decoration: underline; text-underline-offset: 3px; }~~ /* Details / summary */~ details { border-top: 1px solid var(--highlight); }~ cursor: pointer;~ font-family: var(--font-mono);~ font-size: 1rem;- transition: background-color .15s ease-out;- }+ }~- details ul li a:active,- details ul li button:active { background-color: var(--highlight); transition: none; }+ details ul li a:active { background-color: var(--highlight); }~~ details ul li a:hover span:first-child,~ details ul li button:hover span:first-child { text-decoration: underline; text-underline-offset: 3px; }++ details ul li a.see-all span:first-child { color: var(--secondary); }~~ /* First span grows; truncates on overflow */~ details ul li a span:first-child,