/* Core layout */
:root { --pad: 1rem; --gap: 1.25rem; --maxw: 1100px; --cover-maxh: 520px; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height: 1.6; color: #eaeff4; background: #0e1218; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }

.jdb-header { border-bottom: 1px solid #1f2630; background:#0f141b; }
.jdb-header__inner, .jdb-footer__inner, .jdb-container { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: var(--pad); }
.jdb-brand { display: flex; align-items: center; gap: .75rem; }
.jdb-site-title { font-weight: 700; font-size: 1.125rem; }
.jdb-nav { font-size: .95rem; }

.jdb-footer { border-top: 1px solid #1f2630; margin-top: 2rem; background:#0f141b; }

.jdb-section { margin: 2rem 0; }
.jdb-section__title { font-size: 1.25rem; margin: 0 0 1rem 0; }

/* Hero */
.jdb-hero { margin-top: 1rem; }
.jdb-hero__title { font-size: 1.75rem; margin: .25rem 0; }
.jdb-hero__subtitle { max-width: 60ch; color:#b9c2cf; }
.jdb-hero__actions { display:flex; gap:.75rem; margin-top:.75rem; }

/* Buttons */
.jdb-button { display: inline-block; padding: .6rem 1rem; border-radius: .5rem; border: 1px solid #eaeff4; transition: transform .05s ease; }
.jdb-button:hover { transform: translateY(-1px); }
.jdb-button--ghost { background: transparent; border-color:#455066; color:#eaeff4; }

/* Grids */
.jdb-grid { display: grid; gap: var(--gap); }
.jdb-grid--posts { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.jdb-grid--books { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

/* Book cards */
.book-card { display: grid; gap: var(--gap); align-items: start; padding: var(--pad); border: 1px solid #1f2630; border-radius: .75rem; background: #0f141b; }
.book-card--featured.book-card--columns { grid-template-columns: 260px 1fr; }
.book-card--featured.book-card--stacked { grid-template-columns: 1fr; }

.book-card__cover { display:block; }
.book-cover { width: 100%; max-height: var(--cover-maxh); object-fit: contain; background: #0c1016; border: 1px solid #1f2630; border-radius: .5rem; padding: .5rem; }
.book-cover--placeholder { display:flex; align-items:center; justify-content:center; color:#7a8699; height: 320px; }

.book-card__title { margin: .25rem 0 .5rem; }
.book-card__excerpt { color: #b9c2cf; }
.book-card__actions { display:flex; gap:.5rem; flex-wrap: wrap; margin-top:.5rem; }

/* Posts */
.post-card { border: 1px solid #1f2630; border-radius: .75rem; overflow: hidden; background:#0f141b; display:flex; flex-direction: column; }
.post-card__thumb { display:block; aspect-ratio: 16/9; background:#0c1016; }
.post-thumb { width:100%; height:100%; object-fit: cover; }
.post-card__body { padding: var(--pad); }
.post-card__title { margin: 0 0 .4rem; }