/* Official note: styles scoped to avoid affecting other pages. */
.rupoze-note-section { padding: clamp(60px, 8vw, 104px) 0; background: var(--color-bg-alt, #f3efea); }
.rupoze-note-section .section-header { margin-bottom: clamp(28px, 5vw, 48px); }
.rupoze-note-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: clamp(16px, 2.2vw, 26px); }
.rupoze-note-card { width: calc((100% - 52px) / 3); min-width: 0; border-radius: 14px; background: #fff; overflow: hidden; box-shadow: 0 5px 24px rgba(44, 58, 51, .07); border: 1px solid rgba(74, 96, 84, .08); transition: transform .3s ease, box-shadow .3s ease; }
.rupoze-note-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(44, 58, 51, .11); }
.rupoze-note-card-link { height: 100%; color: inherit; text-decoration: none !important; display: flex; flex-direction: column; }
.rupoze-note-thumb { width: 100%; aspect-ratio: 16 / 10; background: #e9e7e0; overflow: hidden; }
.rupoze-note-thumb img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .35s ease; }
.rupoze-note-card:hover .rupoze-note-thumb img { transform: scale(1.035); }
.rupoze-note-thumb--fallback { display: grid; place-items: center; background: linear-gradient(135deg, #e7dfd2, #f4f0eb); color: #6a796d; text-align: center; }
.rupoze-note-thumb--fallback span { font-family: var(--font-serif, serif); font-size: 1.35rem; letter-spacing: .08em; line-height: 1.6; }
.rupoze-note-thumb--fallback small { font-size: .68rem; letter-spacing: .24em; }
.rupoze-note-card-body { display: flex; flex: 1; flex-direction: column; padding: 22px 22px 24px; }
.rupoze-note-meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-family: var(--font-garamond, serif); font-size: .81rem; color: var(--color-text-muted, #8e9994); margin-bottom: 12px; }
.rupoze-note-label { border: 1px solid rgba(197,155,108,.45); border-radius: 99px; padding: 2px 9px; color: var(--color-accent, #c59b6c); font-weight: 700; font-size: .67rem; letter-spacing: .08em; }
.rupoze-note-card-title { color: var(--color-primary-dark, #2c3a33); font-family: var(--font-serif, serif); font-size: clamp(.99rem, 1.5vw, 1.12rem); line-height: 1.75; letter-spacing: .025em; font-weight: 600; overflow-wrap: anywhere; flex: 1; }
.rupoze-note-card-more { display: inline-flex; align-items: center; gap: 8px; font-size: .81rem; font-weight: 600; color: var(--color-primary, #4a6054); margin-top: 20px; }
.rupoze-note-card-more .fa-solid { font-size: .7rem; }
.rupoze-note-footer { margin-top: clamp(24px, 4vw, 40px); }
@media (max-width: 960px) { .rupoze-note-card { width: calc((100% - 24px) / 2); max-width: 420px; } }
@media (max-width: 600px) { .rupoze-note-section { padding: 60px 0; } .rupoze-note-grid { gap: 18px; } .rupoze-note-card { width: 100%; max-width: 420px; } .rupoze-note-card-body { padding: 18px 18px 20px; } .rupoze-note-card-title { font-size: 1rem; } .rupoze-note-thumb { aspect-ratio: 16 / 9; } }
@media (prefers-reduced-motion: reduce) { .rupoze-note-card, .rupoze-note-thumb img { transition: none; } }