.md-va-archive { margin: 0 auto; max-width: 90vw; }
.md-va-archive__search { text-align: center; margin: 1rem 0 2rem; }
.md-va-archive__search-input { max-width: 420px; width: 100%; padding: .6rem .9rem; border-radius: 999px; border: 1px solid #ccc; }
.md-va-archive__letter { text-align: center; font-weight: 700; margin: 1.5rem 0 .75rem; }
.md-va-archive__list { list-style: none; padding: 0; margin: 0 0 1.5rem; }
.md-va-archive__item { text-align: center; margin: .4rem 0; }
.md-va-archive__title { font-style: italic; }
.md-va-archive__link { color: inherit; text-decoration: none; }
.md-va-archive__link:hover { text-decoration: underline; }
.md-va-archive__excerpt { margin-top: .25rem; opacity: .85; }
.md-va-archive__category-description{font-weight: 700;}

/* Modal */
.md-va-modal { position: fixed; top:0; right:0; bottom:0; left:0; display: none; align-items: center; justify-content: center; z-index: 9999; }
.md-va-modal.is-open { display: flex; }
.md-va-modal__backdrop { position: absolute; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,.75); }
.md-va-modal__dialog { position: relative; width: 90%; max-width: 960px; }
.md-va-modal__close { position: absolute; top: -40px; right: 0; background: transparent; color: #fff; border: 0; font-size: 32px; line-height: 1; cursor: pointer; }
.md-va-modal__content { width: 100%; }
.md-va-video-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; }
.md-va-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
body.md-va-modal-open { overflow: hidden; }

/* Credit Note */
.md-va-credit-note { position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; background: #fff; color: #000; display: none; height: 200px; overflow-y: auto; padding: 20px; box-sizing: border-box; }
.md-va-credit-note__short { display: block; align-items: center; padding: 10px 15px; gap: 10px; background: #fff; }
.md-va-credit-note__text { flex: 1; line-height: 1.4; font-weight: 500; font-family: 'Arimo', Arial, sans-serif;}
.md-va-credit-note__expand { background: transparent; border: 0; color: #000; cursor: pointer; padding: 5px 10px; transition: transform 0.3s; }
.md-va-credit-note__expand:hover { opacity: 0.8; }
.md-va-credit-note__close { position: absolute; top: 10px; right: 10px; background: transparent; border: 0; color: #000; font-size: 24px; cursor: pointer; line-height: 1; padding: 5px; }
.md-va-credit-note__close:hover { opacity: 0.8; }
.md-va-credit-note__content { font-weight: 500; line-height: 1.6; white-space: pre-wrap; word-wrap: break-word; font-family: 'Arimo', Arial, sans-serif; margin-top: 15px;}

/* Modal Footer */
.md-va-modal__footer { background: #fff; padding: 20px; text-align: center; display: none; }
.md-va-modal__footer:has(.md-va-link:not(:empty)) { display: block; }
.md-va-link:empty { display: none; }
.md-va-link-btn { display: inline-block; padding: 12px 30px; background-color: #0073aa; color: #fff !important; text-decoration: none; border-radius: 4px; font-weight: 600; transition: all 0.3s ease; }
.md-va-link-btn:hover { background-color: #005177; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); }