.drmf-mf-tips-slider { --drmf-mf-tips-gap: 30px; color: #fff; }
.drmf-mf-tips-slider__viewport { overflow: hidden; outline: 0; }
.drmf-mf-tips-slider__viewport:focus-visible { outline: 3px solid #335aa6; outline-offset: 4px; }
.drmf-mf-tips-slider__track { align-items: flex-start; display: flex; gap: var(--drmf-mf-tips-gap); transition: transform 1300ms ease; will-change: transform; }
.drmf-mf-tips-slider__slide { background: #335aa6; border-radius: 15px; display: flex; flex: 0 0 calc((100% - var(--drmf-mf-tips-gap)) / 2); flex-direction: column; min-width: 0; overflow: hidden; }
.drmf-mf-tips-slider__image-link { display: block; }
.drmf-mf-tips-slider__image { aspect-ratio: 2.08 / 1; display: block; height: auto; object-fit: cover; width: 100%; }
.drmf-mf-tips-slider__content { display: flex; flex: 1; flex-direction: column; padding: 26px; }
.drmf-mf-tips-slider__category { color: #fff; font-size: 14px; font-weight: 700; text-decoration: underline; }
.drmf-mf-tips-slider__title { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-family: Inter, Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 1.3; margin: 14px 0; min-height: 2.6em; overflow: hidden; }
.drmf-mf-tips-slider__title a { color: #fff; }
.drmf-mf-tips-slider__excerpt { -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #fff; display: -webkit-box; font-family: Inter, Arial, sans-serif; font-weight: 300; line-height: 1.6; min-height: 4.8em; overflow: hidden; }
.drmf-mf-tips-slider__excerpt p:last-child { margin-bottom: 0; }
.drmf-mf-tips-slider__controls { align-items: center; display: flex; gap: 14px; justify-content: center; margin-top: 24px; }
.drmf-mf-tips-slider__button { background: #335aa6; border: 0; border-radius: 50%; color: #fff; cursor: pointer; font-size: 28px; height: 42px; line-height: 1; padding: 0 0 4px; width: 42px; }
.drmf-mf-tips-slider__button:focus-visible, .drmf-mf-tips-slider__dot:focus-visible { outline: 3px solid #335aa6; outline-offset: 3px; }
.drmf-mf-tips-slider__button:disabled { cursor: not-allowed; opacity: .45; }
.drmf-mf-tips-slider__dots { display: flex; gap: 10px; }
.drmf-mf-tips-slider__dot { background: #335aa6; border: 0; border-radius: 50%; cursor: pointer; height: 10px; padding: 0; width: 10px; }
.drmf-mf-tips-slider__dot[aria-current="true"] { background: #d6d6d6; }
@media (max-width: 767px) { .drmf-mf-tips-slider__slide { flex-basis: 100%; } .drmf-mf-tips-slider__content { padding: 22px; } }
@media (prefers-reduced-motion: reduce) { .drmf-mf-tips-slider__track { transition: none; } }
.drmf-mf-tips-grid { display: grid; gap: 30px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.drmf-mf-tips-grid__card { background: #fff; border-radius: 15px; box-shadow: 0 12px 30px rgba(20, 42, 85, .1); display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.drmf-mf-tips-grid__image-link { display: block; }
.drmf-mf-tips-grid__image { aspect-ratio: 1.7 / 1; display: block; height: auto; object-fit: cover; width: 100%; }
.drmf-mf-tips-grid__content { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.drmf-mf-tips-grid__title { color: #1d2d50; font-family: Inter, Arial, sans-serif; font-size: 21px; line-height: 1.35; margin: 0 0 12px; }
.drmf-mf-tips-grid__title a { color: inherit; }
.drmf-mf-tips-grid__excerpt { color: #4d5870; line-height: 1.6; margin: 0 0 18px; }
.drmf-mf-tips-grid__link { color: #335aa6; font-weight: 700; margin-top: auto; }
.drmf-mf-tips-grid__empty { color: #4d5870; }
@media (max-width: 980px) { .drmf-mf-tips-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .drmf-mf-tips-grid { grid-template-columns: 1fr; } }