/* Scrollable implementation catalog */

.dev-catalog-page .app-main { max-width: 1100px; margin: 0 auto; }
.dev-version {
    border: 1px solid var(--color-border);
    border-radius: 16px;
    background: var(--color-surface);
    padding: 16px 18px;
    margin-bottom: 16px;
}
.dev-version h2 { margin: 0 0 6px; font-size: 1.35rem; }
.dev-version p { margin: 0; color: var(--color-text-muted); font-size: 0.88rem; line-height: 1.5; }
.dev-notes { margin-top: 14px; display: grid; gap: 10px; }
.dev-notes > h3 { margin: 0; font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-text-muted); }
.dev-note { border-top: 1px solid var(--color-border); padding-top: 10px; }
.dev-note h3 { margin: 0 0 4px; font-size: 1rem; display: flex; gap: 10px; flex-wrap: wrap; align-items: baseline; }
.dev-note time { font-weight: 600; color: var(--color-text-muted); font-size: 0.85rem; }
.dev-note p { margin: 0; }
.dev-lead { color: var(--color-text-muted); margin: 0 0 18px; }
.dev-section { margin: 0 0 28px; }
.dev-section h2 {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted);
    margin: 0 0 10px;
}
.dev-card {
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: var(--color-surface);
    padding: 12px 14px;
    margin-bottom: 8px;
    display: grid;
    gap: 4px;
}
.dev-card h3 { margin: 0; font-size: 1rem; }
.dev-card .path {
    font-family: ui-monospace, monospace;
    font-size: 0.75rem;
    color: var(--brand-primary, #2b5ed9);
}
.dev-card p { margin: 0; font-size: 0.82rem; color: var(--color-text-muted); line-height: 1.45; }
.dev-card.is-hidden { display: none; }
.dev-count { font-weight: 700; color: var(--color-text); }
#dev-search {
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: var(--color-surface);
    color: var(--color-text);
    min-height: 38px;
    padding: 0 10px;
}