.concept-library-header h1{font-size:32px}.concept-library-header{justify-content:space-between;align-items:start;gap:18px;margin-bottom:22px;display:flex}.concept-library-header p{max-width:72ch;color:var(--guide-muted);margin-top:8px;font-size:15px}.concept-library-header>a{color:var(--guide-accent);flex-shrink:0;padding-top:8px;font-size:13px}.concept-library-controls{gap:12px;margin-bottom:16px;display:grid}.concept-library-controls>label{max-width:620px;font:13px var(--font-mono), monospace;gap:8px;display:grid}.concept-library-controls input{border:1px solid var(--guide-line);background:var(--guide-panel);border-radius:0;width:100%;padding:11px 12px;font-family:inherit;font-size:14px;line-height:1.3}.concept-category-tabs{flex-wrap:wrap;gap:8px;display:flex}.concept-category-tabs button{border:1px solid var(--guide-line);font:13px var(--font-mono), monospace;cursor:pointer;border-radius:0;padding:10px 14px}.concept-category-tabs button[aria-pressed=true]{background:var(--guide-ink);border-color:var(--guide-ink);color:var(--guide-paper)}.concept-library-controls>p{font:11px var(--font-mono), monospace;color:var(--guide-muted)}.concept-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.concept-library-card{border-radius:0;flex-direction:column;gap:8px;min-width:0;padding:18px;transition:background .15s,border-color .15s;display:flex}.concept-library-card:hover{background:var(--card)}.concept-library-card>div{color:var(--guide-accent);align-items:center;gap:10px;display:flex}.concept-library-card small{font:10px var(--font-mono), monospace}.concept-library-card>div>span{margin-left:auto}.concept-library-card h2{margin:0;font-size:18px}.concept-library-card p{color:var(--guide-muted);font-size:13px}.concept-empty{border:1px dashed var(--guide-line);padding:48px}.concept-empty button{cursor:pointer;margin-top:16px;text-decoration:underline}@media (max-width:760px){.concept-library-header{flex-direction:column;gap:4px;margin-bottom:18px}.concept-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-library-card{padding:16px}.concept-library-header h1{font-size:28px}}@media (max-width:480px){.concept-library-grid{grid-template-columns:1fr}.concept-library-card{gap:8px}.concept-category-tabs button{padding:10px}}@media (prefers-reduced-motion:reduce){.concept-library-card{transition:none}}
