#project-list{display:flex;flex-direction:column;gap:1rem;margin-block-start:2rem}#project-list article{--bg-overlay: var(--accent-color-alpha);position:relative;transition:var(--transition);box-shadow:var(--edge-highlight),var(--shadow-glass);border-radius:var(--rounded-corner);background-color:var(--bg-overlay);padding:1rem;overflow:hidden}#project-list article h2{margin:0;color:var(--accent-color);font-weight:bold;line-height:1;font-family:var(--font-system-ui)}#project-list article p{margin:.5rem 0;color:var(--fg-muted-4)}#project-list article .tags{position:relative;justify-content:flex-end;z-index:1;margin:0}#project-list article .tags span{background-color:var(--accent-color-alpha);color:var(--accent-color);padding:.375rem .75rem;border-radius:999px;transition:var(--transition);box-shadow:var(--edge-highlight);font-size:var(--font-size-small);line-height:1;white-space:nowrap;font-weight:bold;}#project-list article .links{position:relative;justify-content:flex-start;margin:0;gap:1rem}#project-list article .links a{background-color:var(--accent-color-alpha);color:var(--accent-color);padding:.375rem .75rem;border-radius:999px;transition:var(--transition);box-shadow:var(--edge-highlight);line-height:1;white-space:nowrap;font-weight:bold;text-decoration:none}#project-list article .links a:hover{background-color:var(--accent-color);color:var(--contrast-color)}select,input[type=url],input[type=text],input[type=number]{border-radius:4px;padding:.5em;font-family:inherit;font-size:1em;border:1px solid;max-width:100%;box-sizing:border-box;transition:background-color .3s,color .3s,border-color .3s}:root[data-theme=light] select,:root[data-theme=light] input[type=url],:root[data-theme=light] input[type=text],:root[data-theme=light] input[type=number],:root:not([data-theme]) select,:root:not([data-theme]) input[type=url],:root:not([data-theme]) input[type=text],:root:not([data-theme]) input[type=number]{background-color:#fff;color:#000;border-color:#ccc}:root[data-theme=dark] select,:root[data-theme=dark] input[type=url],:root[data-theme=dark] input[type=text],:root[data-theme=dark] input[type=number]{background-color:#1e1e1e;color:#f0f0f0;border-color:#444}@media (prefers-color-scheme: dark){:root:not([data-theme]) select,:root:not([data-theme]) input[type=url],:root:not([data-theme]) input[type=text],:root:not([data-theme]) input[type=number]{background-color:#1e1e1e;color:#f0f0f0;border-color:#444}}