/* All V0.6 styling remains inside the plugin's .hlmm-materials namespace. */
.hlmm-materials,
.hlmm-materials * { box-sizing: border-box; }
.hlmm-materials { width: 100%; margin: 2rem 0; color: #173040; font-family: inherit; }
.hlmm-materials .hlmm-materials__heading { margin: 0 0 1.1rem; font-size: clamp(1.35rem, 2vw, 1.8rem); line-height: 1.3; font-weight: 750; letter-spacing: -.025em; color: #102b3a; }
.hlmm-materials .hlmm-materials__items { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; gap: 14px; grid-template-columns: repeat(var(--hlmm-columns-desktop, 3), minmax(0, 1fr)); }
.hlmm-materials .hlmm-materials__item { min-width: 0; list-style: none !important; margin: 0 !important; padding: 16px !important; background: #fff; border: 1px solid #e4e9e8; border-radius: 16px; box-shadow: 0 6px 24px rgb(16 43 58 / 5%); display: flex; flex-direction: column; gap: 12px; }
.hlmm-materials .hlmm-materials__item::before, .hlmm-materials .hlmm-materials__item::marker { display: none !important; content: none !important; }
.hlmm-materials .hlmm-materials__image-wrap { width: 100%; overflow: hidden; border-radius: 11px; background: #f4f6f4; aspect-ratio: 1 / 1; }
.hlmm-materials .hlmm-materials__image { display: block; width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.hlmm-materials .hlmm-materials__body { min-width: 0; flex: 1; }
.hlmm-materials .hlmm-materials__type { display: inline-block; margin: 0 0 6px; color: #59766a; font-size: .7rem; letter-spacing: .075em; font-weight: 800; line-height: 1.3; text-transform: uppercase; }
.hlmm-materials .hlmm-materials__name { margin: 0; color: #142e3c; font-size: 1rem; line-height: 1.4; font-weight: 750; overflow-wrap: anywhere; }
.hlmm-materials .hlmm-materials__description { margin: 8px 0 0; color: #526572; font-size: .9rem; line-height: 1.65; overflow-wrap: anywhere; }
.hlmm-materials .hlmm-materials__link { display: inline-flex; align-items: center; gap: 4px; margin: 10px 0 0; color: #82543c; font-size: .83rem; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.hlmm-materials .hlmm-materials__link:hover, .hlmm-materials .hlmm-materials__link:focus-visible { color: #543521; }
.hlmm-materials--list .hlmm-materials__items { grid-template-columns: minmax(0, 1fr); }
.hlmm-materials--list .hlmm-materials__item { flex-direction: row; align-items: center; }
.hlmm-materials--list .hlmm-materials__image-wrap { flex: 0 0 92px; width: 92px; height: 92px; aspect-ratio: 1; }
@media (max-width: 1024px) {
  .hlmm-materials--grid .hlmm-materials__items { grid-template-columns: repeat(var(--hlmm-columns-tablet, 2), minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .hlmm-materials--grid .hlmm-materials__items { grid-template-columns: repeat(var(--hlmm-columns-mobile, 1), minmax(0, 1fr)); }
  .hlmm-materials .hlmm-materials__item { padding: 14px !important; border-radius: 13px; }
  .hlmm-materials--list .hlmm-materials__image-wrap { flex-basis: 78px; width: 78px; height: 78px; }
}
@media (prefers-reduced-motion: reduce) { .hlmm-materials * { scroll-behavior: auto; } }
