.book-tiles{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tile{border-right:1px solid var(--rule);align-content:start;gap:4px;min-width:0;padding:14px 20px;display:grid}.tile:last-child{border-right:0}.tile-n{font-family:var(--mono);letter-spacing:-.02em;font-size:28px;line-height:1.05}.tile-l{color:var(--muted);font-size:13px;line-height:1.4}.tile-l strong{color:var(--text);font-weight:600}.accent{color:var(--accent)}.info{cursor:help;color:var(--muted);position:relative}.info-pop{z-index:20;background:var(--bg);width:300px;color:var(--text);border:1px solid var(--text);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:none;position:absolute;top:1.4em;right:0}.info:hover .info-pop,.info:focus .info-pop{display:block}.info:focus-visible{outline:2px solid var(--accent)}.book-table{justify-items:start;gap:10px;display:grid}.book-table .scroll{width:100%;overflow-x:auto}.book-table th button{all:unset;cursor:pointer;font:inherit}.book-table th button:focus-visible,.row-btn:focus-visible{outline:2px solid var(--accent)}.row-btn{all:unset;cursor:pointer;font-family:var(--mono);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px}.row-btn:hover{color:var(--accent)}.book-table tr.open td{background:color-mix(in srgb, var(--rule) 35%, transparent)}.row-detail td{padding:0}.detail{background:color-mix(in srgb, var(--rule) 35%, transparent);justify-items:start;gap:6px;padding:10px 12px 14px;font-size:13px;display:grid}.detail .label{margin-right:8px}@media (max-width:720px){.book-tiles{grid-template-columns:1fr}.tile{border-right:0;border-bottom:1px solid var(--rule);padding:12px 16px}.tile:last-child{border-bottom:0}.tile-n{font-size:24px}.info-pop{width:260px;left:-200px;right:auto}}
