/* AI Library — shared by the homepage section, /library and article pages.
   Uses the homepage tokens (--ink, --night, --panel, --line, --fg, --muted, --glow, --display, --body). */
.lib-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:40px}
.lib-values div{background:var(--ink);padding:20px 22px;display:flex;flex-direction:column;gap:4px;min-width:0}
.lib-values b{font-family:var(--display);font-weight:500;font-size:22px;color:var(--fg)}
.lib-values span{color:var(--muted);font-size:14.5px}
@media (max-width:760px){.lib-values{grid-template-columns:minmax(0,1fr)}}
.lib-search{position:relative;flex:1 1 320px;max-width:640px}
.lib-search input{width:100%;min-height:50px;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--fg);font:300 16px var(--body);padding:0 48px 0 22px}
.lib-search input::placeholder{color:#7F796F}
.lib-search input::-webkit-search-cancel-button{display:none}
.lib-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--muted);font-size:20px;cursor:pointer}
.lib-clear:hover{color:var(--glow)}
.lib-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px}
.lib-chip{min-height:40px;padding:0 14px 0 16px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--muted);font:400 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:10px}
.lib-chip i{font-style:normal;letter-spacing:0;font-size:11px;padding:3px 8px;border-radius:999px;background:rgba(236,228,214,.08);color:var(--fg);font-variant-numeric:tabular-nums}
.lib-chip[aria-pressed="true"]{background:var(--glow);border-color:var(--glow);color:#1A1208}
.lib-chip[aria-pressed="true"] i{background:rgba(26,18,8,.15);color:#1A1208}
.lib-count{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px}
.lcard{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--panel);text-decoration:none;color:var(--fg);min-width:0;transition:border-color .25s,transform .25s}
.lcard:hover{border-color:rgba(249,184,122,.55);transform:translateY(-2px)}
.lcard .lh{padding:24px 24px 20px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,rgba(249,184,122,.07),transparent);border-bottom:1px solid var(--line)}
.licon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:rgba(249,184,122,.12);color:var(--glow)}
.licon svg{width:20px;height:20px}
.lcard h3{font-family:var(--display);font-weight:500;font-size:26px;line-height:1.12}
.lmeta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:12.5px;color:var(--muted)}
.lmeta b{color:var(--glow);font-weight:500}
.lbadge{font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--glow);color:var(--glow)}
.lbadge.draft{border-color:rgba(180,170,230,.6);color:#C9C0F0}
.lcard .lsum{margin:18px 24px;color:#CFC8BD;font-size:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.8em;flex:none}
.lcard .lread{margin-top:auto;padding:16px 24px;border-top:1px solid var(--line);text-align:right;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--glow)}
.lib-more{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.lib-empty{padding:40px;border:1px dashed var(--line);text-align:center;color:var(--muted)}