.book-grid,.compact-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.compact-book{padding:12px;min-width:0;gap:8px;align-items:stretch}.compact-book h3{font-size:16px;line-height:1.3;font-weight:600;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.compact-book h3 a{color:var(--hosaka-text);text-decoration:none}.compact-book h3 a:hover{color:var(--hosaka-accent);text-decoration:underline}.compact-book p{font-size:14px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-art{position:relative;aspect-ratio:2/3;max-height:180px;background:var(--hosaka-raised);border-radius:var(--hosaka-radius);overflow:hidden;width:100%}.book-art img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}.generic-cover{height:100%;display:grid;place-items:center;color:var(--hosaka-accent)}.generic-cover>svg{width:65%;height:65%}.genre-badge{position:absolute;right:12%;bottom:16%;width:34%;aspect-ratio:1;background:var(--hosaka-surface);border:1px solid var(--hosaka-border);border-radius:50%;display:grid;place-items:center}.genre-badge svg{width:72%;height:72%}.book-links{display:flex;flex-wrap:wrap;gap:3px;margin-top:auto;padding-top:8px}.book-icon-link{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:32px;min-height:36px;padding:4px;color:var(--hosaka-link);border:1px solid transparent;border-radius:var(--hosaka-radius);text-decoration:none;background:transparent}.book-icon-link:hover{background:var(--hosaka-raised);border-color:var(--hosaka-border)}.book-icon-link svg{width:20px;height:20px}.wiki-symbol{font:600 22px Georgia,serif}.location-flag{font-size:14px}.compact-book .book-links button{margin:0;align-self:auto}.detail-art{max-width:220px;float:left;margin:0 24px 24px 0}.book-details{background:var(--hosaka-surface);border:1px solid var(--hosaka-border);border-radius:var(--hosaka-radius);padding:24px}.book-details:after{content:'';display:block;clear:both}.book-details h1{margin-top:0}.detail-recognition{margin-top:32px} @media(max-width:1000px){.book-grid,.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.book-grid,.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.book-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-book{padding:10px}.detail-art{float:none;margin:0 auto 24px}.book-details{padding:16px}}

.genre-app-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px;margin:24px 0}.genre-app{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;text-decoration:none;color:var(--hosaka-text);padding:16px 8px;border-radius:var(--hosaka-radius);font-size:14px;line-height:1.4}.genre-app:hover{background:var(--hosaka-raised);color:var(--hosaka-link)}.genre-app-icon{position:relative;width:64px;height:64px;color:var(--hosaka-accent)}.genre-app-icon>svg{width:100%;height:100%}.genre-count{position:absolute;top:-10px;right:-24px;min-width:24px;padding:3px 6px;border-radius:999px;background:var(--hosaka-accent);color:var(--hosaka-button-text);border:2px solid var(--hosaka-background);font-size:11px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:900px){.genre-app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.genre-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:380px){.genre-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}