body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 0; background:#fafafa; color:#222; }
header { background:#111; color:#fff; padding:12px 16px; }
header a { color:#fff; text-decoration:none; }
nav.top a { margin-right:12px; color:#ddd; }
.breadcrumbs { padding:8px 16px; font-size:14px; color:#666; }
main { padding:16px; background:#fff; max-width: 900px; margin: 16px auto; box-shadow:0 1px 4px rgba(0,0,0,.08); border-radius:8px; }
h1 { font-size:20px; margin:0; }
h2 { margin: 8px 0 16px; }
.tabs { margin:12px 0; }
.tabs a { display:inline-block; padding:8px 12px; margin-right:8px; background:#f1f1f1; border-radius:8px; text-decoration:none; color:#333; }
.tabs a.active { background:#333; color:#fff; }
.summary .chip { display:inline-block; padding:6px 10px; margin:4px 6px 10px 0; background:#eef7ff; border-radius:14px; text-decoration:none; color:#034; }
ul.list { list-style:none; padding:0; margin:0; }
ul.list li { padding:10px 8px; border-bottom:1px solid #eee; }
ul.list li a { text-decoration:none; color:#0a4; font-weight:600; }
ul.list li .date { color:#666; margin-left:8px; font-size: 90%; }
ul.list li .epi { color:#444; margin-top:4px; }
.pager { margin-top:12px; display:flex; gap:10px; align-items:center; }
.pager a { text-decoration:none; padding:6px 10px; border:1px solid #ddd; border-radius:6px; background:#f9f9f9; color:#333; }
.pp { color:#666; }
footer { text-align:center; padding:16px; color:#666; font-size:13px; }
/* optional small tweaks over Bootstrap */
.card-img-top { object-fit: cover; height: 180px; }
/* Picker spacing tweaks */
form .form-label { margin-bottom: 0.25rem; }