:root{--bg:#000;--fg:#fff}
html,body{height:100%}
body{
  background:var(--bg);
  color:var(--fg);
  font-family: 'Courier New', Courier, monospace;
  margin:0;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
.wrap{
  max-width:960px;
  padding:4rem 2rem;
  text-align:center;
  margin:0 auto;
}
h1{
  font-size:2.25rem;
  letter-spacing:0.18rem;
  text-transform:uppercase;
  margin:0 0 0.5rem;
}
.owner{margin:0 0 1rem;opacity:0.95}
.card{display:inline-block;padding:1rem;border:1px solid var(--fg);margin-bottom:1rem}
h2{margin:0 0 .5rem;font-size:1rem}
p{margin:0;font-size:0.95rem;line-height:1.5}

/* Shared links */
a{color:var(--fg)}

/* Home book previews */
.books-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,1fr));
  gap:1.25rem;
  text-align:left;
}
.book-preview{
  border:1px solid var(--fg);
  padding:1rem;
  display:flex;
  flex-direction:column;
  gap:0.5rem;
}
.cover-link{display:inline-block;align-self:flex-start}
.thumb{width:160px;height:auto;display:block;border:1px solid var(--fg)}
.book-preview h3{margin:0;font-size:1.05rem;line-height:1.4}
.subtitle{opacity:.85}
.meta{opacity:.85;font-size:.9rem}

/* Book detail pages */
.page-wrap{max-width:760px;padding:4rem 2rem;text-align:left;margin:0 auto}
.book-article{border:1px solid var(--fg);padding:1.5rem}
.book-header{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}
.book-cover{width:190px;max-width:100%;height:auto;border:1px solid var(--fg)}
.book-heading h1{margin:0;text-align:left}
.book-heading .subtitle{margin:.25rem 0 0}
.byline{margin:.5rem 0 0;opacity:.9}
.back-link{display:inline-block;margin-top:1.5rem}
.article-body{margin-top:1.25rem}
.article-body p{margin:0 0 1rem}
.photographer-block{margin:0 0 1rem}
.photographer-photo{width:120px;max-width:100%;height:auto;border:1px solid var(--fg);display:block}
.photographer-block figcaption{margin-top:.5rem;opacity:.85;font-size:.9rem}

@media (max-width:760px){
  .wrap{padding:2rem 1rem}
  .page-wrap{padding:2rem 1rem}
  .books-grid{grid-template-columns:1fr}
  .thumb{width:140px}
  .book-header{flex-direction:column}
}