astro-island,astro-slot,astro-static-slot{display:contents}
#fern-toc,#fern-sidebar[data-state="sticky"],#fern-sidebar[data-state="fixed"],#fern-sidebar-spacer{visibility:hidden;width:0;overflow:hidden;display:none;}.fern-main:has(>#fern-sidebar[data-viewport="desktop"][data-state="sticky"]){min-height:0!important;}

        .mnlf-product-browser {
          width: 100%;
          padding: 2rem 0;
        }

        .mnlf-browser-header {
          margin-bottom: 2rem;
        }

        .mnlf-browser-title {
          font-size: 24px;
          font-weight: 700;
          margin-bottom: 1.25rem;
          color: var(--grayscale-12, #111);
        }

        .mnlf-filters-row {
          display: flex;
          flex-direction: column;
          gap: 0.75rem;
        }

        .mnlf-search-container {
          position: relative;
          max-width: 100%;
        }

        .mnlf-search-icon {
          position: absolute;
          left: 1rem;
          top: 50%;
          transform: translateY(-50%);
          color: var(--grayscale-9, #999);
          pointer-events: none;
          z-index: 1;
        }

        .mnlf-search-input {
          width: 100%;
          padding: 0.625rem 1rem 0.625rem 3rem;
          background-color: transparent;
          border: 1px solid var(--color-card-border, var(--grayscale-a5));
          border-radius: 0;
          font-size: 16px;
          color: var(--grayscale-12, #111);
          outline: none;
          transition: all 0.2s ease;
        }

        .mnlf-search-input:focus {
          border-color: var(--accent-9, #00aa59);
          box-shadow: 0 0 0 2px rgba(0, 170, 89, 0.15);
        }

        .mnlf-search-input::placeholder {
          color: var(--grayscale-9, #999);
        }

        .mnlf-dropdown-group {
          display: flex;
          gap: 0.75rem;
        }

        .mnlf-select-wrapper {
          position: relative;
          flex: 1;
        }

        .mnlf-select {
          width: 100%;
          padding: 0.625rem 2.5rem 0.625rem 1rem;
          background-color: transparent;
          border: 1px solid var(--color-card-border, var(--grayscale-a5));
          border-radius: 0;
          font-size: 14px;
          font-weight: 500;
          color: var(--grayscale-12, #111);
          outline: none;
          cursor: pointer;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          transition: all 0.2s ease;
        }

        .mnlf-select:focus {
          border-color: var(--accent-9, #00aa59);
          box-shadow: 0 0 0 2px rgba(0, 170, 89, 0.15);
        }

        .mnlf-select option {
          background-color: var(--grayscale-1, #fff);
          color: var(--grayscale-12, #111);
        }

        .mnlf-select-chevron {
          position: absolute;
          right: 0.75rem;
          top: 50%;
          transform: translateY(-50%);
          color: var(--grayscale-9, #999);
          pointer-events: none;
        }

        @media (max-width: 768px) {
          .mnlf-dropdown-group {
            flex-direction: column;
          }
        }

        .mnlf-products-grid {
          display: grid;
          gap: 1.25rem;
          grid-auto-rows: 1fr;
          min-width: 0;
        }

        @media (max-width: 768px) {
          .mnlf-products-grid {
            grid-template-columns: 1fr !important;
          }
        }

        .mnlf-product-card {
          display: flex;
          align-items: flex-start;
          gap: 1rem;
          padding: 1.25rem;
          backdrop-filter: blur(8px);
          -webkit-backdrop-filter: blur(8px);
          background-color: rgba(255, 255, 255, 0.01);
          border: 1px solid var(--color-card-border, var(--grayscale-a5));
          border-radius: 0;
          text-decoration: none;
          height: 100%;
        }

        .mnlf-card-icon {
          flex-shrink: 0;
          width: 44px;
          height: 44px;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: rgba(0, 170, 89, 0.1);
          border-radius: 0;
          font-size: 20px;
          color: var(--accent-9, #00aa59);
        }

        .mnlf-card-content {
          flex: 1;
          display: flex;
          flex-direction: column;
          gap: 0.25rem;
          min-height: 0;
        }

        .mnlf-card-title {
          font-size: 16px;
          font-weight: 600;
          color: var(--grayscale-12, #111);
          margin: 0;
        }

        .mnlf-card-description {
          font-size: 14px;
          color: var(--grayscale-9, #888);
          margin: 0;
          line-height: 1.4;
        }

        .mnlf-card-tags {
          display: flex;
          flex-wrap: wrap;
          gap: 0.375rem;
          margin-top: 0.5rem;
        }

        .mnlf-tag {
          display: inline-block;
          padding: 2px 8px;
          font-size: 11px;
          font-weight: 600;
          letter-spacing: 0.025em;
          color: var(--accent-9, #00aa59);
          background-color: rgba(0, 170, 89, 0.1);
          border: 1px solid rgba(0, 170, 89, 0.25);
          border-radius: 0;
          white-space: nowrap;
        }

        .mnlf-tag-region {
          color: var(--grayscale-12, #111);
          background-color: var(--grayscale-a3, rgba(0, 0, 0, 0.05));
          border-color: var(--grayscale-a5, rgba(0, 0, 0, 0.1));
        }

        .mnlf-card-actions {
          display: flex;
          gap: 0.5rem;
          margin-top: 0.75rem;
        }

        .mnlf-card-btn {
          display: inline-flex;
          align-items: center;
          gap: 0.375rem;
          padding: 0.375rem 0.75rem;
          font-size: 13px;
          font-weight: 600;
          font-family: inherit;
          text-decoration: none;
          border-radius: 0;
          transition: all 0.15s ease;
          white-space: nowrap;
          cursor: pointer;
        }

        .mnlf-card-btn-primary {
          background-color: var(--accent-9, #00aa59);
          color: #fff;
          border: 1px solid var(--accent-9, #00aa59);
        }

        .mnlf-card-btn-primary:hover {
          background-color: var(--accent-10, #008a48);
          border-color: var(--accent-10, #008a48);
        }

        .mnlf-card-btn-secondary {
          background-color: transparent;
          color: var(--grayscale-12, #111);
          border: 1px solid var(--color-card-border, var(--grayscale-a5));
        }

        .mnlf-card-btn-secondary:hover {
          border-color: var(--accent-9, #00aa59);
          color: var(--accent-9, #00aa59);
        }

        .mnlf-no-results {
          text-align: center;
          padding: 3rem 2rem;
          color: var(--grayscale-9, #888);
        }