.kapsule [hidden] { display: none !important; }
.kapsule-context { max-width: 80ch; color: var(--ink-600); font-size: .9rem; }
.kapsule-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; padding: 1.5rem; margin-top: 2rem; background: var(--cream-100); border: 1px solid var(--cream-300); border-radius: var(--radius-md); }
.kapsule-search { flex: 1 1 320px; }
.kapsule-search label { display: block; font-weight: 800; margin-bottom: .4rem; }
.kapsule-search input { width: 100%; padding: .8rem; min-height: 48px; border: 1px solid var(--ink-600); border-radius: .5rem; background: white; }
.kapsule-search > span, .kapsule-status { font-size: .85rem; color: var(--ink-600); }
.kapsule-status { margin: 1rem 0 2rem; }
.kapsule-entry { display: grid; grid-template-columns: 175px minmax(0, 1fr); gap: 2rem; padding-bottom: 1.5rem; }
.kapsule-date { color: var(--crimson-800); font-weight: 800; padding-top: 1.5rem; }
.kapsule-entry details { position: relative; border: 1px solid var(--cream-300); border-radius: 1rem; background: white; box-shadow: var(--shadow-sm); }
.kapsule-entry details::before { content: ''; position: absolute; left: -1.15rem; top: 1.85rem; width: .55rem; height: .55rem; background: var(--crimson-700); border-radius: 50%; }
.kapsule-entry summary { padding: 1.5rem; cursor: pointer; color: var(--crimson-800); }
.kapsule-entry summary > span { display: inline; }
.kapsule-title { font-family: var(--font-display); font-size: clamp(1.3rem, 2.5vw, 1.8rem); font-weight: 700; line-height: 1.2; }
.kapsule-teaser { display: block; color: var(--ink-600); font-size: .95rem; margin-top: .6rem; }
.kapsule-entry summary:hover { background: var(--cream-50); border-radius: 1rem; }
.kapsule-body { padding: 0 1.5rem 1.5rem; display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 1.5rem; }
.kapsule-preview { align-self: start; font-size: .75rem; text-align: center; }
.kapsule-preview img { width: 100%; height: auto; border: 1px solid var(--cream-300); margin-bottom: .5rem; }
.kapsule-source { margin: 1rem 0 0; font-size: .8rem; color: var(--ink-600); }
.kapsule-pdf { font-size: .75rem; font-weight: 400; }
.kapsule-empty, .kapsule-end { padding: 2.5rem 1rem; text-align: center; }
.kapsule-end { border-top: 1px solid var(--cream-300); margin-top: 1rem; }
@media (max-width: 850px) { .kapsule-entry { grid-template-columns: 1fr; gap: .5rem; } .kapsule-date { padding: 0; } .kapsule-entry details::before { display: none; } }
@media (max-width: 580px) { .kapsule-tools { padding: 1rem; } .kapsule-body { grid-template-columns: 1fr; padding: 0 1rem 1rem; } .kapsule-entry summary { padding: 1rem; } .kapsule-preview { max-width: 180px; } }