:root {
    --bg: #ffffff;
    --surface: #f6f8fa;
    --border: #d0d7de;
    --text: #1f2328;
    --muted: #656d76;
    --accent: #0969da;
    --ec-bg: #f6f8fa;
    --ec-border: #d0d7de;
    interpolate-size: allow-keywords;
}
*, *::before, *::after { margin: 0; padding: 0; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
html, body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
html::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none;
}
details summary {
    list-style: none;
}
details summary::-webkit-details-marker {
    display: none;
}
details[open] summary .accordion-arrow {
    transform: rotate(180deg);
}
.accordion-arrow {
    transition: transform 0.2s ease;
    display: inline-block;
}
#view-projects details::details-content {
    height: 0;
    overflow: clip;
    transition: height 0.25s ease, content-visibility 0.25s ease allow-discrete;
}
#view-projects details[open]::details-content {
    height: auto;
}