book-main>h1{max-width:720px}book-main>lead-say{margin-bottom:34px}book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:16px;max-width:820px}book-grid>a{display:block;text-decoration:none;color:inherit;border-radius:var(--radius)}book-grid>a:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}book-card{display:flex;flex-direction:column;gap:9px;height:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:20px 20px 18px}book-grid>a:hover book-card{border-color:var(--indigo-line)}book-card>card-title{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--indigo);letter-spacing:-.01em}book-card>card-dek{font-size:13.8px;line-height:1.55;color:var(--ink-2)}book-card>card-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}book-card>card-meta>card-state{color:var(--amber)}@media(max-width:860px){book-grid{grid-template-columns:1fr}}