.project-articles-panel{border:1px solid var(--line);border-radius:24px;padding:20px;min-width:0;align-self:stretch;scroll-margin-top:20px}.project-articles-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.project-articles-heading small{font-size:12px;color:var(--muted)}.project-article-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain;min-width:0}.project-article-slide{flex:0 0 100%;width:100%;box-sizing:border-box;display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:start;scroll-snap-align:start;scroll-snap-stop:always;padding-bottom:12px}.project-article-cover img,.project-article-empty img{width:92px;height:80px;object-fit:contain;border-radius:12px}.project-article-slide h2,.project-article-empty h2{font-size:16px;line-height:1.6;margin:0 0 8px;overflow-wrap:anywhere}.project-article-slide h2 a{color:var(--fg)}.project-article-slide p,.project-article-empty p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 10px;overflow-wrap:anywhere}.project-article-read{font-size:13px;display:block;margin-top:8px;color:var(--accent)}.project-article-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.project-article-buttons{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.project-article-buttons[hidden]{display:none}.project-article-buttons button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--fg);cursor:pointer}.project-article-buttons button:disabled{opacity:.3;cursor:default}.project-article-buttons svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.project-article-pages{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}.project-article-pages a{color:var(--accent)}.project-article-empty{display:flex;align-items:center;gap:16px}.project-article-track:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:600px){.project-articles-panel{padding:16px}.project-article-slide{grid-template-columns:72px minmax(0,1fr);gap:12px}.project-article-cover img,.project-article-empty img{width:72px;height:72px}}