.book-card-h[data-astro-cid-qg4j4ri5]{--book-card-h-cover-width: clamp(7.75rem, 18vw, 9rem);position:relative;display:grid;grid-template-columns:var(--book-card-h-cover-width) minmax(0,1fr);height:calc(var(--book-card-h-cover-width) * 1.5);padding:0;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text);transition:transform var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.book-card-h[data-astro-cid-qg4j4ri5]:hover{background:var(--color-bg-card-hover);border-color:var(--color-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.book-card-h-link-overlay[data-astro-cid-qg4j4ri5]{position:absolute;inset:0;z-index:1;border-radius:var(--radius-lg)}.book-card-h-link-overlay[data-astro-cid-qg4j4ri5]:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.book-card-h-cover[data-astro-cid-qg4j4ri5]{pointer-events:none;position:relative;width:var(--book-card-h-cover-width);height:100%;overflow:hidden;background:var(--color-bg-tertiary)}.book-card-h-cover[data-astro-cid-qg4j4ri5]:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,var(--cover-tint-start) 0%,var(--cover-tint-end) 100%);pointer-events:none}.book-card-h-cover-img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover}.book-card-h-body[data-astro-cid-qg4j4ri5]{pointer-events:auto;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;padding:var(--space-4) var(--space-5);overflow:hidden}.book-card-h-top[data-astro-cid-qg4j4ri5]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);min-width:0}.book-card-h-author[data-astro-cid-qg4j4ri5]{pointer-events:auto;position:relative;z-index:2;font-size:var(--size-sm);font-weight:500;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.book-card-h-author[data-astro-cid-qg4j4ri5]:hover{color:var(--color-accent)}.book-card-h-duration[data-astro-cid-qg4j4ri5]{pointer-events:none;font-size:var(--size-xs);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.book-card-h-title[data-astro-cid-qg4j4ri5]{flex:0 0 auto;font-family:var(--font-heading);font-size:clamp(var(--size-base),1vw + .75rem,var(--size-lg));font-weight:700;line-height:1.22;margin-bottom:var(--space-3);overflow-wrap:break-word;word-break:normal;hyphens:manual;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-card-h-title-link[data-astro-cid-qg4j4ri5]{position:relative;z-index:2;color:var(--color-text);text-decoration-color:transparent;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.book-card-h-title-link[data-astro-cid-qg4j4ri5]:visited{color:var(--color-book-title-visited)}.book-card-h-title-link[data-astro-cid-qg4j4ri5]:hover{color:var(--color-accent)}.book-card-h-title-link[data-astro-cid-qg4j4ri5]:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}.book-card-h-desc[data-astro-cid-qg4j4ri5]{pointer-events:none;flex:0 1 auto;min-height:0;font-size:var(--size-sm);color:var(--color-text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:480px){.book-card-h[data-astro-cid-qg4j4ri5]{--book-card-h-cover-width: 7rem}.book-card-h-body[data-astro-cid-qg4j4ri5]{padding:var(--space-3) var(--space-4)}.book-card-h-title[data-astro-cid-qg4j4ri5]{font-size:var(--size-base);margin-bottom:var(--space-2)}.book-card-h-desc[data-astro-cid-qg4j4ri5]{-webkit-line-clamp:2}}.view-toggle[data-astro-cid-p6kfeelo]{display:flex;gap:var(--space-1);background:var(--color-surface);border-radius:var(--radius-md);padding:3px;border:1px solid var(--color-border-subtle)}.view-toggle-btn[data-astro-cid-p6kfeelo]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.view-toggle-btn[data-astro-cid-p6kfeelo]:hover{color:var(--color-text-secondary)}.view-toggle-btn[data-astro-cid-p6kfeelo].active{background:var(--color-bg-card);color:var(--color-accent);box-shadow:var(--shadow-sm)}