/* protectmalteseheritage.com — public pages (campaign one-pager, list, not found). */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #f5f5f5; color: #222; line-height: 1.6; }
.container { max-width: 640px; margin: 0 auto; padding: 24px 20px; }
h1 { font-size: 1.3rem; margin-bottom: 8px; }
.ref { font-size: 0.95rem; color: #555; margin-bottom: 24px; }
.ref .org { color: #777; }
.lang-toggle { display: flex; gap: 8px; margin-bottom: 16px; }
.lang-btn { padding: 8px 16px; border: 2px solid #ddd; border-radius: 6px; background: #fff; color: #555; font-size: 0.9rem; font-weight: 600; cursor: pointer; }
.lang-btn.active { border-color: #1a6b3c; color: #1a6b3c; background: #f0faf4; }
.letter { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 24px; margin-bottom: 24px; font-size: 0.95rem; }
.letter p { margin-bottom: 1em; }
.letter p:last-child { margin-bottom: 0; }
.send-btn { display: block; width: 100%; padding: 16px; background: #1a6b3c; color: #fff; text-align: center; text-decoration: none; font-size: 1.1rem; font-weight: 600; border-radius: 8px; }
.send-btn:hover { background: #145a30; }
.note { font-size: 0.8rem; color: #777; margin-top: 16px; text-align: center; }
.cta-box { background: #1a6b3c; color: #fff; border-radius: 8px; padding: 20px 24px; margin-top: 24px; text-align: center; line-height: 1.5; }
.cta-box p { margin-bottom: 0.6em; font-size: 0.92rem; }
.cta-box p:last-child { margin-bottom: 0; }
.cta-box strong { font-size: 1.05rem; }
.hero { margin-bottom: 24px; border-radius: 10px; overflow: hidden; position: relative; }
.hero img { width: 100%; height: auto; display: block; }
.hero-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 20px; background: linear-gradient(transparent, rgba(0,0,0,.7)); color: #fff; font-size: 0.82rem; }
.hero-caption strong { font-size: 0.95rem; display: block; margin-bottom: 2px; }
.banner { border-radius: 8px; padding: 12px 16px; margin-bottom: 20px; font-size: 0.9rem; }
.banner-closed { background: #fff7e6; border: 1px solid #f0d9a8; color: #6b4e16; }
.banner-draft { background: #eef2ff; border: 1px solid #c7d2fe; color: #3730a3; }
.foot { margin-top: 24px; text-align: center; font-size: 0.85rem; }
.foot a, .container > p > a { color: #1a6b3c; }

/* list */
.card { display: flex; gap: 14px; background: #fff; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; margin-bottom: 14px; text-decoration: none; color: inherit; }
.card:hover { border-color: #1a6b3c; }
.card img { width: 120px; min-height: 110px; object-fit: cover; flex: none; }
.card-body { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px 12px 0; font-size: 0.88rem; color: #444; min-width: 0; }
.card:not(:has(img)) .card-body { padding-left: 14px; }
.card-body strong { font-size: 1rem; color: #222; }
.card-meta { font-size: 0.78rem; color: #777; margin-top: auto; }
.card-closed { opacity: .7; }