/* Manual library (web/library.html). Builds on home.css: the same header,
   buttons, panels and tokens; only the page's own layout lives here. */
a.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:var(--r-3);border:1px solid var(--amber);background:var(--amber);color:var(--steel-900);font-weight:600;text-decoration:none}
a.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}

.lib{max-width:960px;margin:0 auto;padding:16px}
.lib-intro h1{margin:4px 0 6px;font:800 26px/1.15 "Saira",sans-serif;letter-spacing:.02em;color:var(--ink)}
.lib-intro p{margin:0 0 14px;max-width:62ch}
/* signed-out visitors: browse, then sign in to add */
.lib-signin{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin:0 0 14px}
.lib-signin[hidden]{display:none}
.lib-signin p{margin:0}

.lib-filters{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:10px;align-items:end}
.lib-filters label{margin:0;font-size:13px;color:var(--mute)}
.lib-filters input,.lib-filters select{margin-top:4px;color:var(--ink)}
.lib-count{margin:14px 0 8px;color:var(--mute);font-size:14px}

.lib-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.book{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--line-2);border-radius:var(--r-3);background:var(--steel-850)}
.book-txt{min-width:0}
.book-title{margin:0;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.book-meta{margin:2px 0 0;color:var(--mute);font-size:13px}
.book-act{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.book-have{color:var(--go);font-size:13px}
.book-err{color:var(--onair-hi);font-size:13px;max-width:24ch;text-align:right}
.lib-more-row{text-align:center;margin:14px 0}
.lib-missing{margin-top:20px}
.lib-missing p{margin:0}

@media (max-width:760px){
  .lib-filters{grid-template-columns:1fr 1fr}
  .lib-q{grid-column:1/-1}
  .book{flex-direction:column;align-items:stretch}
  .book-act{align-items:stretch}
  .book-act .btn,.book-act button{width:100%}
  .book-err{text-align:left;max-width:none}
}