.hpi-main{overflow-wrap:anywhere}.hpi-intro{margin-top:18px;font-size:.9rem}.hpi-content{padding-top:52px;padding-bottom:76px}.hpi-count{margin-bottom:26px;color:var(--sub);font-size:.78rem}.hpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:26px;gap:26px}.hpi-card{min-width:0;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line)}.hpi-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;padding:26px 20px;background:#efe6d4}.hpi-covers--single{grid-template-columns:minmax(0,1fr)}.hpi-cover{min-width:0;height:220px;display:grid;place-items:center}.hpi-cover img{width:auto;height:auto;max-width:100%;max-height:220px;object-fit:contain;box-shadow:0 12px 24px rgba(51,38,26,.2)}.hpi-body{flex:1 1;min-width:0;display:flex;flex-direction:column;padding:22px}.hpi-book+.hpi-book{margin-top:16px}.hpi-title{font-family:var(--serif);font-size:1rem;font-weight:600;line-height:1.8}.hpi-subtitle{margin-top:4px;line-height:1.6}.hpi-author,.hpi-subtitle{color:var(--sub);font-size:.8rem}.hpi-author{margin-top:8px}.hpi-excerpt{margin-top:16px;font-size:.84rem;color:var(--sub)}.hpi-details{margin-top:auto;padding-top:22px}.hpi-video{display:inline-block;margin-bottom:10px;padding:1px 7px;border:1px solid var(--line);color:var(--accent);font-size:.72rem}.hpi-date{padding-top:12px;border-top:1px solid var(--line);color:var(--sub);font-size:.76rem}.hpi-button{display:block;margin-top:16px;padding:12px 14px;background:#2f4a6b;color:#fdf8ee;text-align:center;font-size:.84rem;white-space:normal}.hpi-button:hover{background:#22374f}.hpi-book-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:12px;font-size:.78rem}.hpi-text-link{display:inline-block;max-width:100%;padding:4px 0;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.hpi-text-link:hover{color:var(--ink)}.hpi-empty{padding:48px 0;text-align:center;font-size:.9rem}.hpi-empty .hpi-text-link{margin-top:16px}.hpi-production{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);color:var(--sub);font-size:.78rem}@media (max-width:960px){.hpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hpi-grid{grid-template-columns:minmax(0,1fr)}}