/* assets/css/style.css */
:root {
  --card-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.card {
  box-shadow: var(--card-shadow);
  border: 1px solid rgba(0,0,0,.06);
}

.article-meta {
  font-size: .9rem;
  color: #6c757d;
}

.prose p, .prose li { line-height: 1.65; }
.prose h2 { margin-top: 1.4rem; }
.prose a { text-decoration: none; }
.prose a:hover { text-decoration: underline; }

.form-hint { font-size: .9rem; color: #6c757d; }

.codebox {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .9rem;
  white-space: pre-wrap;
  background: #f8f9fa;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: .5rem;
  padding: .75rem;
}


/* Article gallery */
.article-gallery .gallery-thumb{aspect-ratio:16/10;object-fit:cover;width:100%;}
.article-gallery .thumb-link{display:block;}
.article-gallery .thumb-link:hover .gallery-thumb{filter:brightness(0.95);}
#photoPrev,#photoNext{opacity:.9;}
@media (max-width:575px){#photoPrev,#photoNext{padding:.35rem .6rem;}}