<style> .pub-section-title { padding-left: 14px; position: relative; } .pub-section-title::before { content: ''; position: absolute; left: 0; top: 0.2em; bottom: 0.2em; width: 3px; background: var(--q2-accent); border-radius: 9999px; } .pub-list { list-style: none; display: flex; flex-direction: column; gap: 0.75rem; padding: 0; } .pub-item { background: var(--q2-bg-elev); border-radius: var(--q2-radius-md); box-shadow: var(--q2-shadow-card); overflow: hidden; transition: box-shadow 0.2s ease, transform 0.2s ease; } .pub-item:hover { box-shadow: var(--q2-shadow-raised); transform: translateY(-1px); } .pub-toggle { all: unset; display: block; width: 100%; cursor: pointer; padding: 1.1rem 1.25rem; transition: background 0.2s ease; } .pub-toggle:hover { background: var(--q2-bg-muted); } .pub-toggle:focus-visible { outline: 2px solid var(--q2-accent); outline-offset: -2px; } .pub-toggle-inner { display: flex; align-items: flex-start; gap: 0.75rem; } .pub-chevron { flex-shrink: 0; margin-top: 0.3rem; width: 16px; height: 16px; color: var(--q2-text-muted); transition: transform 0.2s ease, color 0.2s ease; } .pub-item.is-open .pub-chevron { transform: rotate(180deg); color: var(--q2-accent); } .pub-title { font-family: var(--q2-font-display); font-size: 1.05rem; font-weight: 700; line-height: 1.4; color: var(--q2-text-strong); margin-bottom: 0.4rem; letter-spacing: -0.01em; } .pub-meta { font-size: 0.84rem; color: var(--q2-text-muted); line-height: 1.6; margin: 0; } .pub-authors { font-weight: 500; color: var(--q2-text); } .pub-year { font-weight: 600; color: var(--q2-text); } .pub-meta a { color: var(--q2-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; transition: text-decoration-thickness 0.2s ease; } .pub-meta a:hover { text-decoration-thickness: 2px; } .pub-badge { display: inline-block; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; padding: 1px 6px; border-radius: var(--q2-radius-sm); vertical-align: middle; margin-right: 2px; border: 1px solid transparent; } .pub-badge-doi { background: rgba(37,99,235,0.08); color: var(--q2-accent); border-color: rgba(37,99,235,0.2); } .pub-badge-arxiv { background: rgba(220,38,38,0.07); color: #dc2626; border-color: rgba(220,38,38,0.18); } .pub-abstract-wrap { overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.22s ease; } .pub-item.is-open .pub-abstract-wrap { opacity: 1; } .pub-abstract { padding: 1rem 1.25rem 1.2rem; border-top: 1px solid var(--q2-border); background: var(--q2-bg-muted); font-size: 0.9rem; line-height: 1.8; color: var(--q2-text); } .pub-abstract strong { display: block; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--q2-text-muted); margin-bottom: 0.45rem; } @media (max-width: 600px) { .pub-toggle { padding: 0.9rem 1rem; } .pub-abstract { padding: 0.9rem 1rem; } } </style>

Publikációk

<script> (function () { var items = document.querySelectorAll('#pubList .pub-item'); items.forEach(function (item) { var btn = item.querySelector('.pub-toggle'); var wrap = item.querySelector('.pub-abstract-wrap'); btn.addEventListener('click', function () { var isOpen = item.classList.contains('is-open'); items.forEach(function (el) { var w = el.querySelector('.pub-abstract-wrap'); el.classList.remove('is-open'); el.querySelector('.pub-toggle').setAttribute('aria-expanded', 'false'); w.setAttribute('aria-hidden', 'true'); w.style.maxHeight = '0'; }); if (!isOpen) { item.classList.add('is-open'); btn.setAttribute('aria-expanded', 'true'); wrap.setAttribute('aria-hidden', 'false'); wrap.style.maxHeight = wrap.scrollHeight + 'px'; } }); }); }()); </script>